/* ============================================================
   LA REVISTA (2026-09-21) — página propia del contenido diario y editorial.
   Solo tokens del tema: sirve igual en Medianoche, Alba y Aurora.
   ============================================================ */
.revista-hero{text-align:center;}
.revista-hero .section-sub{max-width:560px;margin:0 auto 22px;}
.revista-indice{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;}
.revista-indice a{
  padding:8px 15px;border:1px solid var(--border);border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:var(--fs-caption);color:var(--muted);text-decoration:none;
  transition:border-color .2s ease,color .2s ease;
}
.revista-indice a:hover,.revista-indice a:focus-visible{color:var(--ink);border-color:var(--s3);}

.revista-cargando{max-width:520px;margin:0 auto;}
.revista-vacio{margin:0 auto;max-width:520px;text-align:center;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:16px;line-height:1.6;color:var(--muted);}
.revista-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;}
.revista-enlace{display:inline-block;margin-top:14px;}

/* Destacado */
.revista-destacado{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,48px);align-items:center;text-align:left;}
.revista-destacado .section-label{text-align:left;}
.revista-destacado h2{
  margin:0 0 14px;font-family:'Fraunces','Georgia',serif;font-optical-sizing:auto;font-weight:400;
  font-size:clamp(26px,3.6vw,40px);line-height:1.12;color:var(--ink);text-wrap:balance;
}
.revista-destacado p{margin:0 0 22px;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:var(--fs-body-lg);line-height:1.65;color:var(--muted);}
.revista-destacado-img{width:100%;height:auto;border-radius:16px;display:block;object-fit:cover;aspect-ratio:16/11;}

/* Horóscopo */
.revista-signos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 26px;max-width:820px;}
.revista-signo{
  display:inline-flex;align-items:center;gap:8px;padding:9px 15px;
  border:1px solid var(--border);border-radius:999px;background:none;cursor:pointer;
  font-family:'Space Grotesk',sans-serif;font-size:var(--fs-caption);color:var(--muted);
  transition:border-color .2s ease,color .2s ease,background-color .2s ease;
}
.revista-signo:hover,.revista-signo:focus-visible{color:var(--ink);border-color:var(--s3);}
.revista-signo.is-on{color:var(--ink);border-color:var(--ink);background:var(--hover-tint,rgba(237,237,235,.06));}
.revista-glifo{font-family:'Segoe UI Symbol','Noto Sans Symbols 2','Apple Symbols','DejaVu Sans',sans-serif;font-variant-emoji:text;font-size:16px;line-height:1;}
.revista-horoscopo-texto{max-width:660px;margin:0 auto;text-align:left;}
.revista-horoscopo-texto h3{margin:0 0 12px;font-size:var(--fs-kicker);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.revista-horoscopo-texto p{margin:0;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:clamp(18px,2.1vw,21px);line-height:1.65;color:var(--ink);text-wrap:pretty;}

/* Carta del día */
.revista-carta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,44px);margin-top:14px;text-align:left;}
#revista-carta{text-align:center;}
.revista-carta-img{width:min(200px,42vw);height:auto;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28);}
.revista-carta-texto{max-width:440px;}
.revista-carta-texto h2{margin:0 0 10px;font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:clamp(24px,3vw,32px);color:var(--ink);}
.revista-carta-texto p{margin:0;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:var(--fs-body-lg);line-height:1.65;color:var(--muted);}
.revista-carta-texto .revista-cta{justify-content:flex-start;}

/* Cielo */
.revista-cielo-cuerpo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(18px,3vw,32px);text-align:left;margin-top:8px;}
.revista-luna,.revista-transitos article{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);}
.revista-luna-nombre{display:block;font-family:'Fraunces','Georgia',serif;font-size:24px;color:var(--ink);}
.revista-luna-dato{display:block;margin:2px 0 10px;font-size:var(--fs-caption);color:var(--muted);}
.revista-luna p,.revista-transitos p{margin:0;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:15.5px;line-height:1.6;color:var(--muted);}
.revista-transitos{display:flex;flex-direction:column;gap:14px;}
.revista-transitos h3{margin:0 0 8px;font-family:'Fraunces','Georgia',serif;font-weight:500;font-size:18px;line-height:1.3;color:var(--ink);}
.revista-eventos{grid-column:1/-1;}
.revista-subtitulo{display:block;margin-bottom:10px;font-size:var(--fs-kicker);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.revista-eventos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;}
.revista-eventos li{display:flex;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;}
.revista-eventos time{flex:none;min-width:52px;font-family:'Space Grotesk',sans-serif;font-size:var(--fs-caption);font-weight:600;color:var(--ink);}
.revista-eventos strong{display:block;margin-bottom:4px;color:var(--ink);font-size:15px;}
.revista-eventos li span{font-size:var(--fs-caption);line-height:1.5;color:var(--muted);}

/* Curiosidades */
.revista-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;text-align:left;margin-top:8px;}
.revista-tarjeta{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);}
.revista-tarjeta-kicker{display:block;margin-bottom:10px;font-size:var(--fs-kicker);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.revista-tarjeta h3{margin:0 0 10px;font-family:'Fraunces','Georgia',serif;font-weight:500;font-size:19px;line-height:1.28;color:var(--ink);}
.revista-tarjeta p{margin:0;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:15px;line-height:1.6;color:var(--muted);}

/* Guías */
.revista-guias-lista{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;text-align:left;}
.revista-guias-lista a{
  display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px;
  border:1px solid var(--border);border-radius:14px;text-decoration:none;
  transition:border-color .2s ease,transform .2s ease;
}
.revista-guias-lista a:hover,.revista-guias-lista a:focus-visible{border-color:var(--s3);transform:translateY(-2px);}
.revista-guias-lista span{font-size:var(--fs-kicker);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.revista-guias-lista strong{font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:17px;line-height:1.32;color:var(--ink);}

.revista-cierre{text-align:center;}
.revista-cierre .section-sub{max-width:520px;margin:0 auto;}

@media (max-width:760px){
  .revista-destacado{grid-template-columns:1fr;}
  .revista-destacado-img{order:-1;aspect-ratio:16/9;}
  .revista-carta-texto .revista-cta{justify-content:center;}
  .revista-carta{text-align:center;}
}
@media (prefers-reduced-motion:reduce){.revista-guias-lista a{transition:none;}.revista-guias-lista a:hover{transform:none;}}

/* Enlaces y botón fantasma propios (esta página no carga la hoja de la portada) */
.revista-enlace{font-size:var(--fs-caption);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--link-underline,currentColor);}
.revista-enlace:hover,.revista-enlace:focus-visible{border-bottom-color:var(--ink);}
#landing .revista-cta .hero-cta-ghost{
  display:inline-flex;align-items:center;min-height:44px;padding:0 22px;
  border:1px solid var(--s4);border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:var(--fs-caption);letter-spacing:.04em;color:var(--ink);text-decoration:none;
  transition:border-color .2s ease,background-color .2s ease;
}
#landing .revista-cta .hero-cta-ghost:hover,#landing .revista-cta .hero-cta-ghost:focus-visible{border-color:var(--ink);background:var(--hover-tint,rgba(237,237,235,.06));}
