/* Capa de temporada: Halloween. Para quitarla, borra el <link> a este archivo en index.html. */
.hw-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;border-radius:inherit}
.hw-layer img{position:absolute;height:auto;display:block}
.hw-web{width:120px;opacity:.18;top:24px}
.hw-web--l{left:0}
.hw-web--r{right:0;transform:scaleX(-1)}
.servicios,.paquetes,.proceso,.faq,.instagram{position:relative;isolation:isolate}
.hero__decor .hw{position:absolute;height:auto;opacity:.95}
.hw-bat{animation:hw-eight 14s linear infinite}
.hw-bat+.hw-bat{animation-duration:19s;animation-direction:reverse}
@keyframes hw-eight{0.00%{translate:0.0px 0.0px;rotate:6.0deg}6.25%{translate:11.5px 8.5px;rotate:5.5deg}12.50%{translate:21.2px 12.0px;rotate:4.2deg}18.75%{translate:27.7px 8.5px;rotate:2.3deg}25.00%{translate:30.0px 0.0px;rotate:0.0deg}31.25%{translate:27.7px -8.5px;rotate:-2.3deg}37.50%{translate:21.2px -12.0px;rotate:-4.2deg}43.75%{translate:11.5px -8.5px;rotate:-5.5deg}50.00%{translate:0.0px -0.0px;rotate:-6.0deg}56.25%{translate:-11.5px 8.5px;rotate:-5.5deg}62.50%{translate:-21.2px 12.0px;rotate:-4.2deg}68.75%{translate:-27.7px 8.5px;rotate:-2.3deg}75.00%{translate:-30.0px 0.0px;rotate:-0.0deg}81.25%{translate:-27.7px -8.5px;rotate:2.3deg}87.50%{translate:-21.2px -12.0px;rotate:4.2deg}93.75%{translate:-11.5px -8.5px;rotate:5.5deg}100.00%{translate:-0.0px -0.0px;rotate:6.0deg}}
.hw-ghost{animation:hw-float 7s ease-in-out infinite reverse}
@keyframes hw-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.hw-spider{animation:hw-drop 5s ease-in-out infinite;transform-origin:top center}
@keyframes hw-drop{0%,100%{translate:0 0}50%{translate:0 12px}}
@media (prefers-reduced-motion:reduce){.hw-ghost,.hw-spider{animation:none}}
@media (max-width:720px){.hw-web{width:96px}.hw-hide-sm{display:none}}
.hero-sticker--hw{width:96px;height:auto;animation:hw-rise 1700ms cubic-bezier(.2,.7,.3,1) forwards}
.hero-sticker--hw img{width:100%;height:auto;display:block}
@keyframes hw-rise{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:0}12%{transform:translate(-50%,-90%) scale(1.1) rotate(var(--spin));opacity:1}70%{opacity:1}100%{transform:translate(calc(-50% + var(--drift)),-260%) scale(.95) rotate(calc(var(--spin) * -1));opacity:0}}
@media (prefers-reduced-motion:reduce){.hero-sticker--hw{animation:hw-rise-soft 1400ms ease-out forwards}}
@keyframes hw-rise-soft{0%{transform:translate(-50%,-110%);opacity:0}15%{transform:translate(-50%,-130%);opacity:1}75%{opacity:1}100%{transform:translate(-50%,-170%);opacity:0}}
.hw-wander{position:absolute;left:0;top:0;z-index:1;height:auto;pointer-events:none;opacity:.92;filter:drop-shadow(0 0 .8px rgba(150,110,70,.6)) drop-shadow(0 8px 10px rgba(150,110,70,.18));will-change:transform}
.hw-boo{position:absolute;left:0;top:0;z-index:3;pointer-events:none;font-family:var(--font-hand);font-size:26px;color:var(--ink);background:#fff;border:1.5px solid var(--sand);border-radius:16px 16px 16px 4px;padding:4px 12px;box-shadow:2px 3px 0 rgba(44,42,40,.13);opacity:0}
.hw-boo.is-on{animation:hw-boo 1300ms ease-out}
@keyframes hw-boo{0%{opacity:0;scale:.4}15%{opacity:1;scale:1.15}25%{scale:1}80%{opacity:1}100%{opacity:0}}
.hw-thread{position:absolute;top:0;width:2px;height:400px;transform-origin:top;transform:scaleY(0);pointer-events:none;border-radius:1px;will-change:transform}
.hw-spider{transform-origin:48% 0}
@media (max-width:720px){.hw-thread{display:none}}
.hw-bat,.hw-spider{will-change:translate,rotate,scale}