/* Don Lucho v239 — ÚNICAMENTE desplazamiento del menú móvil/tablet.
   En escritorio (>=1025px) permanece exactamente el diseño v238.
   No cambia enlaces, estados, acciones, Firebase ni módulos internos. */
@media (max-width: 1024px) {
  body.dl-public-colors232:not(.dl-direct-staff-page) > main.layout > #dlSideMenu {
    /* Dimensión real del dispositivo: panel desplazable aunque el body esté bloqueado. */
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y !important;
    scrollbar-width: thin;
    scrollbar-color: #ac9985 transparent;
    /* Debe quedar espacio bajo el último enlace en pantallas pequeñas. */
    padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px)) !important;
  }
}