/* ============================================================
   TEMPORADA (2026-10-30) — Halloween / Noche de Ánimas.
   Solo se aplica con <html class="temporada-halloween"> (js/core/temporada.js),
   del 30 de octubre al 2 de noviembre. Luz de vela cálida y unas brasas
   que suben despacio. Sin calabazas ni naranja chillón: la noche de Véloris.
   ============================================================ */
.temporada-halloween{--vela:#F2B66B;--vela-suave:rgba(242,182,107,.16)}

/* Luz de vela: un halo cálido desde abajo que respira muy despacio. */
.temporada-halloween #veloris-bg::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 55% at 50% 108%,var(--vela-suave),transparent 62%);
  animation:temporada-vela 5.5s ease-in-out infinite;
}
@keyframes temporada-vela{0%,100%{opacity:.75}38%{opacity:1}52%{opacity:.82}70%{opacity:.96}}

/* Brasas: 9 puntos que suben y se apagan. */
.temporada-velas{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.temporada-velas i{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;
  background:var(--vela);box-shadow:0 0 8px 2px rgba(242,182,107,.55);opacity:0;
  animation:temporada-brasa 16s linear infinite}
@keyframes temporada-brasa{
  0%{opacity:0;transform:translate(0,0) scale(.6)}
  12%{opacity:.75}
  70%{opacity:.35}
  100%{opacity:0;transform:translate(var(--d,0px),-92vh) scale(.2)}
}
@media (prefers-reduced-motion:reduce){
  .temporada-halloween #veloris-bg::after{animation:none}
  .temporada-velas{display:none}
}

/* La tirada de temporada en Tarot. */
#ritual-cards [data-tirada="halloween"]{--accent:#E39A55;
  --card-a:url('../../assets/cartas/veloris-v2/mayor-18-la-luna.jpg');
  --card-b:url('../../assets/cartas/veloris-v2/mayor-15-el-diablo.jpg');
  --card-c:url('../../assets/cartas/veloris-v2/mayor-17-la-estrella.jpg');
  --card-a-opt:var(--card-a);--card-b-opt:var(--card-b);--card-c-opt:var(--card-c);
  border-color:rgba(227,154,85,.45)}
