@font-face {
            font-family: narro;
            src: url(font/Aceh-Light.ttf);
        }
        @font-face {
            font-family: antoni;
            src: url(font/Antonio-VariableFont_wght.ttf);
        }
@font-face {
    font-family: anton;
    src: url(font/Anton-Regular.ttf);
}
html{
    scroll-behavior: smooth;
}
        body{
            margin: 0px;
            padding: 0px;
        }
        .infotitulo{
            font-family: anton;
            font-size: 3vw;
            color: rgb(148, 116, 53);
            margin-top: 10vw;
            margin-left: 4vw;
        }
        .todotex{
            font-family: Arial, Helvetica, sans-serif;
            color: black;
            font-size: 1vw;
            margin-left: 4vw;
        }
        .cuerpocompleto{
            width: 100%;
            height: 438vw;
        

        }
         .cuerpocompletoinfo{
            width: 100%;
            height: auto;
        

        }
       
        .imag{
            width: 100%;
            height: auto;
        }
        .menu{
            width: 100%;
            height: 5.7vw;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 6;
            background-color: black;
        }
        .logolink{
            width: 12vw;
            margin-left: 13.5vw;
            margin-top: 1.2vw;
            float: left;
        }
        .barramenu{
             float: left;
            width: 35%;
            height: auto;
            margin-left: 34vw;
            margin-top: 2.3vw;
        }
        .barramenu a{
            font-family: narro;
            text-decoration: none;
            font-size: 1.1vw;
            color: white;
            margin-right: 2vw;
        }
        .barramenu a:hover{
            font-family: narro;
            text-decoration: none;
            font-size: 1.1vw;
            color: rgb(132, 129, 129);
        }
        .landig1{
            width: 100%;
            height: auto;
            padding-top: 5.7vw;
            position: relative;
        }
        .logp{
            position: absolute;
            top: 6vw;
            left: 29vw;
            width: 44.5%;
            height: auto;
        }
        .fechas{
            width: 36%;
            position: absolute;
            top: 42vw;
            left: 33vw;
        }
        .titulnd{
            width: 60%;
            height: auto;
            position: absolute;
            top: 50vw;
            left: 21vw;
        }
        .nosotros{
            width: 100%;
            height: auto;
            background-color: white;
            position: relative;
        }
        .izqnosotros{
            width: 50%;
            height: auto;
            float: left;
        }
        .izqnosotrosinfo{
            width: 30%;
            height: auto;
            float: left;
            margin-top: 10vw;
            margin-left: 3vw;
        }
        .derenosotros{
            width: 50%;
            height: auto;
            float: left;
        }
        .botonprograma{
            position: absolute;
            width: 16%;
            height: auto;
            top: 38.5vw;
            left: 51vw;
        }
        .nosotrosdos{
            width: 100%;
            height: auto;
            background-color: white;
    
        }
        .izqndos{
            width: 53%;
            height: auto;
            float: left;
        }
        .videobtn{
            width: 32%;
            height: auto;
            float: left;
            margin-left: .5vw;
            margin-top: 2.7vw;
        }
        .programa{
            width: 100%;
            height: 73.4vw;
            background-image: url(img/fondoprograma.png);
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: 0px;
            border: solid 1px;
            border-color: antiquewhite;

        }
        .titueven{
            width: 20%;
            height: auto;
          margin-left: 75vw;
          margin-top: 3.5vw;
        }
        .logoprograma{
            width: 20%;
            height: auto;
            margin-left: 15.5vw;
            float: left;
        }
        .titugran{
            width: 46.5%;
            height: auto;
            float: left;
            margin-left: 2.6vw;
            margin-top: .3vw;
        }
        .menudias{
            width: 33%;
            height: auto;
            margin-left: 54.5vw;
        }
        .botondias{
            width: 26%;
            height: auto;
            float: left;
            margin-right: 2vw;
            margin-top: 2vw;
        }
       .contenedoreventos{
    width: 82%;
    margin-left: auto;
    margin-right: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
}

.reldeeventos{
    width: 92%;
    height: auto;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scrollbar-width: none;
}

