/* Halloween 2026: anuncio global y acceso móvil. Retirar al terminar la campaña. */
.halloween-announcement{position:relative;z-index:21;background:#141010;color:#fff;border-bottom:1px solid #ff7a00;border-radius:0}
.halloween-announcement-inner{display:flex;align-items:center;justify-content:center;gap:18px 32px;min-height:64px;padding-block:8px}
.halloween-announcement p{margin:0;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.045em}
.halloween-announcement strong{color:#ff7a00;font-weight:800}
.halloween-announcement-buy{display:inline-flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;min-height:48px;padding:10px 22px;border:1px solid #ff7a00;border-radius:0;background:#ff7a00;color:#141010;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:0 0 20px #ff7a002b}
.halloween-announcement-buy svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2}
.halloween-announcement-buy:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* La cabecera conserva su superposición al hero, dejando el anuncio a la vista arriba. */
.home-page .site-header{position:sticky;inset:auto;top:0;margin-bottom:calc(-1 * var(--cabecera,105px))}
@media(max-width:1000px){
  .home-page .site-header{margin-bottom:calc(-1 * var(--cabecera,79px))}
  /* El menú abierto usa toda la altura útil y queda encima del anuncio para poder cerrarlo. */
  html.menu-abierto .site-header{position:fixed;inset:0 0 auto;z-index:22}
  html:not(.js) .home-page .site-header{margin-bottom:0}
}
@media(max-width:600px){
  .halloween-announcement-inner{width:calc(100% - 32px);display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding-block:9px}
  .halloween-announcement p{text-align:center;font-size:11.5px;line-height:1.4;letter-spacing:.025em;white-space:nowrap}
  .halloween-announcement-buy{width:100%;min-height:48px;padding:10px 14px;font-size:16px;gap:14px}
}
@media(max-width:760px){
  .barra-movil--halloween{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-inline:6px;border-radius:0}
  .barra-movil--halloween a{flex-direction:column-reverse;gap:4px;min-width:0;min-height:54px;padding:6px 2px;font-size:11px;line-height:1.15;border-radius:0}
  .barra-movil--halloween svg{width:19px;height:19px;flex-shrink:0}
  .barra-movil--halloween .mobile-halloween-ticket{background:#ff7a00;color:#141010;border-color:#ff7a00;font-weight:800;box-shadow:0 0 14px #ff7a0038}
  .barra-movil--halloween a:focus-visible{outline:3px solid #141010;outline-offset:2px}
}
@media(hover:hover) and (pointer:fine){
  .halloween-announcement-buy:hover,.barra-movil--halloween .mobile-halloween-ticket:hover{background:#ff9a3d;border-color:#ff9a3d;color:#141010}
}
@media print{.halloween-announcement{display:none}.home-page .site-header{margin-bottom:0}}