/* ===== TEMA HALLOWEEN (se carga solo si configuracion.tema_halloween = 1) ===== */
html.halloween{
  --red:#ff7a1a; --red-glow:rgba(255,122,26,.25);
  --cyan:#ffa24d; --accent-ink:#1a0b00;
  --accent-grad:linear-gradient(135deg,#ff9a3c,#ff5e00);
  --line:#3a2a4d; --bg-card:#1d1828; --bg-2:#1a1424;
}
html.halloween body{
  background:radial-gradient(1200px 600px at 50% -10%, #2c1840 0%, #0a0710 60%);
}
.hw-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50;}
/* niebla */
.hw-fog{position:absolute;left:-50%;width:200%;height:220px;opacity:.5;filter:blur(18px);
  background:radial-gradient(ellipse at 20% 50%,rgba(170,120,255,.28),transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(255,140,40,.18),transparent 60%);
  animation:hwFog 38s linear infinite;}
.hw-fog--b{bottom:0;}
.hw-fog--t{top:40%;opacity:.25;animation-duration:55s;animation-direction:reverse;}
@keyframes hwFog{from{transform:translateX(-12%);}to{transform:translateX(12%);}}
/* luna llena detrás del contenido */
html.halloween body::before{content:"";position:fixed;z-index:-1;top:5vh;right:12vw;width:150px;height:150px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 34%,#fff6dc 0 28%,#f2d9a0 55%,#d9b26a 100%);
  box-shadow:0 0 60px 20px rgba(255,190,90,.28),0 0 160px 60px rgba(255,140,40,.14);opacity:.55;}
/* relámpago: doble destello morado cada ~17 s */
.hw-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 70% 0,rgba(220,190,255,.55),rgba(120,70,220,.18) 45%,transparent 70%);animation:hwFlash 17s linear infinite;}
@keyframes hwFlash{0%,91%,94%,100%{opacity:0;}92%{opacity:.9;}93%{opacity:.15;}95%{opacity:.7;}97%{opacity:0;}}
/* murciélagos */
.hw-bat{position:absolute;left:0;display:block;height:auto;aspect-ratio:100/40;animation:hwVuelaL linear infinite backwards;will-change:transform;
  filter:drop-shadow(0 0 4px rgba(150,90,255,.35));}
.hw-bat svg{display:block;width:100%;height:100%;overflow:visible;}
.hw-bat path{fill:#120a1c;}
.hw-bat .hw-ojo{fill:#ff3b2b;}
.hw-bat--p0{opacity:.55;}
.hw-bat--r{animation-name:hwVuelaR;}
.hw-bat--r svg{transform:scaleX(-1);}
/* alas: giran desde el cuerpo (la izquierda va en un grupo espejado) */
.hw-ala{transform-origin:50px 22px;animation:hwAletea var(--ala,.3s) ease-in-out infinite alternate;}
@keyframes hwAletea{from{transform:rotate(-24deg);}to{transform:rotate(22deg) scaleY(.7);}}
/* vuelo ondulante con cabeceo (amplitud distinta por murciélago) */
@keyframes hwVuelaL{
  0%{transform:translate(-14vw,0) rotate(6deg);}
  16%{transform:translate(14vw,calc(var(--amp,6vh) * -1)) rotate(-8deg);}
  33%{transform:translate(36vw,var(--amp,6vh)) rotate(8deg);}
  50%{transform:translate(58vw,calc(var(--amp,6vh) * -1.2)) rotate(-10deg);}
  66%{transform:translate(78vw,calc(var(--amp,6vh) * .8)) rotate(7deg);}
  83%{transform:translate(98vw,calc(var(--amp,6vh) * -.6)) rotate(-6deg);}
  100%{transform:translate(118vw,var(--amp,6vh)) rotate(4deg);}
}
@keyframes hwVuelaR{
  0%{transform:translate(118vw,0) rotate(-6deg);}
  16%{transform:translate(98vw,calc(var(--amp,6vh) * -1)) rotate(8deg);}
  33%{transform:translate(78vw,var(--amp,6vh)) rotate(-8deg);}
  50%{transform:translate(58vw,calc(var(--amp,6vh) * -1.2)) rotate(10deg);}
  66%{transform:translate(36vw,calc(var(--amp,6vh) * .8)) rotate(-7deg);}
  83%{transform:translate(14vw,calc(var(--amp,6vh) * -.6)) rotate(6deg);}
  100%{transform:translate(-18vw,var(--amp,6vh)) rotate(-4deg);}
}
/* calabaza */
.hw-pumpkin{position:fixed;left:14px;bottom:14px;font-size:44px;z-index:51;pointer-events:none;
  filter:drop-shadow(0 0 14px rgba(255,122,26,.85));animation:hwGlow 2.6s ease-in-out infinite;}
@keyframes hwGlow{0%,100%{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 8px rgba(255,122,26,.6));}
  50%{transform:scale(1.08) rotate(3deg);filter:drop-shadow(0 0 20px rgba(255,150,40,1));}}
/* telarañas en esquinas */
.hw-web{position:absolute;top:0;right:0;width:130px;height:130px;opacity:.28;
  background:conic-gradient(from 180deg at 100% 0,transparent 0 5deg,#cfc6e8 5deg 6deg,transparent 6deg 22deg,#cfc6e8 22deg 23deg,transparent 23deg 39deg,#cfc6e8 39deg 40deg,transparent 40deg 56deg,#cfc6e8 56deg 57deg,transparent 57deg 90deg);
  -webkit-mask:radial-gradient(circle at 100% 0,#000 0 25%,transparent 26% 33%,#000 34% 36%,transparent 37% 48%,#000 49% 51%,transparent 52% 65%,#000 66% 68%,transparent 69% 100%);
  mask:radial-gradient(circle at 100% 0,#000 0 25%,transparent 26% 33%,#000 34% 36%,transparent 37% 48%,#000 49% 51%,transparent 52% 65%,#000 66% 68%,transparent 69% 100%);}
@media (max-width:600px){.hw-pumpkin{font-size:34px;bottom:78px;}.hw-web{width:90px;height:90px;}html.halloween body::before{width:100px;height:100px;right:6vw;}}
@media (prefers-reduced-motion:reduce){.hw-bat,.hw-ala,.hw-flash,.hw-fog,.hw-pumpkin{animation:none;}.hw-bat,.hw-flash{display:none;}}