/* El widget bloquea el desplazamiento de la página mientras está abierto.
   En pantallas pequeñas, su propia ventana debe poder desplazarse. */
@media (max-width: 640px) {
    .waybox-modal {
        max-width: 100vw !important;
        max-height: 100dvh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .waybox-iframe {
        display: block;
        max-width: 100% !important;
        max-height: 100dvh !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
}
