/* TGF Custom — identidad noche+dorado, tipografía fluida, accesibilidad táctil, dark mode.
   Fase A+B auditoría de diseño 12-jun-2026. Independiente del tema. */

:root {
  --tgf-night: #1d1133;
  --tgf-night-2: #2a1845;
  --tgf-gold: #c9a227;
  --tgf-gold-2: #e7c868;
  --tgf-purple: #9920a3;
  --tgf-ink: #2b2438;
  --tgf-bg: #faf8f4;
  --tgf-card: #ffffff;
  --tgf-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

/* ===== B1: tipografía con carácter + fluida (clamp) ===== */
h1, h2, h3, .title, .site-title { font-family: var(--tgf-display) !important; font-weight: 700; letter-spacing: .01em; }
h1, .title { font-size: clamp(1.9rem, 1.2rem + 2.8vw, 3rem) !important; line-height: 1.15 !important; }
h2 { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem) !important; line-height: 1.25 !important; }
h3 { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.5rem) !important; }
body { font-size: clamp(1rem, .96rem + .25vw, 1.0625rem); }
.entry-content { line-height: 1.7; }

/* ===== A3: touch targets ≥44px ===== */
.primary-menu-wrapper a, .mobile-menu a, .menu-wrapper a, nav a {
  display: inline-flex; align-items: center; min-height: 44px;
}
button, .button, input[type=submit], .tarot-tirada button { min-height: 44px; min-width: 44px; }

/* ===== B2: acentos noche + dorado ===== */
.entry-content a { color: #7b1a84; text-decoration-color: rgba(201,162,39,.6); }
.entry-content a:hover { color: #8a6d12; } /* dorado oscuro: contraste AA sobre blanco */

/* Author box */
.tgf-authorbox { display: flex; gap: .9em; align-items: flex-start; margin: 2.5em 0 1em; padding: 1.1em 1.3em;
  border: 1px solid rgba(201,162,39,.45); border-left: 4px solid var(--tgf-gold); border-radius: 10px;
  background: linear-gradient(135deg, rgba(201,162,39,.07), transparent); }
.tgf-authorbox-star { font-size: 1.6em; color: var(--tgf-gold); line-height: 1; }
.tgf-authorbox-name { font-weight: 700; margin: 0 0 .3em; }
.tgf-authorbox p { margin: 0; font-size: .95em; }

/* Sección cartas relacionadas */
.tgf-related { margin-top: 2em; padding: 1.2em 1.4em; background: rgba(153,32,163,.05); border-radius: 12px; }
.tgf-related ul { margin-bottom: .6em; }

/* ===== B3: hero carta del día ===== */
.tgf-hero { text-align: center; padding: .25em 0 1.25em; }
.tgf-hero-eyebrow { display: inline-block; font-size: .82rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--tgf-gold); margin-bottom: .35em; font-weight: 600; }
.tgf-hero-ctas { margin-top: 1em; }
.tgf-hero-ctas a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.25em; margin: .25em .3em;
  border-radius: 999px; background: var(--tgf-night); color: #fff !important; text-decoration: none;
  border: 1px solid var(--tgf-gold); font-weight: 600; }
.tgf-hero-ctas a:hover { background: var(--tgf-night-2); }

/* Cluster fallback (post-Orbital) */
.tgf-cluster { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; margin: 1.2em 0; }
.tgf-cluster-item { display: block; background: var(--tgf-card); border: 1px solid #eee; border-radius: 10px;
  overflow: hidden; text-decoration: none; color: inherit; }
