/* Auditoría senior 2026-07-15 — accesibilidad y responsive */
:root {
  --tgf-focus: #0b63ce;
  --tgf-gold-aa: #745a08;
}

html { scroll-padding-top: 1rem; }
body { overflow-x: clip; }
[id], .tarot-results, .tarot-tirada { scroll-margin-top: 1rem; }

.tgf-hero-eyebrow {
  color: var(--tgf-gold-aa) !important;
}

.tgf-oraculos a,
.tgf-sitemap a,
.tgf-related a,
.tgf-funnel a {
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--tgf-focus) !important;
  outline-offset: 3px !important;
  border-radius: 3px;
}

.tarot-card {
  touch-action: manipulation;
}

.tarot-results:focus {
  outline: none;
}

.entry-content p,
.entry-content li,
.tarot-result__meaning {
  max-width: 72ch;
}

@media (max-width: 600px) {
  .site-header .inside-header {
    padding: 12px 16px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .site-header .site-logo {
    flex: 0 0 auto !important;
  }

  .site-header .site-logo img {
    max-height: 46px;
  }

  .site-header .site-branding {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
    align-items: center !important;
  }

  .site-header .main-title,
  .site-header .site-description {
    white-space: normal !important;
    overflow-wrap: anywhere;
    max-width: 100%;
  }

  .site-header .main-title {
    font-size: clamp(1.22rem, 5.6vw, 1.65rem) !important;
  }

  .site-header .site-description {
    font-size: .82rem;
    line-height: 1.25;
  }

  .tgf-hero-ctas {
    display: grid;
    grid-template-columns: 1fr;
    gap: .6rem;
  }

  .tgf-hero-ctas a {
    justify-content: center;
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 380px) {
  .site-header .site-logo img { max-height: 40px; }
  .site-header .inside-header { padding-inline: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}


/* Tablas editoriales responsive */
.tgf-table-wrap {
  container-type: inline-size;
  width: 100%;
  overflow-x: auto;
  margin-block: 1.25rem;
  border: 1px solid rgba(29, 17, 51, .16);
  border-radius: 10px;
  -webkit-overflow-scrolling: touch;
}
.tgf-table-wrap table {
  width: 100%;
  min-width: 640px;
  margin: 0;
  border-collapse: collapse;
}
.tgf-table-wrap th,
.tgf-table-wrap td {
  padding: .75rem .85rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(29, 17, 51, .12);
}
.tgf-table-wrap th {
  background: #f3edf8;
  color: #1f1147;
}
.tgf-table-wrap tr:last-child td { border-bottom: 0; }


.tgf-review-date {
  margin-top: .55rem !important;
  font-size: .86rem !important;
  color: #5f586b;
}