@layer main {

    /* @group SHARED STRUCTURES AND STYLES
    ------------------------------------ */

    html,
    body {
        color: var(--dove, #E7E2D8);
        overscroll-behavior: none;
    }

    body {
        overflow-x: hidden;
    }

    #wrapper {
        width: 100%;
    }

    .video-box,
    .img-box {
        overflow: hidden;
        position: relative;
    }

    .img-box>img {
        object-fit: cover;
        object-position: center center;
        height: 100%;
        width: 100% !important;
    }

    :is(.video-box, .img-box) video {
        object-fit: cover;
        object-position: center center;
        height: auto;
        width: 100% !important;
    }

    picture:is(.img-box) {
        display: block;
    }

    @supports(object-fit: cover) {
        .img-box>img {
            height: 100% !important;
        }
    }

    .outerAbsolute {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 3;
    }

    .outerAbsolute .row {
        height: 100%;
    }

    .outerAbsolute a,
    .outerAbsolute .box {
        pointer-events: all;
    }

    .screen-size {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        padding: 1rem 1.5rem;
        background: white;
        color: black;
        z-index: var(--z-index-modal);
        font-size: 1.2rem;
    }

    .soft-hide {
        opacity: 0;
        pointer-events: none;
    }

    .hide-arrows .splide__arrows button {
        display: none !important;
    }
    .has-text-align-center {
        text-align: center;
    }

    /* @group RESET GENERAL DE TAMAÑO
------------------------------------ */
    .no-mobile {}

    .hidden {
        display: none;
        visibility: hidden;
    }

    @media only screen and (min-width : 961px) {
        /* #wrapper {
            padding-inline: 4.6%;
        } */
        .mobile {
            display: none !important;
        }
    }

    @media only screen and (min-width : 0) and (max-width : 960px) {

        .no-mobile,
        .desktop {
            display: none !important;
        }
    }

    .no-transition {
        transition: none !important;
    }

    .soft-hide {
        opacity: 0;
    }

    body.crop {
        overflow: hidden !important;
    }

    /* @end */
    /* --- */

}