/* Una sola superficie desplazable en todas las páginas públicas. */
html {
  overflow-x:clip!important;
  overflow-y:auto!important;
  overscroll-behavior-x:none;
}

body {
  overflow-x:clip!important;
  overflow-y:visible!important;
}

body.locked {
  overflow:hidden!important;
}

html.is-scroll-locked,
html.is-menu-open {
  overflow:hidden!important;
  overscroll-behavior:none;
}

/* En pantallas muy bajas, solo se desplaza el aviso de cookies, no el fondo. */
@media (max-height:620px) {
  html:has(body > .cookie-banner) {
    overflow-y:hidden!important;
  }

  .cookie-banner {
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
}