.reldeeventos::-webkit-scrollbar{
    display: none;
}

.reelinterno{
    width: max-content;
    min-width: 100%;
    height: 52vw;

    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;

    gap: 1vw;
}

.capsulaevento{
    width: 18vw;
    min-width: 18vw;
    height: 38vw;

    flex: 0 0 18vw;

    background-image: url(img/baseevent.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

    margin-top: 3.5vw;

    text-align: center;
}

.fechaevent{
    background-color: rgb(118, 100, 52);
    color: white;

    font-family: antoni;
    font-size: 1vw;

    width: 70%;

    margin-left: auto;
    margin-right: auto;
    margin-top: 2.7vw;
    margin-bottom: .8vw;

    padding: .25vw .5vw;

    text-align: center;
    line-height: 1.25;

    box-sizing: border-box;
}

.titeven{
    width: 70%;
    height: auto;

    font-family: anton;
    font-size: 1.3vw;
    color: black;

    margin-left: auto;
    margin-right: auto;
    margin-top: .7vw;
    margin-bottom: .7vw;

    padding-left: .3vw;
    padding-right: .3vw;

    text-align: center;
    line-height: 1.2;

    box-sizing: border-box;
}

.divisor{
    width: 50%;
    height: auto;

    margin-left: auto;
    margin-right: auto;

    margin-top: .8vw;
    margin-bottom: .8vw;

    text-align: center;
}

.divisor img{
    display: block;
    width: 100%;
    height: auto;
}

.seccionevent{
    width: 80%;
    height: auto;

    margin-left: auto;
    margin-right: auto;

    margin-top: .7vw;
    margin-bottom: 1vw;

    padding-left: .5vw;
    padding-right: .5vw;

    font-family: antoni;
    font-size: 1vw;

    text-align: center;
    line-height: 1.3;

    box-sizing: border-box;
}

.botonconce{
    width: 55%;
    height: auto;

    margin-left: auto;
    margin-right: auto;
    margin-top: 2vw;

    text-align: center;
}

.botonconce img{
    display: block;
    width: 100%;
    height: auto;
}
       .mapa{
        background-color: white;
        width: 100%;
        height: 82vw;
        position: relative;
       }
       .titumapa{
        position: absolute;
        z-index: 4;
        top: -6.5vw;
        left: 25vw;
       }
       .mapita{
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
       padding-top: 10vw;
       }
       .nosotrosdos{
        width: 100%;
        height: 23vw;
        position: relative;
        top: 0vw;
        z-index: 4;
       }
       .fondosello{
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 1;
        top: -10vw;
       }
       .sellonosotros{
        position: absolute;
        z-index: 3;
        left: 18vw;
        top: 8vw;
       }


       /* galeria */

       .galeria{
    position: relative;
    width: 100%;
    height: 44vw;
    overflow: hidden;

    display: flex;
    align-items: center;

    background: #050505;
    margin-top: 10vw;
}


/* Ventana visible */

.carrete{
    width: 100%;
    height: 100%;

    overflow: hidden;

    display: flex;
    align-items: center;
}


/* Tira completa */

.carretegrande{
    display: flex;
    align-items: center;

    gap: 35px;

    transition: transform .6s ease;

    will-change: transform;
}


/* Fotos normales */

.slide{
    flex: 0 0 210px;

    width: 210px;
    height: 120px;

    opacity: .25;

    transform: scale(1);

    transition:
        transform .6s ease,
        opacity .6s ease;

    cursor: pointer;

    z-index: 1;
}


.galeria .imag{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Foto central */

.slide.activo{
    transform: scale(3.7);

    opacity: 1;

    z-index: 10;
}


/* Flechas */

.flecha{
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 100;

    border: 0;

    background: transparent;

    color: white;

    font-size: 55px;

    cursor: pointer;

    padding: 20px;
}


.anterior{
    left: 12%;
}


.siguiente{
    right: 12%;
}

.patrocinadores{
    width: 100%;
    height: 23.2vw;
    background-color: white;
}
.teinv{
    width: 12%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3vw;
}
.barrita{
    width: 100%;
    height: 19.5vw;
    background-image: url(img/barra1.jpg);
    background-size: cover;
}
.textbarr{
    width: 45%;
    height: auto;
    padding-top: 3vw;
    margin-left: 17vw;
}
.botonbarra{
    width: 22%;
    height: auto;
    margin-top: 2.5vw;
    margin-left: 16vw;
}
.barraredes{
    width: 100%;
    height: 21.5vw;
    background-color: black;

}
.logoredes{
    width: 21%;
    height: auto;
    padding-top: 3vw;
    margin-left: 21vw;
    float: left;
}
.redesderecha{
    width: 35%;
    height: auto;
    margin-right: 13vw;
    float: left;
    margin-left: 10vw;
    margin-top: 3vw;
}
.iconos{
    width: 45%;
    height: auto;
    float: right;
}
.bb{
    width: 15%;
    height: auto;
    float: right;
    margin-right: .5vw;
}
.parrafo{
    width: 100%;
    height: auto;
    font-family: antoni;
    font-size: 1vw;
    color: white;
    text-align: right;
    margin-top: 4vw;
}
.firma{
    width: 100%;
    height: auto;
    margin-top: 3vw;
}

.flechaevento{
    width: 3.5vw;
    height: 3.5vw;

    min-width: 40px;
    min-height: 40px;

    border: none;

    border-radius: 50%;

    background-color: rgba(0,0,0,.65);

    color: white;

    font-size: 2vw;

    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;

    flex-shrink: 0;

    z-index: 5;

    transition: .25s;
}


.flechaevento:hover{
    background-color: rgba(0,0,0,.9);
}


.flechaevento:disabled{
    opacity: .25;
    cursor: default;
}


/* auiiiiiiiiiiiiiiiiiiiiiiiiiiiii

asasaaaaaaaaaaaaaaaaaaaaaa
*/
/* =========================================================
   =========================================================
   VERSION PARA CELULARES
   EXPO UAAAN
   =========================================================
   ========================================================= */

@media screen and (max-width: 768px){


    /* =====================================================
       AJUSTES GENERALES
       ===================================================== */

    html{
        scroll-behavior: smooth;
    }

    body{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    .cuerpocompleto{
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .imag{
        width: 100%;
        height: auto;
        display: block;
    }



    /* =====================================================
       MENÚ SUPERIOR
       ===================================================== */

    .menu{
        width: 100%;
        height: 18vw;

        position: fixed;
        top: 0;
        left: 0;

        z-index: 1000;

        background-color: black;

        display: flex;
        align-items: center;

        padding: 0 3vw;

        box-sizing: border-box;
    }


    .logolink{
        width: 25vw;

        margin: 0;

        float: none;

        flex: 0 0 auto;
    }


    .barramenu{
        width: calc(100% - 28vw);

        height: auto;

        margin: 0 0 0 3vw;

        float: none;

        display: flex;
        align-items: center;

        overflow-x: auto;
        overflow-y: hidden;

        white-space: nowrap;

        scrollbar-width: none;
    }


    .barramenu::-webkit-scrollbar{
        display: none;
    }


    .barramenu a{
        font-family: narro;

        text-decoration: none;

        font-size: 3.2vw;

        color: white;

        margin-right: 5vw;

        flex: 0 0 auto;
    }


    .barramenu a:hover{
        font-family: narro;
        font-size: 3.2vw;
        color: rgb(132,129,129);
    }



    /* ==========================================
   PORTADA MÓVIL
   ========================================== */

.landig1{
    width: 100%;
    height: 125vw;

    padding-top: 18vw;

    position: relative;

    overflow: hidden;

    box-sizing: border-box;
}


/* IMAGEN DE FONDO */

.fondolanding{
    width: 100%;
    height: 107vw;

    overflow: hidden;
}

.fondolanding img{
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    display: block;
}


/* LOGO EXPO */

.logp{
    position: absolute;

    width: 70%;

    left: 15%;

    top: 25vw;

    height: auto;

    z-index: 2;
}


/* FECHAS */

.fechas{
    position: absolute;

    width: 62%;

    left: 19%;

    top: 68vw;

    height: auto;

    z-index: 3;
}


/* TEXTO INFERIOR */

.titulnd{
    position: absolute;

    width: 88%;

    left: 6%;

    top: 90vw;

    height: auto;

    z-index: 3;
}



    /* =====================================================
       NOSOTROS
       ===================================================== */

    .nosotros{
        width: 100%;
        height: auto;

        position: relative;

        background-color: white;

        padding-bottom: 8vw;
    }


    .izqnosotros{
        width: 100%;
        height: auto;

        float: none;
    }


    .derenosotros{
        width: 100%;
        height: auto;

        float: none;
    }


    .botonprograma{
        position: static;

        width: 48%;

        margin-left: auto;
        margin-right: auto;

        margin-top: 5vw;

        height: auto;
    }



    /* =====================================================
       SEGUNDO BLOQUE NOSOTROS / VIDEO
       ===================================================== */

    .nosotrosdos{
        width: 100%;
        height: auto;

        position: relative;

        background-color: white;

        top: 0;

        overflow: hidden;
    }


    .izqndos{
        width: 90%;

        height: auto;

        float: none;

        margin-left: auto;
        margin-right: auto;
    }


    .videobtn{
        width: 65%;

        height: auto;

        float: none;

        margin-left: auto;
        margin-right: auto;

        margin-top: 7vw;
        margin-bottom: 10vw;
    }



    /* =====================================================
       EVENTOS
       ===================================================== */

    .programa{
        width: 100%;

        height: auto;

        min-height: 220vw;

        background-image: url(img/fondoprograma.png);

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center;

        margin-top: 0;

        border: none;

        padding-top: 8vw;
        padding-bottom: 12vw;

        box-sizing: border-box;

        overflow: hidden;
    }



    /* TÍTULO EVENTOS */

    .titueven{
        width: 45%;

        height: auto;

        margin-left: auto;
        margin-right: 5vw;

        margin-top: 0;
    }



    /* LOGO */

    .logoprograma{
        width: 42%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 4vw;

        float: none;
    }



    /* TÍTULO PROGRAMA */

    .titugran{
        width: 88%;

        height: auto;

        float: none;

        margin-left: auto;
        margin-right: auto;

        margin-top: 4vw;
    }



    /* =====================================================
       BOTONES DÍA 1 / DÍA 2 / DÍA 3
       ===================================================== */

    .menudias{
        width: 90%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 5vw;

        display: flex;

        justify-content: center;
        align-items: center;

        gap: 3vw;
    }


    .botondias{
        width: 29%;

        height: auto;

        float: none;

        margin: 0;
    }



    /* =====================================================
       CARRUSEL DE EVENTOS
       ===================================================== */

    .contenedoreventos{
        width: 96%;

        margin-left: auto;
        margin-right: auto;

        margin-top: 4vw;

        position: relative;

        display: flex;
        justify-content: center;
        align-items: center;
    }


    .reldeeventos{
        width: 82%;

        height: auto;

        overflow-x: hidden;
        overflow-y: hidden;

        scroll-behavior: smooth;

        scrollbar-width: none;
    }


    .reldeeventos::-webkit-scrollbar{
        display: none;
    }


    .reelinterno{
        width: max-content;

        min-width: 100%;

        height: auto;

        display: flex;

        flex-wrap: nowrap;

        align-items: flex-start;

        gap: 5vw;
    }



    /* =====================================================
       CÁPSULA DE EVENTO
       ===================================================== */

    .capsulaevento{
        width: 72vw;

        min-width: 72vw;

        height: 150vw;

        flex: 0 0 72vw;

        background-image: url(img/baseevent.png);

        background-size: 100% 100%;

        background-repeat: no-repeat;

        margin-top: 5vw;
        margin-bottom: 7vw;

        text-align: center;

        box-sizing: border-box;
    }



    /* =====================================================
       TEXTO EVENTO
       ===================================================== */

    .fechaevent{
        background-color: rgb(118,100,52);

        color: white;

        font-family: antoni;

        font-size: 3.7vw;

        width: 76%;

        margin-left: auto;
        margin-right: auto;

        margin-top: 8vw;
        margin-bottom: 3vw;

        padding: 1vw 2vw;

        text-align: center;

        line-height: 1.2;

        box-sizing: border-box;
    }


    .titeven{
        width: 76%;

        height: auto;

        font-family: anton;

        font-size: 5vw;

        color: black;

        margin-left: auto;
        margin-right: auto;

        margin-top: 2vw;
        margin-bottom: 3vw;

        padding-left: 2vw;
        padding-right: 2vw;

        text-align: center;

        line-height: 1.12;

        box-sizing: border-box;
    }


    .divisor{
        width: 55%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 3vw;
        margin-bottom: 3vw;

        text-align: center;
    }


    .divisor img{
        width: 100%;
        height: auto;
        display: block;
    }


    .seccionevent{
        width: 80%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 3vw;
        margin-bottom: 4vw;

        padding-left: 2vw;
        padding-right: 2vw;

        font-family: antoni;

        font-size: 4vw;

        line-height: 1.25;

        text-align: center;

        box-sizing: border-box;
    }


    .botonconce{
        width: 58%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 8vw;

        text-align: center;
    }


    .botonconce img{
        width: 100%;
        height: auto;
        display: block;
    }



    /* =====================================================
       FLECHAS EVENTOS
       ===================================================== */

    .flechaevento{
        position: absolute;

        top: 48%;

        transform: translateY(-50%);

        width: 12vw;
        height: 12vw;

        min-width: 44px;
        min-height: 44px;

        border: none;

        border-radius: 50%;

        background-color: rgba(0,0,0,.72);

        color: white;

        font-size: 7vw;

        cursor: pointer;

        display: flex;

        justify-content: center;
        align-items: center;

        z-index: 50;

        padding: 0;
    }


    .flechaevento-anterior{
        left: 0;
    }


    .flechaevento-siguiente{
        right: 0;
    }


    .flechaevento:disabled{
        opacity: .20;
    }



    /* =====================================================
       MAPA
       ===================================================== */

    .mapa{
       display: none;
    }


    .titumapa{
        position: static;

        width: 75%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        z-index: auto;
    }


    .mapita{
        width: 96%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        padding-top: 8vw;
    }



    /* =====================================================
       BLOQUE DEL SELLO DESPUÉS DEL MAPA
       ===================================================== */

    .mapa + .nosotrosdos{
        display: none;
    }


    .mapa + .nosotrosdos .fondosello{
        width: 100%;

        height: auto;

        position: absolute;

        top: 0;
        left: 0;

        z-index: 1;
    }


    .mapa + .nosotrosdos .sellonosotros{
        width: 62%;

        height: auto;

        position: absolute;

        left: 19vw;
        top: 15vw;

        z-index: 3;
    }



    /* =====================================================
       GALERÍA
       ===================================================== */

    .galeria{
        position: relative;

        width: 100%;

        height: 95vw;

        overflow: hidden;

        display: flex;

        align-items: center;

        background: #050505;

        margin-top: 0;
    }


    .carrete{
        width: 100%;

        height: 100%;

        overflow: hidden;

        display: flex;

        align-items: center;
    }


    .carretegrande{
        display: flex;

        align-items: center;

        gap: 20px;

        transition: transform .6s ease;

        will-change: transform;
    }



    /*
       Las imágenes de galería ahora son cuadradas.
    */

    .slide{
        flex: 0 0 120px;

        width: 120px;
        height: 120px;

        opacity: .25;

        transform: scale(1);

        transition:
            transform .6s ease,
            opacity .6s ease;

        cursor: pointer;

        z-index: 1;

        overflow: hidden;
    }


    .galeria .slide img{
        width: 100%;
        height: 100%;

        object-fit: cover;

        display: block;
    }



    /* FOTO CENTRAL */

    .slide.activo{
        transform: scale(2.35);

        opacity: 1;

        z-index: 10;
    }



    /* FLECHAS GALERÍA */

    .galeria .flecha{
        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        z-index: 100;

        border: 0;

        background: rgba(0,0,0,.40);

        color: white;

        font-size: 9vw;

        cursor: pointer;

        padding: 2vw;

        border-radius: 2vw;
    }


    .galeria .anterior{
        left: 2vw;
    }


    .galeria .siguiente{
        right: 2vw;
    }



    /* =====================================================
       BARRA FOLLETO
       ===================================================== */

    .barrita{
        width: 100%;

        height: auto;

        min-height: 55vw;

        background-image: url(img/barra1.jpg);

        background-size: cover;

        background-position: center;

        padding-top: 8vw;
        padding-bottom: 8vw;

        box-sizing: border-box;
    }


    .textbarr{
        width: 78%;

        height: auto;

        padding-top: 0;

        margin-left: auto;
        margin-right: auto;
    }


    .botonbarra{
        width: 50%;

        height: auto;

        margin-top: 7vw;

        margin-left: auto;
        margin-right: auto;
    }



    /* =====================================================
       FOOTER / REDES
       ===================================================== */

    .barraredes{
        width: 100%;

        height: auto;

        min-height: 100vw;

        background-color: black;

        padding-top: 10vw;
        padding-bottom: 10vw;

        box-sizing: border-box;

        overflow: hidden;
    }


    .logoredes{
        width: 55%;

        height: auto;

        padding-top: 0;

        margin-left: auto;
        margin-right: auto;

        float: none;
    }


    .redesderecha{
        width: 86%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 10vw;

        float: none;
    }


    .iconos{
        width: 65%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        float: none;

        display: flex;

        justify-content: center;

        gap: 3vw;
    }


    .bb{
        width: 18%;

        height: auto;

        float: none;

        margin-right: 0;
    }


    .parrafo{
        width: 100%;

        height: auto;

        font-family: antoni;

        font-size: 3.8vw;

        line-height: 1.5;

        color: white;

        text-align: center;

        margin-top: 9vw;
    }


    .firma{
        width: 90%;

        height: auto;

        margin-left: auto;
        margin-right: auto;

        margin-top: 8vw;
    }

}



/* =========================================================
   TELÉFONOS PEQUEÑOS
   ========================================================= */

@media screen and (max-width: 480px){

    .barramenu a{
        font-size: 3.4vw;
        margin-right: 5vw;
    }

    .barramenu a:hover{
        font-size: 3.4vw;
    }


    .capsulaevento{
        width: 74vw;
        min-width: 74vw;
        flex-basis: 74vw;
        height: 156vw;
    }


    .fechaevent{
        font-size: 3.8vw;
    }


    .titeven{
        font-size: 5.2vw;
    }


    .seccionevent{
        font-size: 4vw;
    }


    .parrafo{
        font-size: 4vw;
    }

}


/*************************************************************************/
/* =========================================================
   PAGINAS INFORMATIVAS - VERSION MOVIL
   ========================================================= */

@media screen and (max-width: 768px){

    .cuerpocompletoinfo{
        width: 100%;
        height: auto;
        overflow-x: hidden;
    }

    .cuerpocompletoinfo .nosotros{
        width: 100%;
        height: auto;

        padding-top: 18vw;

        display: flex;
        flex-direction: column;

        background-color: white;

        overflow: hidden;
    }

    .izqnosotrosinfo{
        width: 100%;
        height: auto;

        float: none;

        margin: 0;
    }

    .izqnosotrosinfo img{
        width: 100%;
        height: auto;

        display: block;

        object-fit: cover;
    }

    .cuerpocompletoinfo .derenosotros{
        width: 100%;
        height: auto;

        float: none;

        padding: 8vw 7vw 12vw 7vw;

        box-sizing: border-box;
    }

    .infotitulo{
        width: 100%;

        font-family: anton;
        font-size: 8vw;

        line-height: 1.05;

        text-align: center;

        margin-bottom: 7vw;
    }

    .todotex{
        width: 100%;

        font-family: antoni;
        font-size: 4.2vw;

        line-height: 1.5;

        text-align: left;
    }

}