/* =========================================================
   Ancho de página: aprovechar más la pantalla
   (antes el contenido se quedaba en 1280 px con márgenes grandes)
   ========================================================= */
:root{--page:96rem;--gutter:clamp(1.25rem,3.5vw,3.5rem)}
header .max-w-7xl,.cine-copy .max-w-7xl{max-width:var(--page);padding-left:var(--gutter);padding-right:var(--gutter)}
.qs-wrap,.pj-wrap,.vm-wrap{max-width:var(--page);padding-left:var(--gutter);padding-right:var(--gutter)}
@media (min-width:1536px){
  .cine-js .cine .copy-box{max-width:70rem}
}

/* ---------- Barra superior idéntica en todas las páginas (como en Nosotros) ----------
   Algunas páginas traen estilos propios que cambiaban los iconos, el interlineado
   o añadían una sombra al bajar; aquí se fijan para que la barra sea siempre igual. */
header.sticky{font-family:"Lexend Variable","Lexend",sans-serif;line-height:1.5;box-shadow:none}
header.sticky nav,header.sticky nav.shadow-md{box-shadow:none}
header.sticky .material-symbols-outlined,#mobile-menu .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;display:inline-block;vertical-align:middle}
#mobile-menu{font-family:"Lexend Variable","Lexend",sans-serif;line-height:1.5}
/* En Jornadas, Emergencia Terremoto y Donaciones la página va dentro de un contenedor con
   overflow-x:hidden, que impedía que la barra quedara fija arriba al bajar.
   "clip" recorta igual pero sin romper la barra fija. */
body > div.overflow-x-hidden{overflow-x:clip!important;overflow-y:visible!important}
/* Desplazamiento suave en los enlaces internos, como en Nosotros */
html{scroll-behavior:smooth}