/* WAIFUS LEGION - tema Halloween / Dia de Muertos (quitar este archivo y su <link> para regresar) */
:root{--bg:#120406;--s:#1f0a0c;--s2:#2a0f12;--pink:#ff7a1a;--cyan:#ffb703;--lime:#c77dff;--fg:#fff4e6;--mut:#e0c9b3;--sub:#a88b75}
body{background:radial-gradient(circle at 20% 0%,#3a0f2e 0,transparent 45%),radial-gradient(circle at 90% 30%,#3d1a00 0,transparent 40%),var(--bg)}
#bg i{background:radial-gradient(circle,#ff7a1a55,transparent 65%)!important}
#bg i:nth-child(2){background:radial-gradient(circle,#9d4edd55,transparent 65%)!important}
#hw-papel{position:fixed;top:0;left:0;right:0;height:34px;z-index:5;pointer-events:none;
 background:repeating-linear-gradient(90deg,#ff7a1a 0 60px,#c77dff 60px 120px,#ffb703 120px 180px,#ff3d9a 180px 240px);
 -webkit-mask:radial-gradient(circle at 30px 34px,transparent 14px,#000 15px) 0 0/60px 34px;mask:radial-gradient(circle at 30px 34px,transparent 14px,#000 15px) 0 0/60px 34px;opacity:.85}
header#top{margin-top:34px}
#hw-deco{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
#hw-deco span{position:absolute;font-size:28px;opacity:.35;animation:hwfloat 14s ease-in-out infinite}
#hw-deco span:nth-child(1){left:4%;top:20%}#hw-deco span:nth-child(2){left:88%;top:15%;animation-delay:-2s}
#hw-deco span:nth-child(3){left:12%;top:70%;animation-delay:-4s}#hw-deco span:nth-child(4){left:75%;top:55%;animation-delay:-6s}
#hw-deco span:nth-child(5){left:45%;top:88%;animation-delay:-8s}#hw-deco span:nth-child(6){left:93%;top:80%;animation-delay:-3s}
#hw-deco span:nth-child(7){left:30%;top:8%;animation-delay:-5s}#hw-deco span:nth-child(8){left:60%;top:35%;animation-delay:-7s}
@keyframes hwfloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-22px) rotate(8deg)}}
.tag.hw{display:inline-block;margin:0 .5rem .6rem 0;padding:.35rem .8rem;border-radius:999px;font-weight:800;color:#1a0500;
 background:linear-gradient(90deg,#ff7a1a,#ffb703);box-shadow:0 0 18px #ff7a1a88}
.hero h1 .b{background:linear-gradient(90deg,#ff7a1a,#ffb703,#c77dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art figure{border-color:#ff7a1a!important;box-shadow:0 0 22px #ff7a1a66}
.sticker{background:#ffb703!important;color:#1a0500!important}
.btn.pink{background:linear-gradient(90deg,#ff7a1a,#ff3d9a)!important}
@media (prefers-reduced-motion:reduce){#hw-deco span{animation:none}}
/* --- extras: murcielagos, luna, telaranas, calabazas en botones --- */
#hw-bats{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}
#hw-bats b{position:absolute;left:-60px;font-size:26px;font-weight:400;animation:hwbat 18s linear infinite;filter:drop-shadow(0 0 6px #000)}
#hw-bats b:nth-child(1){top:12%}#hw-bats b:nth-child(2){top:28%;animation-delay:-4s;animation-duration:22s;font-size:18px}
#hw-bats b:nth-child(3){top:46%;animation-delay:-9s;font-size:22px}#hw-bats b:nth-child(4){top:64%;animation-delay:-13s;animation-duration:25s;font-size:16px}
#hw-bats b:nth-child(5){top:82%;animation-delay:-6s;animation-duration:20s}
@keyframes hwbat{0%{transform:translate(0,0)}25%{transform:translate(28vw,-30px)}50%{transform:translate(55vw,20px)}75%{transform:translate(82vw,-25px)}100%{transform:translate(112vw,0)}}
#hw-luna{position:fixed;top:44px;right:6%;width:110px;height:110px;border-radius:50%;z-index:0;pointer-events:none;
 background:radial-gradient(circle at 35% 35%,#fff8e1,#ffe08a 55%,#f4b942);box-shadow:0 0 60px 20px #ffcf5a55;opacity:.55}
#hw-web,#hw-web2{position:fixed;width:150px;height:150px;pointer-events:none;z-index:3;opacity:.45;
 background:repeating-radial-gradient(circle at 0 0,transparent 0 18px,#ffffffaa 18px 19px),repeating-conic-gradient(from 0deg at 0 0,transparent 0 9deg,#ffffffaa 9deg 10deg)}
#hw-web{top:34px;left:0;-webkit-mask:radial-gradient(circle at 0 0,#000 70%,transparent 71%);mask:radial-gradient(circle at 0 0,#000 70%,transparent 71%)}
#hw-web2{bottom:0;right:0;transform:rotate(180deg);-webkit-mask:radial-gradient(circle at 0 0,#000 70%,transparent 71%);mask:radial-gradient(circle at 0 0,#000 70%,transparent 71%)}
.card-art,.hero-art figure,.panel{position:relative}
.hero-art figure.main::after,.card-art::after{content:"🕸️";position:absolute;top:2px;right:6px;font-size:22px;opacity:.8;pointer-events:none}
.btn.big::before{content:"🎃 "}
.joinban .btn::before{content:"👻 "}
@media (max-width:600px){#hw-luna{width:70px;height:70px}#hw-web,#hw-web2{width:90px;height:90px}#hw-bats b:nth-child(n+4){display:none}}
@media (prefers-reduced-motion:reduce){#hw-bats b{animation:none;display:none}}
.btn.big.herobtn::before{content:none}

/* calabazas grandes de adorno */
#hw-deco span{opacity:.6;font-size:34px}
#hw-calabazas{position:fixed;left:0;right:0;bottom:-6px;z-index:4;pointer-events:none;display:flex;justify-content:space-between;padding:0 2%}
#hw-calabazas span{font-size:46px;filter:drop-shadow(0 0 14px #ff7a1acc);animation:hwglow 3s ease-in-out infinite}
#hw-calabazas span:nth-child(even){font-size:30px;animation-delay:-1.5s}
@keyframes hwglow{0%,100%{filter:drop-shadow(0 0 8px #ff7a1a88)}50%{filter:drop-shadow(0 0 20px #ffb703)}}
@media (max-width:600px){#hw-calabazas span{font-size:30px}#hw-calabazas span:nth-child(even){font-size:20px}}
/* 2026-10-20 letras del boton suscribirme legibles */
.btn.pink,.btn.pink:visited,.fcta .btn{color:#fff!important;font-weight:900!important;text-shadow:0 2px 4px rgba(0,0,0,.75),0 0 2px #000!important;-webkit-text-fill-color:#fff!important;position:relative;z-index:2}