/* ═══════════════════════════════════════════════════════════════
   HALLOWEEN 2026 · capa de temporada sobre academy.css
   Solo actúa con html.hw, que pone un script del <head> hasta el
   31-oct (hora Panamá). El 1-nov desaparece sola; para quitarla
   antes basta borrar el <link> de este archivo.
   Nada de esto recibe clics: pointer-events:none en todo.
   ═══════════════════════════════════════════════════════════════ */
.hw-hero,.hw-bats,.hw-pumpkins,.hw-promo,.hw-vip-pk,.hw-foot,.hw-sec{display:none}

.hw .hw-hero,.hw .hw-bats,.hw .hw-pumpkins,.hw .hw-vip-pk,.hw .hw-foot,.hw .hw-sec{display:block}
.hw .hw-promo{display:inline-flex}

/* fondo: el resplandor azul pasa a calabaza */
.hw .bg-glow-blue{background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%)}

/* ── héroe ── */
.hw .hero-inner{position:relative;z-index:1}
.hw-hero{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hw-moon{position:absolute;right:8%;top:11%;width:min(28vw,380px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 40% 36%,rgba(236,239,245,.16),rgba(255,255,255,0.05) 42%,rgba(255,255,255,.02) 66%,transparent 72%);
  filter:blur(3px)}
/* niebla: brilla en el centro y se desvanece antes del borde del héroe, sin corte */
.hw-fog{position:absolute;left:0;right:0;bottom:0;height:55%;
  background:radial-gradient(60% 55% at 50% 62%,rgba(255,255,255,.035),transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 55%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 55%,transparent 100%)}
.hw-web{position:absolute;top:72px;width:min(11vw,150px);opacity:.22}
.hw-web svg{display:block;width:100%;height:auto}
.hw-web-l{left:0}
.hw-web-r{right:0;transform:scaleX(-1);opacity:.16}

/* araña colgando de su hilo */
.hw-spider{position:absolute;left:44%;top:0;width:1px;height:150px;background:linear-gradient(rgba(255,255,255,.0),rgba(255,255,255,.35));
  transform-origin:top center;animation:hwSpider 5s ease-in-out infinite}
.hw-spider svg{position:absolute;left:50%;bottom:-24px;width:30px;transform:translateX(-50%)}
@keyframes hwSpider{0%,100%{height:130px;transform:rotate(3deg)}50%{height:165px;transform:rotate(-3deg)}}

/* murciélagos volando por arriba del héroe */
.hw-bats{position:absolute;inset:0 0 auto 0;height:420px;z-index:3;pointer-events:none;overflow:hidden}
.hw-bat{position:absolute;left:-90px;width:46px;opacity:.9;filter:drop-shadow(0 0 8px rgba(255,255,255,.12));animation:hwFly 16s linear infinite}
.hw-bat svg{display:block;width:100%;height:auto;animation:hwFlap .28s ease-in-out infinite alternate;transform-origin:center}
.hw-bat:nth-child(1){top:120px;animation-delay:0s}
.hw-bat:nth-child(2){top:190px;width:32px;animation-duration:21s;animation-delay:5s}
.hw-bat:nth-child(3){top:90px;width:38px;animation-duration:19s;animation-delay:11s}
@keyframes hwFly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-30px)}50%{transform:translate(56vw,20px)}75%{transform:translate(84vw,-24px)}100%{transform:translate(calc(100vw + 180px),10px)}}
@keyframes hwFlap{from{transform:scaleY(1)}to{transform:scaleY(.55)}}

/* calabazas abajo a la izquierda del héroe */
.hw-pumpkins{position:absolute;left:3%;bottom:26px;z-index:2;pointer-events:none;display:none}
.hw .hw-pumpkins{display:flex;align-items:flex-end;gap:6px}
.hw-pumpkins svg{display:block;filter:drop-shadow(0 0 22px rgba(255,122,26,.45)) drop-shadow(0 12px 16px rgba(0,0,0,.7))}
.hw-pumpkins .pk1{width:78px}
.hw-pumpkins .pk2{width:52px}
.hw-pk-face{animation:hwGlow 2.6s ease-in-out infinite alternate}
@keyframes hwGlow{from{opacity:.75}to{opacity:1}}

/* píldora de la promo encima del titular */
.hw-promo{align-items:center;gap:10px;align-self:flex-start;margin-bottom:14px;padding:9px 18px 9px 12px;border-radius:100px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
  color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-decoration:none;
  box-shadow:none;transition:transform .25s,box-shadow .25s}
.hw-promo:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);color:#fff}
.hw-promo svg{width:24px;height:24px;flex:none}
.hw-promo b{color:var(--gold)}

/* calabaza en la tarjeta VIP */
.hw-vip-pk{position:absolute;right:16px;bottom:14px;width:58px;z-index:3;pointer-events:none;
  filter:drop-shadow(0 0 22px rgba(255,122,26,.6))}
.hw-vip-pk svg{display:block;width:100%;height:auto}

/* telaraña en la esquina de las secciones de abajo */
.hw .eco,.hw .comm,.hw .global-infra{position:relative}
.hw-sec{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hw-sec .hw-web{top:0;width:min(9vw,120px);opacity:.12}

/* pie de página: telaraña y calabazas */
.hw-foot{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hw .corp-footer>*:not(.hw-foot){position:relative;z-index:1}
.hw-foot .hw-web{top:0;width:120px;opacity:.12}
.hw-foot-pk{position:absolute;right:4%;top:-6px;display:flex;align-items:flex-end;gap:4px;opacity:.9}
.hw-foot-pk svg{width:46px;filter:drop-shadow(0 0 20px rgba(255,122,26,.5))}
.hw-foot-pk svg+svg{width:32px}

@media (max-width:900px){
  .hw-web{width:96px;top:64px}
  .hw-web-r{display:none}
  .hw-spider{display:none}
  .hw-sec .hw-web{width:80px}
  .hw-moon{width:70vw;right:-14%;top:4%}
  .hw-pumpkins{left:auto;right:4%;bottom:12px}
  .hw-pumpkins .pk1{width:54px}.hw-pumpkins .pk2{width:38px}
  .hw-bats{height:300px}
  .hw-bat:nth-child(3){display:none}
}
@media (prefers-reduced-motion:reduce){
  .hw-bat,.hw-bat svg,.hw-spider,.hw-pk-face{animation:none}
  .hw-bats{display:none !important}
}