/* Entradas en línea (venta diaria desde el 11-nov-2026): aviso global arriba de la cabecera y acceso en la barra del
   celular. Mismo mecanismo que el aviso de Halloween 2026, con los colores del parque (bosque, ocre y papel). */
.anuncio-entradas{position:relative;z-index:21;background:var(--bosque,#1e3b2c);color:#fff;border-bottom:2px solid var(--ocre,#c98a1b);border-radius:0}
.anuncio-entradas-inner{display:flex;align-items:center;justify-content:center;gap:12px 32px;min-height:60px;padding-block:8px}
.anuncio-entradas p{margin:0;max-width:none;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.02em}
.anuncio-entradas strong{color:var(--ocre-claro,#e8b75a);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.anuncio-entradas-comprar{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;min-height:44px;padding:9px 20px;border:1px solid var(--ocre-claro,#e8b75a);border-radius:0;background:var(--ocre-claro,#e8b75a);color:var(--bosque,#1e3b2c);font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}
.anuncio-entradas-comprar svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s var(--ease-out,ease)}
.anuncio-entradas-comprar:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* La cabecera del inicio conserva su superposición sobre la portada, dejando el aviso 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 aviso 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}
}
/* Celular: una sola fila corta (rótulo y botón); el detalle de los paquetes queda en la tienda. */
@media(max-width:600px){
  .anuncio-entradas-inner{width:calc(100% - 32px);justify-content:space-between;gap:12px;min-height:56px;padding-block:6px}
  .anuncio-entradas p{font-size:12px;white-space:nowrap}
  .anuncio-entradas p span{display:none}
  .anuncio-entradas-comprar{min-height:44px;padding:8px 14px;font-size:14px;gap:10px}
}
/* Barra fija del celular: WhatsApp, Cómo llegar, Precios y Entradas (la compra en línea, resaltada). */
@media(max-width:760px){
  .barra-movil{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-inline:6px}
  .barra-movil a{flex-direction:column-reverse;gap:4px;min-width:0;min-height:54px;padding:6px 2px;font-size:11.5px;line-height:1.15;white-space:nowrap}
  .barra-movil svg{width:19px;height:19px;flex-shrink:0}
  .barra-movil .barra-movil-entradas{background:var(--ocre-claro,#e8b75a);border-color:var(--ocre-claro,#e8b75a);color:var(--bosque,#1e3b2c);font-weight:800}
  .barra-movil a:focus-visible{outline:3px solid var(--bosque,#1e3b2c);outline-offset:2px}
}
@media(hover:hover) and (pointer:fine){
  .anuncio-entradas-comprar:hover{background:#f2cd84;border-color:#f2cd84}
  .anuncio-entradas-comprar:hover svg{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){.anuncio-entradas-comprar,.anuncio-entradas-comprar svg{transition:none}}
@media print{.anuncio-entradas{display:none}.home-page .site-header{margin-bottom:0}}
