html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* Para iOS */
    touch-action: pan-y; /* Permite desplazamiento vertical táctil */
}

.container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

/* Asegura que los elementos con scroll interno también funcionen con táctil */
.overflow-auto, 
.overflow-y-auto,
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
}

/* Mejora la experiencia táctil para elementos interactivos */
button, a, input, select, textarea {
    touch-action: manipulation; /* Mejora la respuesta táctil */
}