/* ============================================================
   Halloween: se carga solo cuando la temporada está activa
   (inc/fiestas.php). Nada de esto toca main.css ni el build de Tailwind.
   ============================================================ */
.temporada-halloween{
  --hw-naranjo:#E8742A;
  --hw-morado:#6B3FA0;
  /* Guirnalda: hilo con murciélagos, calabaza y araña */
  --hw-guirnalda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56'%3E%3Cpath d='M0 4Q90 20 180 4' fill='none' stroke='%239A9486' stroke-width='1.2'/%3E%3Cg transform='translate(32 12) rotate(-6)' fill='%232A2230'%3E%3Cpath d='M0 0C-2-3-6-3-12 0C-8.5 0-7.5 2-7.5 4.5C-5.5 2.5-3.5 3-2 5.5C-1 3.5 0 3.5 0 3.5S1 3.5 2 5.5C3.5 3 5.5 2.5 7.5 4.5C7.5 2 8.5 0 12 0C6-3 2-3 0 0Z'/%3E%3Cpath d='M-1.6-1.2L-1.1-3.6L0-1.8L1.1-3.6L1.6-1.2Z'/%3E%3C/g%3E%3Cpath d='M92 9.8v4' stroke='%239A9486' stroke-width='1'/%3E%3Cg transform='translate(92 22)'%3E%3Cpath d='M0-7c-.4-2 .4-3.4 2-3.8' fill='none' stroke='%233E7C3A' stroke-width='1.6' stroke-linecap='round'/%3E%3Cellipse cx='-3.6' cy='0' rx='4.4' ry='6' fill='%23E8742A'/%3E%3Cellipse cx='3.6' cy='0' rx='4.4' ry='6' fill='%23E8742A'/%3E%3Cellipse cx='0' cy='0' rx='4' ry='6.4' fill='%23F28C3C'/%3E%3Cpath d='M-3.2-1.6l1.6-1.3.8 1.8zM3.2-1.6l-1.6-1.3-.8 1.8zM-3.2 1.8c1 1.2 2 1.7 3.2 1.7s2.2-.5 3.2-1.7l-1.2.3-.8.8-1.2-.7-1.2.7-.8-.8z' fill='%232B1A0F'/%3E%3C/g%3E%3Cg transform='translate(150 10) rotate(7)' fill='%232A2230'%3E%3Cpath d='M0 0C-1.6-2.4-4.8-2.4-9.6 0C-6.8 0-6 1.6-6 3.6C-4.4 2-2.8 2.4-1.6 4.4C-.8 2.8 0 2.8 0 2.8S.8 2.8 1.6 4.4C2.8 2.4 4.4 2 6 3.6C6 1.6 6.8 0 9.6 0C4.8-2.4 1.6-2.4 0 0Z'/%3E%3Cpath d='M-1.3-1L-.9-2.9L0-1.5L.9-2.9L1.3-1Z'/%3E%3C/g%3E%3C/svg%3E");
  --hw-murcielago:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14' viewBox='-13 -4 26 14'%3E%3Cpath fill='%232A2230' fill-opacity='.55' d='M0 0C-2-3-6-3-12 0C-8.5 0-7.5 2-7.5 4.5C-5.5 2.5-3.5 3-2 5.5C-1 3.5 0 3.5 0 3.5S1 3.5 2 5.5C3.5 3 5.5 2.5 7.5 4.5C7.5 2 8.5 0 12 0C6-3 2-3 0 0Z'/%3E%3C/svg%3E");
  --hw-arana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='-11 -11 22 22'%3E%3Cg stroke='%232A2230' stroke-width='1.1' fill='none' stroke-linecap='round'%3E%3Cpath d='M-2-1L-7-5L-10-3M-2 0L-8-1L-10 2M-2 1L-7 4L-9 8M-1 2L-5 7L-6 10M2-1L7-5L10-3M2 0L8-1L10 2M2 1L7 4L9 8M1 2L5 7L6 10'/%3E%3C/g%3E%3Cellipse cx='0' cy='1.5' rx='3' ry='3.8' fill='%232A2230'/%3E%3Ccircle cx='0' cy='-3' r='2.2' fill='%232A2230'/%3E%3Ccircle cx='-.8' cy='-3.3' r='.5' fill='%23E8742A'/%3E%3Ccircle cx='.8' cy='-3.3' r='.5' fill='%23E8742A'/%3E%3C/svg%3E");
}
[data-theme="dark"] .temporada-halloween{
  --hw-guirnalda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56' viewBox='0 0 180 56'%3E%3Cpath d='M0 4Q90 20 180 4' fill='none' stroke='%2358605B' stroke-width='1.2'/%3E%3Cg transform='translate(32 12) rotate(-6)' fill='%238E6CCB'%3E%3Cpath d='M0 0C-2-3-6-3-12 0C-8.5 0-7.5 2-7.5 4.5C-5.5 2.5-3.5 3-2 5.5C-1 3.5 0 3.5 0 3.5S1 3.5 2 5.5C3.5 3 5.5 2.5 7.5 4.5C7.5 2 8.5 0 12 0C6-3 2-3 0 0Z'/%3E%3Cpath d='M-1.6-1.2L-1.1-3.6L0-1.8L1.1-3.6L1.6-1.2Z'/%3E%3C/g%3E%3Cpath d='M92 9.8v4' stroke='%2358605B' stroke-width='1'/%3E%3Cg transform='translate(92 22)'%3E%3Cpath d='M0-7c-.4-2 .4-3.4 2-3.8' fill='none' stroke='%235FA857' stroke-width='1.6' stroke-linecap='round'/%3E%3Cellipse cx='-3.6' cy='0' rx='4.4' ry='6' fill='%23E8742A'/%3E%3Cellipse cx='3.6' cy='0' rx='4.4' ry='6' fill='%23E8742A'/%3E%3Cellipse cx='0' cy='0' rx='4' ry='6.4' fill='%23F28C3C'/%3E%3Cpath d='M-3.2-1.6l1.6-1.3.8 1.8zM3.2-1.6l-1.6-1.3-.8 1.8zM-3.2 1.8c1 1.2 2 1.7 3.2 1.7s2.2-.5 3.2-1.7l-1.2.3-.8.8-1.2-.7-1.2.7-.8-.8z' fill='%23FFD27A'/%3E%3C/g%3E%3Cg transform='translate(150 10) rotate(7)' fill='%238E6CCB'%3E%3Cpath d='M0 0C-1.6-2.4-4.8-2.4-9.6 0C-6.8 0-6 1.6-6 3.6C-4.4 2-2.8 2.4-1.6 4.4C-.8 2.8 0 2.8 0 2.8S.8 2.8 1.6 4.4C2.8 2.4 4.4 2 6 3.6C6 1.6 6.8 0 9.6 0C4.8-2.4 1.6-2.4 0 0Z'/%3E%3Cpath d='M-1.3-1L-.9-2.9L0-1.5L.9-2.9L1.3-1Z'/%3E%3C/g%3E%3C/svg%3E");
  --hw-murcielago:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14' viewBox='-13 -4 26 14'%3E%3Cpath fill='%23A98BE0' fill-opacity='.5' d='M0 0C-2-3-6-3-12 0C-8.5 0-7.5 2-7.5 4.5C-5.5 2.5-3.5 3-2 5.5C-1 3.5 0 3.5 0 3.5S1 3.5 2 5.5C3.5 3 5.5 2.5 7.5 4.5C7.5 2 8.5 0 12 0C6-3 2-3 0 0Z'/%3E%3C/svg%3E");
  --hw-arana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='-11 -11 22 22'%3E%3Cg stroke='%23B9A6DD' stroke-width='1.1' fill='none' stroke-linecap='round'%3E%3Cpath d='M-2-1L-7-5L-10-3M-2 0L-8-1L-10 2M-2 1L-7 4L-9 8M-1 2L-5 7L-6 10M2-1L7-5L10-3M2 0L8-1L10 2M2 1L7 4L9 8M1 2L5 7L6 10'/%3E%3C/g%3E%3Cellipse cx='0' cy='1.5' rx='3' ry='3.8' fill='%23B9A6DD'/%3E%3Ccircle cx='0' cy='-3' r='2.2' fill='%23B9A6DD'/%3E%3Ccircle cx='-.8' cy='-3.3' r='.5' fill='%23E8742A'/%3E%3Ccircle cx='.8' cy='-3.3' r='.5' fill='%23E8742A'/%3E%3C/svg%3E");
}

