/**
 * BASE — Reglas globales para cualquier pantalla
 * No depende de un módulo concreto.
 */

/* Evita que el texto se agrande solo en iOS y corta scroll horizontal */
html {
    overflow-x: hidden;
    min-height: 100%;
}

body.app-shell,
body.has-sidebar.app-shell {
    overflow-x: hidden;
    min-width: 0;
}

body,
body.app-shell .layout,
body.app-shell .main-content,
.app-shell .page-content,
.app-shell .table-container,
.app-shell .documentos-tabla-wrap,
.page-content .table-responsive {
    min-width: 0;
}

/* Imágenes y gráficos no se salen del ancho de la pantalla */
img,
video,
canvas,
svg {
    max-width: 100%;
    height: auto;
}

/* ----- Móvil: scroll vertical fluido ----- */
@media (max-width: 768px) {

    html,
    body.app-shell,
    body.has-sidebar.app-shell {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.app-shell,
    body.has-sidebar.app-shell {
        touch-action: auto;
    }
}