/* 24-oct-2026: decoración de Halloween en header y footer (calabazas y telas
   de araña). Solo se carga mientras es_halloween() (hasta el 1-nov). */

/* .header ya es sticky (posicionado); el footer no */
.footer{position:relative}
.header .header-inner,.footer .footer-inner{position:relative;z-index:1}

.hw-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
/* En el header las calabazas asoman por el borde de abajo: sin recorte */
.hw-deco--header{overflow:visible;z-index:auto}

.hw-tela{position:absolute;top:0;color:rgba(255,255,255,.6)}
.hw-tela--izq{left:0}
.hw-tela--der{right:0;transform:scaleX(-1)}
.hw-deco--header .hw-tela{width:84px;height:84px;z-index:-1}
.hw-deco--footer .hw-tela{width:130px;height:130px;color:rgba(255,255,255,.4)}

.hw-calabaza{position:absolute;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.hw-calabaza--h1{width:30px;height:28px;bottom:-14px;left:10px;z-index:3}
.hw-calabaza--h2{width:30px;height:28px;bottom:-14px;right:10px;z-index:3;transform:rotate(8deg)}

.hw-calabaza--f1{width:46px;height:43px;bottom:10px;right:96px}
.hw-calabaza--f2{width:34px;height:32px;bottom:10px;right:56px;transform:rotate(-6deg)}
.hw-calabaza--f3{width:26px;height:24px;bottom:10px;right:30px;transform:rotate(9deg)}

.hw-arana{position:absolute;top:0;left:170px;width:18px;height:46px;color:rgba(255,255,255,.45);
  transform-origin:50% 0;animation:hw-balanceo 4s ease-in-out infinite}
@keyframes hw-balanceo{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}

/* Móvil: el header es más estrecho y lleva el buscador debajo */
@media (max-width:980px){
  .hw-deco--header .hw-tela{width:56px;height:56px}
  .hw-calabaza--h1,.hw-calabaza--h2{width:22px;height:21px;bottom:-10px}
}
@media (max-width:620px){
  .hw-deco--footer .hw-tela{width:80px;height:80px}
  .hw-calabaza--f1{width:34px;height:32px;right:66px}
  .hw-calabaza--f2{width:26px;height:24px;right:38px}
  .hw-calabaza--f3{display:none}
}
@media (prefers-reduced-motion:reduce){.hw-arana{animation:none}}