#ritual-cards [data-tirada="halloween"]::before{background:radial-gradient(ellipse 70% 46% at 50% 100%,rgba(227,154,85,.30),transparent 64%);animation:temporada-vela 5.5s ease-in-out infinite}
.tirada-card-sello{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:999px;border:1px solid rgba(227,154,85,.5);color:#F2C08A;
  font:600 9.5px 'Space Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase}
#screen-pregunta[data-tirada="halloween"]{--intent-accent:#E39A55}
#screen-pregunta[data-tirada="halloween"] .pregunta-inner::before{content:'NOCHE DE ÁNIMAS · ESPECIAL DE HALLOWEEN'}

/* El aviso: una hoja que sube desde abajo. Siempre de noche. */
.temporada-hoja{position:fixed;inset:0;z-index:1400;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(4,4,8,0);transition:background .35s ease}
.temporada-hoja.is-abierta{background:rgba(4,4,8,.45)}
.temporada-hoja-panel{position:relative;width:min(520px,100%);margin:0 auto;padding:30px 26px calc(26px + env(safe-area-inset-bottom));
  border-radius:26px 26px 0 0;text-align:center;color:#EDEDEB;
  background:radial-gradient(90% 60% at 50% 0%,rgba(242,182,107,.18),transparent 70%),linear-gradient(180deg,#14131a,#08080c);
  border:1px solid rgba(242,182,107,.22);border-bottom:0;box-shadow:0 -20px 60px rgba(0,0,0,.45);
  transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.temporada-hoja.is-abierta .temporada-hoja-panel{transform:none}
.temporada-hoja-panel::before{content:'';position:absolute;top:10px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:rgba(237,237,235,.25)}
.temporada-hoja-x{position:absolute;top:14px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:rgba(237,237,235,.7);font-size:24px;line-height:1;cursor:pointer}
.temporada-hoja-vela{width:46px;height:46px;margin:6px auto 12px}
.temporada-hoja-vela svg{width:100%;height:100%;fill:var(--vela,#F2B66B);filter:drop-shadow(0 0 14px rgba(242,182,107,.7));animation:temporada-llama 3.2s ease-in-out infinite}
@keyframes temporada-llama{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.06) rotate(-3deg)}60%{transform:scale(.97) rotate(2deg)}}
.temporada-hoja-k{margin:0 0 10px;font:600 10.5px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#F2C08A}
.temporada-hoja-t{margin:0 0 12px;font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:clamp(25px,6vw,31px);line-height:1.15;color:#EDEDEB}
.temporada-hoja-s{margin:0 auto 22px;max-width:400px;font-size:15px;line-height:1.55;color:rgba(237,237,235,.75)}
.temporada-hoja-cta{display:flex;width:100%;justify-content:center}
.temporada-hoja-luego{margin-top:12px;border:0;background:none;color:rgba(237,237,235,.6);font:14px 'Space Grotesk',sans-serif;cursor:pointer;padding:8px}
@media (min-width:720px){.temporada-hoja{align-items:center}.temporada-hoja-panel{border-radius:26px;border-bottom:1px solid rgba(242,182,107,.22)}}
@media (prefers-reduced-motion:reduce){.temporada-hoja-panel,.temporada-hoja{transition:none}.temporada-hoja-vela svg{animation:none}}

/* Botón del aviso con luz de vela (2026-10-30). */
.temporada-hoja .temporada-hoja-cta.action-btn{background:linear-gradient(180deg,#F5C27E,#E39A55)!important;color:#1a120b!important;border-color:transparent!important;box-shadow:0 10px 30px rgba(227,154,85,.35),inset 0 1px 0 rgba(255,255,255,.4)}
.temporada-hoja .temporada-hoja-cta.action-btn:hover{filter:brightness(1.05)}

/* La Mesa y la lectura con la tirada de Halloween (<html class="tirada-halloween">). */
.temporada-halloween.tirada-halloween #mesa-luz{background:radial-gradient(60% 45% at 50% 62%,rgba(242,182,107,.22),transparent 70%)!important;animation:temporada-vela 5.5s ease-in-out infinite}
.temporada-halloween.tirada-halloween #mesa-hud::after{content:'Noche de Ánimas';display:block;margin-top:8px;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#F2C08A;text-align:center}
.temporada-halloween.tirada-halloween .card-slot.revealed{filter:drop-shadow(0 0 22px rgba(242,182,107,.35))}
.tirada-halloween .reading-synthesis-kicker{color:#E39A55}
.temporada-halloween.tirada-halloween #panel{background-image:radial-gradient(90% 40% at 50% 0%,rgba(242,182,107,.10),transparent 70%)}

/* La historia para compartir. */
.historia--halloween .historia-marco{background:radial-gradient(90% 55% at 50% 105%,rgba(242,182,107,.30),transparent 65%),radial-gradient(120% 80% at 50% 38%,#1f1712,#08080c)!important;border-color:rgba(242,182,107,.3)!important}
.historia--halloween .historia-kicker{color:#F2C08A}

/* ---- Más terror, sin perder elegancia (2026-10-30) ---- */
/* Niebla: dos bancos de bruma que suben y se cruzan despacio. */
.temporada-niebla{position:fixed;left:0;right:0;bottom:0;height:40vh;z-index:55;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(to top,#000 30%,transparent);mask:linear-gradient(to top,#000 30%,transparent)}
.temporada-niebla i{position:absolute;left:-30%;bottom:-8%;width:160%;height:100%;opacity:.9;
  background:radial-gradient(30% 42% at 20% 72%,var(--niebla),transparent 78%),radial-gradient(34% 48% at 55% 82%,var(--niebla),transparent 78%),radial-gradient(28% 40% at 85% 74%,var(--niebla),transparent 78%);will-change:transform;
  animation:temporada-niebla 38s ease-in-out infinite alternate}
.temporada-niebla i:nth-child(2){bottom:-18%;opacity:.4;animation-duration:52s;animation-direction:alternate-reverse}
.temporada-halloween{--niebla:rgba(120,112,138,.30)}
.temporada-halloween[data-theme="medianoche"],.temporada-halloween.temporada-oscura{--niebla:rgba(205,200,220,.22)}
.temporada-oscura .temporada-niebla,.temporada-oscura .temporada-murcielagos{z-index:1250}
.temporada-oscura .temporada-murcielagos i{color:#d9d3e4;filter:none;opacity:0}
@keyframes temporada-niebla{0%{transform:translate3d(0,6%,0)}100%{transform:translate3d(16%,-4%,0)}}

/* Murciélagos que cruzan de vez en cuando. */
.temporada-murcielagos{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.temporada-murcielagos i{position:absolute;left:-90px;width:78px;height:34px;opacity:0;transform:scale(var(--s,1));
  color:#121016;animation:temporada-vuelo 30s linear infinite}
.temporada-murcielagos svg{width:100%;height:100%;fill:currentColor;animation:temporada-aleteo .32s ease-in-out infinite alternate}
[data-theme="medianoche"] .temporada-murcielagos i{color:rgba(237,237,235,.55);filter:none}
@keyframes temporada-vuelo-oscuro{0%{opacity:0;transform:translate(0,0) scale(var(--s,1))}3%{opacity:.35}22%{opacity:.35;transform:translate(60vw,-6vh) scale(var(--s,1))}30%,100%{opacity:0;transform:translate(115vw,4vh) scale(var(--s,1))}}
.temporada-oscura .temporada-murcielagos i{animation-name:temporada-vuelo-oscuro}
@keyframes temporada-vuelo{
  0%{opacity:0;transform:translate(0,0) scale(var(--s,1))}
  3%{opacity:.95}
  22%{opacity:.95;transform:translate(60vw,-6vh) scale(var(--s,1))}
  30%{opacity:0;transform:translate(115vw,4vh) scale(var(--s,1))}
  100%{opacity:0;transform:translate(115vw,4vh) scale(var(--s,1))}
}
@keyframes temporada-aleteo{from{transform:scaleY(1)}to{transform:scaleY(.45)}}

/* Telaraña fina en una esquina. */
.temporada-telarana{position:absolute;top:0;left:0;width:84px;height:84px;color:rgba(237,237,235,.28);pointer-events:none;z-index:1}
.temporada-hoja-panel .temporada-telarana{border-top-left-radius:26px;overflow:hidden}
#ritual-cards [data-tirada="halloween"] .temporada-telarana{width:72px;height:72px;color:rgba(237,237,235,.22)}

/* Temblor de luz: un instante, como una vela con corriente. */
.temporada-temblor-capa{position:fixed;inset:0;z-index:1450;pointer-events:none;background:#000;opacity:0;animation:temporada-temblor .9s steps(1,end) 1}
@keyframes temporada-temblor{0%{opacity:0}12%{opacity:.22}20%{opacity:0}34%{opacity:.14}42%{opacity:0}100%{opacity:0}}
/* Durante la tirada, ni niebla ni murciélagos encima de las cartas y el texto. */
body.experience-active .temporada-murcielagos,body.experience-active .temporada-niebla{display:none}
@media (prefers-reduced-motion:reduce){.temporada-niebla i{animation:none}.temporada-murcielagos{display:none}.temporada-temblor-capa{display:none}}

/* ---- Protagonismo (2026-10-30): franja arriba en portada y Hoy ---- */
.temporada-franja{margin:0 0 22px;text-align:left}
.temporada-franja-k{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 10.5px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#E39A55}
.temporada-franja-k svg{width:13px;height:13px;fill:#F2B66B;filter:drop-shadow(0 0 6px rgba(242,182,107,.8));animation:temporada-llama 3.2s ease-in-out infinite}
.temporada-franja-tarjetas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.temporada-franja-t{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-height:96px;padding:14px 14px 13px 62px;border-radius:16px;overflow:hidden;text-decoration:none;
  color:#EDEDEB;border:1px solid rgba(227,154,85,.45);
  background:radial-gradient(90% 120% at 100% 100%,rgba(242,182,107,.22),transparent 65%),linear-gradient(160deg,#17141a,#0a090d);
  box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .25s ease,border-color .25s ease}
.temporada-franja-t::before{content:'';position:absolute;left:12px;top:50%;width:38px;height:62px;margin-top:-31px;border-radius:5px;background:var(--img) center/cover;
  box-shadow:0 0 14px rgba(242,182,107,.35);transform:rotate(-6deg);background-color:#e6e2d8}
.temporada-franja-t:hover{transform:translateY(-2px);border-color:rgba(242,182,107,.8)}
.temporada-franja-t strong{font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:16px;line-height:1.2}
.temporada-franja-t span{font-size:12px;color:rgba(237,237,235,.65)}
@media (max-width:420px){.temporada-franja-t{min-height:104px;padding:12px 10px 12px 52px}.temporada-franja-t::before{left:9px;width:34px;height:55px;margin-top:-27px}.temporada-franja-t strong{font-size:14.5px}}
#hoy-hero .temporada-franja{max-width:640px;margin:0 auto 22px}
.temporada-hoja-otro{display:block;margin:14px auto 0;color:#F2C08A;font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.temporada-franja-k svg{animation:none}}
/* Pantalla de «crea tu cuenta»: sin el titular de la intención encima (2026-10-30). */
#screen-pregunta.is-bloqueada .enter-title,#screen-pregunta.is-bloqueada .enter-sub{display:none}
/* Tercera tarjeta del especial: «¿Truco o trato?», a lo ancho, con un sobre (2026-10-31). */
.temporada-franja-t--ancha{grid-column:1 / -1;min-height:84px}
.temporada-franja-t--sobre::before{width:58px;height:42px;margin-top:-21px;left:10px;border-radius:4px;transform:rotate(-4deg);
  background:linear-gradient(160deg,#ece6da,#d8d0c1);box-shadow:0 0 14px rgba(242,182,107,.35)}
.temporada-franja-t--sobre::after{content:'';position:absolute;left:33px;top:50%;width:14px;height:14px;margin-top:-5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#c4553f,#7d1f1f 70%);transform:rotate(-4deg)}
.temporada-franja-t--sobre{padding-left:84px}