/* Temporada noviembre 2026: Buen Fin (fase 1), 11.º aniversario (fase 2). Archivo nuevo: no toca styles.css */

/* ---------- Aviso con fecha (Buen Fin en el inicio) ---------- */
.t26-aviso{display:inline-block;background:#ffe08a;color:#3b2a00;font-weight:800;border-radius:999px;padding:.2rem .8rem;font-size:.82rem;align-self:flex-start}

/* ---------- Escena del aniversario ---------- */
.t26-escena{position:relative;overflow:hidden;border-radius:var(--radio);color:#fff;
  background:radial-gradient(120% 90% at 85% 15%,rgba(175,27,103,.55),transparent 55%),
             radial-gradient(90% 80% at 10% 100%,rgba(0,174,195,.30),transparent 60%),
             linear-gradient(150deg,var(--azul-noche),var(--azul-prof) 55%,#3a1f63);
  display:grid;gap:.5rem;padding:1.8rem 1.4rem 0;box-shadow:var(--sombra)}
@media(min-width:880px){.t26-escena{grid-template-columns:1.05fr 1fr;align-items:center;padding:2.6rem 2.6rem 0 3rem;gap:1rem}}
.t26-txt{position:relative;z-index:2;padding-bottom:1rem}
@media(min-width:880px){.t26-txt{padding-bottom:2.6rem}}
.t26-txt .camp-badge{background:rgba(255,255,255,.16);color:#fff}
.t26-escena h2{color:#fff;font-size:clamp(2.1rem,5.6vw,3.4rem);line-height:1.05;margin:.7rem 0 .3rem}
.t26-num{display:inline-block;min-width:1.1em;text-align:center;color:#7ff3ff;text-shadow:0 0 18px rgba(0,174,195,.75)}
.t26-lema{font-family:"Amaranth",sans-serif;font-weight:700;font-size:clamp(1.2rem,3vw,1.5rem);color:#ffd9ec;margin:0 0 .6rem}
.t26-txt p{margin:0 0 1rem;opacity:.95;max-width:46ch}
.t26-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.3rem;padding:0;list-style:none}
.t26-chips li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.35rem .85rem;font-weight:700;font-size:.92rem;backdrop-filter:blur(4px)}
.t26-chips li b{color:#7ff3ff;font-family:"Amaranth",sans-serif;font-size:1.1em}
.t26-cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.t26-cta a.t26-link{color:#fff;font-weight:700;text-decoration:underline}

/* En el inicio el corazón va a la IZQUIERDA (el hero ya tiene a Impulso a la derecha) y arriba en celular. Impulso gesticula a la derecha: hacia el texto */
.t26-escena--izq .t26-arte{order:-1}
.t26-escena--izq .t26-txt{padding-bottom:1.8rem}
@media(min-width:880px){.t26-escena--izq{grid-template-columns:1fr 1.05fr;padding:2.6rem 3rem 0 2.2rem}.t26-escena--izq .t26-txt{padding-bottom:2.6rem}}
@media(max-width:879px){.t26-escena--izq{padding-top:.6rem}.t26-escena--izq .t26-arte{width:min(100%,420px)}}
.t26-final-izq .final-impulso{filter:drop-shadow(0 16px 24px rgba(0,0,0,.3))}
@media(min-width:760px){.t26-final-izq{grid-template-columns:.6fr 1.4fr}.t26-final-izq .final-impulso{order:-1;margin:0 auto 0 0;max-width:200px}}

/* Arte: corazón de luz + Impulso */
.t26-arte{position:relative;z-index:1;width:min(100%,520px);margin:0 auto;aspect-ratio:520/440}
.t26-cor{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.t26-luz{fill:none;stroke-linecap:round;stroke-linejoin:round}
.t26-luz--glow{stroke:#00AEC3;stroke-width:16;opacity:.9}
.t26-luz--core{stroke:#eaffff;stroke-width:4.5}
.t26-chispa{fill:#fff;opacity:0;filter:drop-shadow(0 0 6px #7ff3ff)}
.t26-on .t26-chispa{opacity:1;transition:opacity .6s 2.6s}
.t26-halo{opacity:0;transition:opacity 1.2s .8s;transform-origin:260px 230px}
.t26-on .t26-halo{opacity:1;animation:t26Latido 2.6s ease-in-out 3s infinite}
.t26-imp{position:absolute;left:50%;bottom:8%;width:52%;transform:translate(-50%,30px) scale(.92);opacity:0;
  transition:opacity .9s .9s,transform 1.1s .9s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.t26-on .t26-imp{opacity:1;transform:translate(-50%,0) scale(1)}
.t26-on .t26-imp.t26-flota{animation:t26Flota 4.5s ease-in-out 2.2s infinite}
@keyframes t26Flota{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}
@keyframes t26Latido{0%,100%{transform:scale(1);opacity:1}14%{transform:scale(1.07);opacity:1}28%{transform:scale(1)}42%{transform:scale(1.05)}70%{opacity:.8}}

/* Chispas que suben (corazones y puntos de luz) */
.t26-chispas{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.t26-chispas i{position:absolute;bottom:-20px;display:block;width:var(--s,8px);height:var(--s,8px);border-radius:50%;background:var(--c,#7ff3ff);opacity:0;
  box-shadow:0 0 10px var(--c,#7ff3ff);animation:t26Sube var(--d,9s) linear var(--r,0s) infinite;animation-play-state:paused}
.t26-chispas i.cor{border-radius:0;background:none;box-shadow:none;width:auto;height:auto;font-style:normal;font-size:var(--s,14px);color:var(--c,#ff8cc6);line-height:1}
.t26-chispas i.cor::before{content:"♥"}
.t26-vivo .t26-chispas i{animation-play-state:running}
@keyframes t26Sube{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:.85}80%{opacity:.5}100%{transform:translate(var(--x,20px),-115vh) scale(1.1);opacity:0}}
@media(min-width:880px){@keyframes t26Sube{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:.85}80%{opacity:.5}100%{transform:translate(var(--x,20px),-620px) scale(1.1);opacity:0}}}

/* ---------- Recorrido: te escuchamos, te explicamos, te acompañamos ---------- */
.t26-camino{margin:2.4rem auto 0;max-width:1000px;text-align:center}
.t26-camino h3{font-size:clamp(1.45rem,3.6vw,2rem);margin-bottom:.3rem}
.t26-camino>p{color:var(--gris);margin:0 auto 1.6rem;max-width:52ch}
.t26-pasos{position:relative;display:grid;gap:1.4rem;list-style:none;margin:0;padding:0 0 0 0;text-align:left}
.t26-riel{position:absolute;left:47px;top:40px;bottom:40px;width:4px;border-radius:4px;background:#dbe8f2}
.t26-riel i{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);border-radius:4px;background:linear-gradient(var(--turquesa),var(--fucsia));box-shadow:0 0 12px rgba(0,174,195,.6)}
.t26-paso{position:relative;display:grid;grid-template-columns:98px 1fr;gap:1rem;align-items:center}
.t26-foto{position:relative;width:98px;height:98px;border-radius:50%;background:#fff;border:3px solid #dbe8f2;display:grid;place-items:end center;overflow:hidden;
  transition:border-color .5s,box-shadow .5s,transform .5s;z-index:1}
.t26-foto img{width:88%;height:auto;transform:translateY(40%);opacity:.35;filter:grayscale(.6);transition:transform .8s cubic-bezier(.2,1.5,.4,1),opacity .5s,filter .5s}
.t26-paso h4{font-size:1.18rem;margin:0 0 .15rem;color:var(--azul-noche);transition:color .4s}
.t26-paso p{margin:0;color:var(--gris);font-size:.95rem}
.t26-paso .t26-cora{position:absolute;left:66px;top:-4px;color:var(--fucsia);font-size:1.2rem;opacity:0;z-index:2}
.t26-paso.on .t26-foto{border-color:var(--turquesa);box-shadow:0 0 0 7px rgba(0,174,195,.16),0 12px 26px rgba(7,47,95,.18);transform:scale(1.04)}
.t26-paso.on .t26-foto img{transform:translateY(4%);opacity:1;filter:none}
.t26-paso.on h4{color:var(--azul)}
.t26-paso.on .t26-cora{animation:t26Cora 1.4s ease-out .35s both}
@keyframes t26Cora{0%{opacity:0;transform:translateY(8px) scale(.4)}35%{opacity:1;transform:translateY(-6px) scale(1.2)}100%{opacity:0;transform:translateY(-38px) scale(.9)}}
.t26-meta{display:inline-flex;align-items:center;gap:.6rem;margin:1.6rem auto 0;padding:.75rem 1.3rem;border-radius:999px;background:var(--fondo-2);
  font-family:"Amaranth",sans-serif;font-weight:700;font-size:1.15rem;color:var(--azul-noche);opacity:.4;transform:scale(.95);transition:opacity .6s,transform .6s cubic-bezier(.2,1.5,.4,1),background .6s,color .6s}
.t26-meta .h{color:var(--fucsia);display:inline-block}
.t26-meta.on{opacity:1;transform:scale(1);background:linear-gradient(90deg,var(--azul),var(--fucsia));color:#fff}
.t26-meta.on .h{color:#fff;animation:t26Latido 1.8s ease-in-out .3s infinite}
@media(min-width:760px){
  .t26-pasos{grid-template-columns:repeat(3,1fr);gap:1.6rem;text-align:center}
  .t26-riel{left:16.66%;right:16.66%;top:72px;bottom:auto;width:auto;height:4px}
  .t26-riel i{height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--turquesa),var(--fucsia))}
  .t26-paso{grid-template-columns:1fr;justify-items:center;gap:.7rem}
  .t26-foto{width:148px;height:148px}
  .t26-paso .t26-cora{left:calc(50% + 40px);top:0}
}

/* Recordatorio (tarjeta azul) */
.t26-recuerda{margin-top:1.6rem;display:grid;gap:.6rem;align-items:center;background:linear-gradient(145deg,var(--azul),var(--cyan));color:#fff;border-radius:16px;padding:1.2rem 1.3rem}
.t26-recuerda h3{color:#fff;margin:0;font-size:1.1rem}
.t26-recuerda p{margin:0;opacity:.95}
.t26-recuerda .btn,.t26-recuerda .camp-badge{justify-self:start}
@media(min-width:760px){.t26-recuerda{grid-template-columns:auto 1fr auto;gap:1.2rem}.t26-recuerda .btn{justify-self:end}}

/* ---------- Página del aniversario ---------- */
.t26-hero.t26-escena{display:block;border-radius:0;box-shadow:none;padding:2.4rem 0 0}
.t26-hero .t26-txt{padding-bottom:1.6rem}
.t26-hero .t26-aviso{font-size:.95rem;padding:.35rem 1rem;margin:0 0 1rem}
.t26-hero h1 span:not(.t26-num){color:#ffd9ec;font-size:.62em;margin-top:.35em;line-height:1.15}
.alt .t26-regla{background:#fff;border:1px solid var(--linea)}
.t26-promos{display:grid;gap:1rem;max-width:900px;margin:0 auto}
@media(min-width:720px){.t26-promos{grid-template-columns:1fr 1fr}}
.t26-promo{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:1.6rem 1.4rem;text-align:center;box-shadow:var(--sombra-sm);display:flex;flex-direction:column;gap:.4rem}
.t26-promo .pct{font-family:"Amaranth",sans-serif;font-weight:700;font-size:clamp(3.2rem,10vw,4.6rem);line-height:1;color:var(--fucsia)}
.t26-promo .pct small{font-size:.45em}
.t26-promo--paq .pct{color:var(--cyan)}
.t26-promo h3{margin:.2rem 0 0;font-size:1.2rem}
.t26-promo p{margin:0;color:var(--gris);font-size:.95rem}
.t26-promo .para{display:inline-block;align-self:center;background:var(--fondo-2);border-radius:999px;padding:.2rem .8rem;font-size:.8rem;font-weight:700;color:var(--tinta)}
.t26-juegos{display:grid;gap:1rem}
@media(min-width:760px){.t26-juegos{grid-template-columns:repeat(3,1fr)}}
.t26-juego{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:1.4rem;text-align:center;box-shadow:var(--sombra-sm)}
.t26-juego .e{font-size:2.4rem;display:block;margin-bottom:.3rem}
.t26-juego h3{font-size:1.15rem;margin:0 0 .2rem}
.t26-juego p{margin:0;color:var(--gris);font-size:.93rem}
.t26-reglas{max-width:820px;margin:1.4rem auto 0;display:grid;gap:.8rem}
@media(min-width:760px){.t26-reglas{grid-template-columns:repeat(3,1fr)}}
.t26-regla{background:var(--fondo-2);border-radius:16px;padding:1rem 1.1rem;font-size:.94rem;color:var(--gris)}
.t26-regla strong{display:block;color:var(--azul-noche);font-family:"Amaranth",sans-serif;font-size:1.05rem}
.t26-bambu{max-width:820px;margin:1.4rem auto 0;display:flex;gap:1rem;align-items:center;background:linear-gradient(135deg,#eafaf3,#fff);border:1px solid #cfeedd;border-radius:var(--radio);padding:1.1rem 1.3rem}
.t26-bambu .t26-ico-bambu{flex:none;width:64px;height:auto;transform-origin:50% 100%;animation:t26Mece 5s ease-in-out infinite}
@media(min-width:760px){.t26-bambu .t26-ico-bambu{width:84px}}
@keyframes t26Mece{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media (prefers-reduced-motion: reduce){.t26-bambu .t26-ico-bambu{animation:none}}
.t26-bambu p{margin:0;color:var(--gris)}
.t26-bambu strong{color:#1d7a4c}
.t26-solo-fin{display:none}
body.t26-terminado .t26-solo-fin{display:block}
body.t26-terminado .t26-solo-vigente{display:none!important}

/* Sin movimiento para quien lo pidió */
@media (prefers-reduced-motion: reduce){
  .t26-chispas{display:none}
  .t26-imp,.t26-on .t26-imp{opacity:1;transform:translate(-50%,0);transition:none;animation:none!important}
  .t26-halo{opacity:1;animation:none!important}
  .t26-chispa{display:none}
  .t26-foto img{transform:translateY(8%);opacity:1;filter:none;transition:none}
  .t26-riel i{--p:100%}
  .t26-meta{opacity:1;transform:none}
  .t26-meta .h,.t26-paso .t26-cora{animation:none!important}
}