/* MARIO LEAL - FIX MENU MOVIL v4 - 2026-05-13 */
@media (max-width: 1024px) {
  .nav-links {
    /* scroll (v2) */
    max-height: calc(100dvh - 80px) !important;
    max-height: calc(100svh - 80px) !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 40px) !important;
    box-sizing: border-box !important;
    /* z-index encima de TODO (v3) */
    z-index: 10001 !important;
    /* background opaco fallback (v3) */
    background: #ffffff !important;
    background: rgba(255, 255, 255, 0.99) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  }
  .nav-links.open {
    display: flex !important;
  }
  /* v4: ocultar TODOS los FABs y banners cuando menu abierto */
  body:has(.nav-links.open) #mlb,
  body:has(.nav-links.open) #mlp,
  body:has(.nav-links.open) #appFabReportar,
  body:has(.nav-links.open) .app-fab,
  body:has(.nav-links.open) #banner-instalar-app,
  body:has(.nav-links.open) .bia,
  body:has(.nav-links.open) .wab-popup,
  body:has(.nav-links.open) [class*="fab-"],
  body:has(.nav-links.open) [id*="fab-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  /* Bloquear scroll del body (v2) */
  body:has(.nav-links.open) {
    overflow: hidden !important;
    touch-action: none !important;
  }
  body:has(.nav-links.open) .nav-links {
    touch-action: pan-y !important;
  }
  .nav-dropdown {
    max-height: none !important;
    overflow: visible !important;
  }
}