/*
 * INDEX:
 * impedir que toda la página pueda desplazarse
 * lateralmente con dedo o mouse.
 *
 * El scroll vertical continúa funcionando normalmente.
 */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}


/* Contenedor completo de la portada */
.header-carousel {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;

    position: relative;
}


/*
 * Owl puede crear internamente una pista mucho
 * más ancha que la pantalla. Debe permanecer
 * encerrada dentro de su viewport.
 */
.header-carousel .owl-stage-outer {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;

    position: relative;
}


/* Cada portada nunca puede ampliar el documento */
.header-carousel .header-carousel-item {
    width: 100%;
    max-width: 100vw;

    overflow: hidden;
}


/* Imágenes contenidas */
.header-carousel img {
    max-width: 100%;

    object-fit: cover;
}


/*
 * Permitir scroll vertical con el dedo,
 * pero impedir desplazamiento físico
 * horizontal de la página.
 */
.header-carousel,
.header-carousel * {
    touch-action: pan-y;
}


/* Seguridad para móvil */
@media (max-width: 991.98px) {

    .header-carousel,
    .header-carousel .owl-stage-outer,
    .header-carousel .header-carousel-item {
        max-width: 100vw !important;
    }
}