/* Guirnalda colgando bajo el header. */
.temporada-halloween .site-header::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:72px;pointer-events:none;
  background:var(--hw-guirnalda) repeat-x center top/232px 72px;
  transform-origin:top center;
  animation:hw-entra .9s var(--ease-out) both;
  transition:transform var(--t) var(--ease),opacity var(--t) var(--ease);
}
.temporada-halloween .site-header.scrolled::after{transform:scaleY(.6);opacity:.85}

/* Araña que baja y sube de su hilo, al costado derecho. */
.temporada-halloween .site-header::before{
  content:"";position:absolute;right:clamp(18px, 4vw, 64px);top:100%;width:30px;height:110px;pointer-events:none;
  background:var(--hw-arana) no-repeat center bottom/30px 30px,linear-gradient(var(--line-strong),var(--line-strong)) no-repeat center top/1px calc(100% - 24px);
  transform-origin:top center;animation:hw-arana 7s var(--ease) infinite;
}
.temporada-halloween .site-header.scrolled::before{opacity:0;transition:opacity var(--t) var(--ease)}

/* Murciélagos que cruzan el inicio de vez en cuando, detrás del texto. */
.temporada-halloween .hero{isolation:isolate}
.temporada-halloween .hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--hw-murcielago) no-repeat,var(--hw-murcielago) no-repeat,var(--hw-murcielago) no-repeat;
  background-size:30px 16px,22px 12px,18px 10px;
  animation:hw-vuelo 26s linear infinite;
}

/* Saludo del inicio: la calabaza reemplaza al punto verde. */
.hero-status.es-fiesta{gap:9px;padding-left:9px}
.icono-temporada{display:block;flex:none}

/* El "bait" gigante del pie, en naranjo y morado. */
.temporada-halloween .footer-marca{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--hw-naranjo) 30%, transparent) 0 50%,
    color-mix(in srgb, var(--hw-morado) 30%, transparent) 50% 100%);
  -webkit-background-clip:text;background-clip:text;
}

@keyframes hw-entra{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
@keyframes hw-arana{0%,100%{transform:scaleY(.55)}45%{transform:scaleY(1)}55%{transform:scaleY(1) rotate(2deg)}}
@keyframes hw-vuelo{
  0%  {background-position:-60px 22%, -140px 34%, -220px 16%}
  35% {background-position:calc(100% + 60px) 12%, calc(100% + 140px) 26%, calc(100% + 220px) 8%}
  100%{background-position:calc(100% + 60px) 12%, calc(100% + 140px) 26%, calc(100% + 220px) 8%}
}

@media (max-width:640px){
  .temporada-halloween .site-header::before{height:72px}
}
@media (prefers-reduced-motion:reduce){
  .temporada-halloween .site-header::after,.temporada-halloween .site-header::before{animation:none;transition:none}
  .temporada-halloween .hero::before{display:none}
}