/* ============================================================
   EXPERIENCIA DE LECTURA — PRIMERO LOVE YOU
   Página de lectura independiente para cada capítulo.
   ============================================================ */

.reading-page{background:var(--bg,#0b0e14)}

.reading-progress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg,#d9b96e,#f7e6a1);
  z-index:1000; transition:width .1s linear;
}

.reading-header{
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; background:rgba(10,10,14,.72);
  backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.08);
}
.reading-back{color:#e4e4e7; text-decoration:none; font-size:14px; font-family:'Inter',sans-serif}
.reading-back:hover{color:#f7e6a1}
.reading-kicker{
  font-family:'Playfair Display',Georgia,serif; font-style:italic;
  color:#f7e6a1; font-size:14px; letter-spacing:.04em;
}

.reading-main{max-width:720px; margin:0 auto; padding:48px 24px 90px}

.chapter-article{margin-bottom:12px}
.chapter-title{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(2rem,5vw,2.8rem);
  text-align:center; margin:10px 0 44px;
  color:#fff; font-weight:700; line-height:1.15;
}

/* Tipografía literaria del cuerpo del capítulo */
.chapter-text{
  font-family:'Literata','Georgia',serif;
  font-size:19px; line-height:1.85; color:#e7e5e1;
  letter-spacing:.01em;
}
.chapter-text p{margin:0 0 1.35em}
.chapter-text strong{color:#f7e6a1; font-weight:600; font-style:italic}
.chapter-text em{color:#e9d9b0}

/* Letra capitular en el primer párrafo (excepto dedicatoria) */
.chapter-text:not(.chapter-text--dedication) > p:first-of-type::first-letter{
  font-family:'Playfair Display',Georgia,serif;
  font-size:4.6rem; line-height:.78; font-weight:700;
  float:left; padding:.06em .1em 0 0; color:#f7e6a1;
}

/* Líneas de escenario ("Lunes · 08:15 h · ...") destacadas */
.chapter-text p:has(> strong:only-child){
  text-align:center; font-style:normal; text-transform:uppercase;
  font-family:'Inter',sans-serif; font-size:12.5px; letter-spacing:.14em;
  color:#d9b96e; margin:2.2em 0 1.4em; opacity:.9;
}
.chapter-text p:has(> strong:only-child) strong{color:inherit; font-style:normal}

/* Dedicatoria: centrada e itálica, sin capitular */
.chapter-text--dedication{text-align:center; font-style:italic; font-size:20px; color:#e9d9b0}

.chapter-end-cta{max-width:720px; margin:12px auto 0}

.chapter-nav{
  max-width:720px; margin:40px auto 0; padding-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.chapter-nav-prev, .chapter-nav-next{white-space:nowrap}

@media (max-width:640px){
  .reading-main{padding:32px 18px 90px}
  .chapter-text{font-size:17.5px}
  .chapter-nav{flex-direction:column; align-items:stretch}
  .chapter-nav a{text-align:center}
}