/* V252 — Navegación móvil coherente con el diseño original */
@media (max-width:820px) {
  html, body { width:100%!important; overflow-x:clip!important; }
  .mobile-menu-toggle {
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:fixed!important;top:max(10px,env(safe-area-inset-top))!important;left:max(10px,env(safe-area-inset-left))!important;
    width:44px!important;height:44px!important;border-radius:13px!important;
    color:#fff!important;background:#123776!important;z-index:1002!important;
    box-shadow:0 5px 18px rgba(6,28,68,.25)!important;touch-action:manipulation!important;
  }
  .sidebar-backdrop.open {display:block!important;position:fixed!important;inset:0!important;z-index:1000!important;background:rgba(4,20,46,.52)!important}
  #mainSidebar {position:fixed!important;top:0!important;left:0!important;bottom:0!important;z-index:1001!important;
    transform:translate3d(-105%,0,0)!important;transition:transform .25s ease!important;
    height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    width:min(86vw,320px)!important;max-width:min(86vw,320px)!important;
  }
  #mainSidebar.open {transform:translate3d(0,0,0)!important}
  body.menu-open {overflow:hidden!important}
  body.menu-open .mobile-menu-toggle {opacity:0!important;pointer-events:none!important}
  #mainSidebar .sidebar-close {display:flex!important;cursor:pointer!important;align-items:center!important;justify-content:center!important}
  .main,.content {min-width:0!important;max-width:100%!important}
}
@media (prefers-reduced-motion: reduce) {#mainSidebar{transition:none!important}}