/* ============================================================
   POTENCIA DIGITAL — v11
   · Transiciones fundidas entre secciones (sin cortes)
   ============================================================ */

/* fundidos arriba/abajo de cada animación de scroll */
.scrub-stick::before,.scrub-stick::after{content:"";position:absolute;left:0;right:0;height:140px;
  z-index:2;pointer-events:none}
.scrub-stick::before{top:0;background:linear-gradient(var(--fade-top,#0e0a1f),transparent)}
.scrub-stick::after{bottom:0;background:linear-gradient(transparent,var(--fade-bottom,#0e0a1f))}
.scrub-txt{z-index:3}
.scrub-hint,.hero-logo{z-index:3}
#scrub-hero .scrub-stick::before{display:none}     /* el hero empieza limpio */
#scrub-arena{--fade-top:#190a10;--fade-bottom:#070a17}
#scrub-noche{--fade-top:#070a17;--fade-bottom:#070a17}
#scrub-templo{--fade-top:#26102c;--fade-bottom:#0e0a1f}
#scrub-falange{--fade-top:#0e0a1f;--fade-bottom:#0e0a1f}
#scrub-hero{--fade-bottom:#0e0a1f}

/* transiciones MUY suaves: fundido vertical al color del siguiente capítulo
   (sin diagonal dura, sin líneas de corte) */
.wipe{height:240px;margin:-120px 0;opacity:1;z-index:2}
.wipe::before{clip-path:none;filter:blur(10px)}
.wipe.to-playa::before{background:linear-gradient(transparent,#0c1a2b)}
.wipe.to-fuego::before{background:linear-gradient(transparent,#190a10)}
.wipe.to-agora::before{background:linear-gradient(transparent,#0b0918)}
.wipe.to-vice::before{background:linear-gradient(transparent,#0e0a1f)}
.wipe.to-noche::before{background:linear-gradient(transparent,#070a17)}
.wipe.to-amanecer::before{background:linear-gradient(transparent,#26102c)}

/* los fundidos de las animaciones de scroll empalman con el color del
   capítulo vecino (nada de saltos de color = nada de líneas) */
#scrub-arena{--fade-top:#190a10;--fade-bottom:#190a10}   /* rodeado por el fuego */
.scrub-stick::before,.scrub-stick::after{height:220px}   /* fundidos más largos */

/* capítulo nocturno del ecosistema: texto centrado, más aire */
.eco-texto{max-width:820px;margin:0 auto;text-align:left;display:grid;gap:8px}
.cap-noche .kicker{color:#e8cf8e}
.cap-noche h2{font-family:"Cormorant Garamond",serif;font-weight:600}