/*
 * Chasis movil global (PWA).
 *
 * Estas reglas mejoran las 114 paginas existentes sin tocarlas: solo aplican bajo el
 * breakpoint movil de Bootstrap (lg) y nunca alteran el layout de escritorio.
 */

@media (max-width: 991.98px) {
    /* Area tactil minima de 44px (guia de accesibilidad tactil de Apple y Google).
       El flex es necesario para que el texto quede centrado verticalmente en la caja
       ampliada; sin el, el contenido quedaria pegado al borde superior del boton. */
    .btn,
    .dropdown-item,
    .nav-link,
    .form-control,
    .form-select {
        min-height: 44px;
    }

    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .dropdown-item,
    .nav-link {
        display: flex;
        align-items: center;
    }
}

/* Drawers superpuestos (NotificationDrawer y FilterDrawer, ambos .offcanvas): al llegar al
   final de su contenido el gesto no debe seguir arrastrando la pagina de fondo.
   El sidebar declara lo propio en NavSidebar.razor, junto a su overflow-y. */
.offcanvas,
.offcanvas-body {
    overscroll-behavior: contain;
}