.tgf-cluster-item img { width: 100%; height: auto; display: block; }
.tgf-cluster-item span { display: block; padding: .6em .8em; font-weight: 600; font-size: .95em; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Dark mode automatico eliminado el 15-jun-2026: causaba texto claro sobre
   contenedor blanco de GeneratePress en moviles con modo oscuro = ilegible.
   El sitio usa siempre su tema claro (noche/dorado sobre blanco), legible en todo dispositivo. */

/* Forzar esquema claro estable, ignorando la preferencia oscura del sistema */
:root { color-scheme: only light; }

/* === Legibilidad de titulos GARANTIZADA sobre fondo claro (16-jun-2026) ===
   Defensa ante cualquier color global claro fijado en el Customizer de GeneratePress.
   El contenido va sobre fondo blanco, asi que sus titulos deben ser oscuros SIEMPRE.
   NO toca .site-header .main-title (titulo blanco sobre cabecera morada, intencionado). */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,
.entry-title, .entry-title a, .page-title,
.tgf-hero h2, .tgf-hero h1 { color: #1f1147 !important; }
.entry-content { color: #2b2438 !important; }
.tgf-hero-eyebrow { color: #9a7a12 !important; }

/* ===== Juegos de tarot tematizados ===== */
.tarot-result__tema { margin: .7em 0; padding: .8em 1em; background: rgba(201,162,39,.1); border-left: 3px solid var(--tgf-gold); border-radius: 8px; font-size: 1.02em; }
.tarot-verdict { font-family: var(--tgf-display); font-size: clamp(2rem, 1.4rem + 2.5vw, 3rem); font-weight: 700; text-align: center; margin: .4em 0 .2em; }
.tarot-verdict--si { color: #1e7d32; }
.tarot-verdict--no { color: #b3261e; }
.tarot-verdict--depende { color: #b07d10; }
.tarot-sino-razon { text-align: center; font-size: 1.05em; max-width: 34em; margin: .4em auto; }
.tarot-sino-nota { text-align: center; font-size: .9em; opacity: .8; max-width: 34em; margin: .3em auto 1em; font-style: italic; }
.tarot-sino-mas { margin-top: 1em; }
.tarot-sino-mas summary { cursor: pointer; font-weight: 600; color: var(--tgf-purple); min-height: 44px; display: flex; align-items: center; justify-content: center; }
/* ===== Header: logo a la izquierda del titulo (12-jun-2026) ===== */
.site-header .inside-header { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; padding: 16px 24px !important; }
.site-header .inside-header > * { margin: 0 !important; float: none !important; flex: 0 0 auto !important; max-width: none !important; }
.site-header .site-logo { order: -1 !important; }
.site-header .site-logo a { display: block; }
.site-header .site-logo img { max-height: 64px; width: auto; display: block; margin: 0 !important; }
.site-header .site-branding { text-align: left !important; display: flex !important; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.site-header .main-title { margin: 0 !important; line-height: 1.1; white-space: nowrap; }
.site-header .site-description { margin: 0 !important; white-space: nowrap; }
@media (max-width: 600px) {
  .site-header .inside-header { padding: 14px 20px; gap: 12px; }
  .site-header .site-logo img { max-height: 52px; }
}
/* ===== Imagen destacada bajo el H1, en dos columnas (12-jun-2026) ===== */
.tgf-featured-float { float: left; width: min(240px, 38%); margin: .35em 1.6em .8em 0; }
.tgf-featured-float img { width: 100%; height: auto; display: block; border-radius: 10px; box-shadow: 0 2px 10px rgba(29,17,51,.18); }
.entry-content::after { content: ""; display: table; clear: both; }
/* Solo la imagen + el primer parrafo van en dos columnas: el resto limpia el float */
.tgf-featured-float + * + * { clear: both; }
@media (max-width: 560px) {
  .tgf-featured-float { float: none; width: 65%; margin: 0 auto 1em; }
}
/* ===== Intro en dos columnas con altura igualada (12-jun-2026) ===== */
.tgf-intro-cols { display: flex; gap: 1.6em; align-items: stretch; margin: 0 0 1.4em; }
.tgf-featured-col { flex: 0 0 auto; position: relative; aspect-ratio: 169 / 300; max-width: 40%; max-height: 340px; min-height: 140px; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(29,17,51,.18); }
.tgf-featured-col img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; margin: 0; }
.tgf-intro-first { flex: 1 1 auto; }
.tgf-intro-first p { margin: 0; }
@media (max-width: 560px) {
  .tgf-intro-cols { display: block; }
  .tgf-featured-col { position: static; width: 65%; margin: 0 auto 1em; min-height: 0; }
  .tgf-featured-col img { position: static; height: auto; object-fit: fill; }
}
/* Indice de enlaces internos en la home (16-jun-2026) */
.tgf-sitemap { margin-top: 2.5em; padding-top: 1.5em; border-top: 2px solid rgba(201,162,39,.4); }
.tgf-sitemap h2 { font-size: 1.3rem !important; margin: 1em 0 .4em; color:#1f1147 !important; }
.tgf-sitemap ul { columns: 2; column-gap: 2em; margin: 0 0 1em; padding-left: 1.1em; }
@media (max-width:560px){ .tgf-sitemap ul { columns: 1; } }

/* Nota en primera persona de la tarotista (E-E-A-T, 22-jun-2026) */
.tgf-lucia{background:linear-gradient(135deg,rgba(153,32,163,.06),rgba(201,162,39,.06));border-left:4px solid var(--tgf-purple);border-radius:10px;padding:1.1em 1.3em;margin:1.6em 0;font-size:1.04em;}
.tgf-lucia-h{font-weight:700;color:var(--tgf-purple)!important;margin:0 0 .4em;font-family:var(--tgf-display);font-size:1.15em;}
.tgf-lucia p:last-child{margin:0;font-style:italic;}

/* Embudo hacia las tiradas que monetizan (2-jul-2026) */
.tgf-funnel{background:linear-gradient(135deg,rgba(29,17,51,.05),rgba(201,162,39,.08));border:1px solid rgba(201,162,39,.45);border-radius:12px;padding:1.1em 1.3em;margin:1.6em 0;}
.tgf-funnel-h{font-family:var(--tgf-display);font-weight:700;font-size:1.25em;margin:0 0 .5em;color:#1f1147!important;}
.tgf-funnel ul{margin:0;padding-left:1.2em;}
.tgf-funnel li{margin:.35em 0;}