/**
 * Dolcetto — capa responsive global (solo reglas aditivas; no sustituye el diseño)
 * v1.0
 */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Evita desplazamiento horizontal accidental en móviles */
html {
    overflow-x: hidden;
}

body {
    position: relative;
    max-width: 100vw;
}

img,
video,
canvas {
    max-width: 100%;
    height: auto;
}

/* Contenedores anchos: no sobrepasan el viewport */
.page-container,
body > .container {
    max-width: 100%;
    box-sizing: border-box;
}

/* Cabeceras con muchos enlaces: permitir salto de línea en pantallas estrechas */
@media (max-width: 640px) {
    .header .nav-links {
        flex-wrap: wrap;
        justify-content: flex-end;
        row-gap: 0.35rem;
    }
}

/* Utilidad: envolver tablas anchas (usar en HTML si hace falta) */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}