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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-reel{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -280px;
        top: -12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -280px;
        top: -12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -620px;
        top: -12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 620px;
        top: -12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        top: -120px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 175px;
        right: 0;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 1220px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 1220px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 490px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 0px;
        top: 80px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
    }

    .contenedor-info-img-nosotros{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-como-hacemos{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-servicios{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 12%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 600px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 25vw;
        padding-right: 25vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 25vw;
        padding-right: 25vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 300px;
        top: -12vh;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 300px;
        top: -12vh;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1080px;
        top: -12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1080px;
        top: -12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 310px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1620px;
        top: -12vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1620px;
        top: -12vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 650px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out;
        transition: left 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 600px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 600px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 310px;
        top: 230px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1000px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        right: 550px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 460px;
        top: 230px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 28%;
        height: 520px;
        background-color: transparent;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 32px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 480px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 120%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
    }

    .contenedor-datos-c{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: auto;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 16%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 1px;
        height: 120%;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(40deg);
        margin-top: -25px;
        margin-left: -50px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}














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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-reel{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -280px;
        top: -12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -280px;
        top: -12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 620px;
        top: -12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 620px;
        top: -12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 340px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 175px;
        right: 0;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 1110px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 1110px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 490px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 0px;
        top: 80px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
    }

    .contenedor-info-img-nosotros{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-como-hacemos{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-servicios{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 12%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 600px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 22vw;
        padding-right: 22vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 22vw;
        padding-right: 22vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 250px;
        top: -12vh;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 970px;
        top: -12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 970px;
        top: -12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1510px;
        top: -12vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1510px;
        top: -12vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 580px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out;
        transition: left 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 490px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 490px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 230px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 890px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 890px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 420px;
        top: 230px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 28%;
        height: 520px;
        background-color: transparent;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 32px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 480px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 120%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
    }

    .contenedor-datos-c{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: auto;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 16%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 1px;
        height: 120%;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(40deg);
        margin-top: -25px;
        margin-left: -50px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}

















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-reel{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -250px;
        top: -12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -250px;
        top: -12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 600px;
        top: -12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 600px;
        top: -12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 340px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 175px;
        right: 0;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 1060px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 1060px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 490px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 0px;
        top: 80px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
    }

    .contenedor-info-img-nosotros{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-como-hacemos{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-servicios{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 12%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 600px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 19vw;
        padding-right: 19vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 19vw;
        padding-right: 19vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 200px;
        top: -12vh;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 860px;
        top: -12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 860px;
        top: -12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1400px;
        top: -12vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1400px;
        top: -12vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out;
        transition: left 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 380px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 380px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 230px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 780px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 780px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top: 230px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 28%;
        height: 520px;
        background-color: transparent;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 32px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 480px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 1400px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 120%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
    }

    .contenedor-datos-c{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: auto;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 16%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 1px;
        height: 120%;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(40deg);
        margin-top: -25px;
        margin-left: -50px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}


















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-reel{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -250px;
        top: -12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -250px;
        top: -12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 590px;
        top: -12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 590px;
        top: -12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 265px;
        right: 0;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 1010px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 1010px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 580px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 90px;
        top: 80px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 90px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 90px;
        padding-right: 90px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 210px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 160px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 12%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 600px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 16vw;
        padding-right: 16vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 16vw;
        padding-right: 16vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 150px;
        top: -120px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 150px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 750px;
        top: -12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 750px;
        top: -12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 150px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1290px;
        top: -12vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1290px;
        top: -12vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 480px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out;
        transition: left 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 150px;
        top: 230px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 670px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 670px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 320px;
        top: 230px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 28%;
        height: 520px;
        background-color: transparent;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 32px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 480px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 120%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
    }

    .contenedor-datos-c{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: auto;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 16%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 1px;
        height: 120%;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(40deg);
        margin-top: -25px;
        margin-left: -50px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}




















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -180px;
        top: -12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -180px;
        top: -12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 590px;
        top: -12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 590px;
        top: -12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 400px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 400px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 265px;
        right: 0;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 950px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 950px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 580px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 90px;
        top: 80px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 90px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 90px;
        padding-right: 90px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 260px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 100px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 260px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 100px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 12%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 600px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 15vw;
        padding-right: 15vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 15vw;
        padding-right: 15vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 90px;
        top: -120px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 750px;
        top: -12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 750px;
        top: -12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1180px;
        top: -12vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1180px;
        top: -12vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 230px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 670px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 670px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 260px;
        top: 230px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 28%;
        height: 520px;
        background-color: transparent;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 32px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 400px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 120%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
    }

    .contenedor-datos-c{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: auto;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 16%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 1px;
        height: 120%;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(40deg);
        margin-top: -25px;
        margin-left: -50px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}



















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 90px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -180px;
        top: -12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -180px;
        top: -12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 610px;
        top: -12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 610px;
        top: -12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 265px;
        right: 0;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 960px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 960px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 580px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 90px;
        top: 80px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 90px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 90px;
        padding-right: 90px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 260px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 100px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 260px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 100px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 120px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 480px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 120px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 180px;
        padding-top: 180px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 460px;
        height: 460px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 13%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 180px;
        padding-bottom: 180px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 720px;
        float: right;
        position: absolute;
        right: 85px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 600px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 12vw;
        padding-right: 12vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 12vw;
        padding-right: 12vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 90px;
        top: -120px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -12vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 680px;
        top: -12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 680px;
        top: -12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1110px;
        top: -12vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1110px;
        top: -12vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top: 55px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 220px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 220px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 90px;
        top: 230px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 620px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 620px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 260px;
        top: 230px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 28%;
        height: 520px;
        background-color: transparent;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 32px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 34px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 120px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 42px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 34px;
        background-color: transparent;
        float: left;
        margin-top: 8px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 400px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 180px;
        padding-bottom: 180px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 360px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 140px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 120px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 120%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
    }

    .contenedor-datos-c{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 42%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: auto;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 16%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 1px;
        height: 120%;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(40deg);
        margin-top: -25px;
        margin-left: -50px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}


















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 70px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 70px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -140px;
        top: -10vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -140px;
        top: -10vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 640px;
        top: -10vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 640px;
        top: -10vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 410px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: 40px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 245px;
        right: 0;
        top: 40px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 880px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 880px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 560px;
        top: 40px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 70px;
        top: 60px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 70px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
        overflow: hidden;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 70px;
        padding-right: 70px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 100px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 100px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 260px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 100px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 260px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 100px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 100px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 100px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 35%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 100px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 100px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 80px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 14%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-seccv{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -25px;
    }

    .titulo-serv-2{
        top: 0;
        left: -50px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 500px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 12vw;
        padding-right: 12vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 12vw;
        padding-right: 12vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 800px;
        width: auto;
        left: 70px;
        top: -120px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: -10vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: -10vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 590px;
        top: -10vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 590px;
        top: -10vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: 40px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 1020px;
        top: -10vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 1020px;
        top: -10vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        top: 40px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 130px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 130px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 240px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 25%;
        height: 430px;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 70px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 205px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 100px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 205px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 100px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 400px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 90%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 100px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 100px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 140%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}






















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 70px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 70px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1.1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -100px;
        top: -10vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -100px;
        top: -10vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 600px;
        top: -10vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 600px;
        top: -10vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 410px;
        top: -120px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 45vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 45vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: 40px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 45vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 45vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 245px;
        right: 0;
        top: 40px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 900px;
        top: 45vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 900px;
        top: 45vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 560px;
        top: 40px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 70px;
        top: 60px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 70px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
        overflow: hidden;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 70px;
        padding-right: 70px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 100px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 100px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 60px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 60px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 100px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 400px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 100px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 80px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 100px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 100px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 400px;
        height: 400px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 14%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: .3s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .9s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: 1.2s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.5s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.8s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -30px;
    }

    .titulo-serv-2{
        top: 0;
        left: -55px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -30px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 500px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 7vw;
        padding-right: 7vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 7vw;
        padding-right: 7vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 210px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 780px;
        width: auto;
        left: 70px;
        top: -120px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: -10vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: -10vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: -120px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 520px;
        top: -10vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 520px;
        top: -10vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: 40px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 910px;
        top: -10vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 910px;
        top: -10vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        top: 40px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 60px;
        top: 45vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 60px;
        top: 45vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 70px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 460px;
        top: 45vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 460px;
        top: 45vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 240px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 25%;
        height: 430px;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 70px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 205px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 100px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 205px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 100px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 72%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 330px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 100px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 300px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 120px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 100px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 140%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}


















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 50px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 50px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 850px;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 850px;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: -20px;
        top: -8vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: -20px;
        top: -8vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -80px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 550px;
        top: -8vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 550px;
        top: -8vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 320px;
        top: -80px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 47vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 47vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 70px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 47vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 350px;
        right: 0;
        top: 47vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 225px;
        right: 0;
        top: 70px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 810px;
        top: 47vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 810px;
        top: 47vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 540px;
        top: 70px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 50px;
        top: 50px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 50px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
        overflow: hidden;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 50px;
        padding-right: 50px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 80px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 80px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 40px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 40px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 80px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 80px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 80px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 80px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 14%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -30px;
    }

    .titulo-serv-2{
        top: 0;
        left: -55px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -30px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 500px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 4vw;
        padding-right: 4vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 4vw;
        padding-right: 4vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 850px;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 720px;
        width: auto;
        left: 50px;
        top: -80px;
    }


    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -8vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -8vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -80px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 500px;
        top: -8vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 500px;
        top: -8vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 60px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 840px;
        top: -8vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 840px;
        top: -8vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        top: 60px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 47vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 47vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 440px;
        top: 47vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 440px;
        top: 47vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 220px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 23%;
        height: 430px;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 165px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 80px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 165px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 80px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 74%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 330px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 80px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 80px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 140%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}
















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 50px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 50px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 550px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 40px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -8vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -8vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -80px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: -8vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: -8vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 320px;
        top: -80px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 47vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 47vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 70px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 380px;
        right: 0;
        top: 47vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 380px;
        right: 0;
        top: 47vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 225px;
        right: 0;
        top: 70px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 780px;
        top: 47vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 780px;
        top: 47vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 540px;
        top: 70px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 50px;
        top: 50px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 50px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
        overflow: hidden;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 50px;
        padding-right: 50px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 80px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 80px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 40px;
        padding-right: 40px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 280px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 40px;
        padding-right: 40px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 80px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 320px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 80px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 80px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 80px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 320px;
        height: 320px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 14%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -30px;
    }

    .titulo-serv-2{
        top: 0;
        left: -45px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -35px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -40px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 580px;
        float: right;
        position: absolute;
        right: 65px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 500px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 780px;
        background-color: transparent;
        float: left;
        margin-left: 50px;
        margin-right: 50px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 780px;
        background-color: transparent;
        float: left;
        margin-left: 50px;
        margin-right: 50px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 185px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 700px;
        width: auto;
        left: 50px;
        top: -80px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -8vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -8vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: -80px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 450px;
        top: -8vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 450px;
        top: -8vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 60px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 740px;
        top: -8vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 740px;
        top: -8vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        top: 60px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 47vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 47vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 440px;
        top: 47vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 440px;
        top: 47vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 220px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 23%;
        height: 430px;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 165px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 80px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 165px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 80px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 74%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 330px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 80px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 80px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 100px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 80px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 140%;
        width: 80px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}




















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 30px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 30px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 520px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 30px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 30px;
        padding-right: 30px;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -6vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -6vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -40px;
        transition: left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 480px;
        top: -6vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 480px;
        top: -6vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        top: -40px;
        transition: left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 60px;
        top: 49vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 60px;
        top: 49vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 360px;
        right: 0;
        top: 49vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 360px;
        right: 0;
        top: 49vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 155px;
        right: 0;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 710px;
        top: 49vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 710px;
        top: 49vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 30px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 320px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :60%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: start;
        position: relative;
        overflow: hidden;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-imagen-n img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: 100%;
        width: auto;
        position: absolute;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 40px;
        padding-right: 20px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 300px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 40px;
        padding-right: 20px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: 100vh;
        background-color: #63664A;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-titulo-clh{
        width: 44%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 56%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 100%;
        width: auto;
        position: absolute;
        right: -0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 60px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: 100vh;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 140px;
        padding-top: 140px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 27%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 73%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: 300px;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 40px;
        padding-left: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 14%;
        height: 100%;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -30px;
    }

    .titulo-serv-2{
        top: 0;
        left: -45px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -30px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -40px;
        width: 150px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 140px;
        padding-bottom: 140px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 380px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 720px;
        background-color: transparent;
        float: left;
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 720px;
        background-color: transparent;
        float: left;
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 660px;
        width: auto;
        left: 30px;
        top: -40px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -40px;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -40px;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -40px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: -6vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: -6vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 80px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 650px;
        top: -6vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 650px;
        top: -6vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 80px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 49vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 49vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 420px;
        top: 49vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 420px;
        top: 49vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 140px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: 100vh;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        scroll-snap-align: start;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 25%;
        height: 430px;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 30px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 74%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: 330px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 140px;
        padding-bottom: 140px;
        position: relative;
        scroll-snap-align: start;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 140%;
        width: 60px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding: 90px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: start;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        letter-spacing: .5px;
    }
}





















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 30px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 30px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 520px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 30px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 30px;
        padding-right: 30px;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 0vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 0vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -40px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 390px;
        top: -0vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 390px;
        top: -0vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        top: -40px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 60px;
        top: 47vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 60px;
        top: 47vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        right: 0;
        top: 47vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 270px;
        right: 0;
        top: 47vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 155px;
        right: 0;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 610px;
        top: 47vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 610px;
        top: 47vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 30px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 220px;
        top: -80px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: unset;
        position: relative;
        overflow: visible;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 100px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 100px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        margin-top: 60px;
    }

    .contenedor-imagen-n img{
        height: auto;
        width: 450px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: auto;
        width: 500px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: auto;
        width: 500px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 240px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 20px;
        padding-right: 20px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 240px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 20px;
        padding-right: 20px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: auto;
        background-color: #63664A;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 100px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 100px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 170px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 500px;
        width: auto;
        position: relative;
        right:  170px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 170px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: auto;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
        margin-top: 60px;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        left: -100px;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        left: -100px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        left: -100px;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: auto;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 30%;
        height: 300px;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-4,
    .icon-serv-5,
    .icon-serv-6{
        margin-top: 60px;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-2{
        top: 0;
        left: 0px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: 0px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: 0px;
        width: auto;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 380px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 620px;
        background-color: transparent;
        float: left;
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 620px;
        background-color: transparent;
        float: left;
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 160px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 600px;
        width: auto;
        left: 30px;
        top: -40px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -0vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -0vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: -40px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 380px;
        top: 0vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 380px;
        top: 0vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 80px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 47vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 47vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 230px;
        top: 80px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 47vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 47vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 420px;
        top: 47vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 420px;
        top: 47vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 140px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: auto;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        scroll-snap-align: unset;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 50%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        margin-top: 10px;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        margin-top: 10px;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0px;
        margin-top: 40px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        position: relative;
        scroll-snap-align: unset;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 140%;
        width: 60px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding-top: 90px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 80px;
        padding-right: 80px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        line-height: 22px;
        text-align: center;
        letter-spacing: .5px;
    }
}





















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 0;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 500px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 20px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 2vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 2vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: -20px;
        transition: top ease  1.2s, left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 320px;
        top: 2vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 320px;
        top: 2vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 210px;
        top: -20px;
        transition: top ease  1.2s, left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 45vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 45vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 260px;
        right: 0;
        top: 45vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 260px;
        right: 0;
        top: 45vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        right: 0;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: 45vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 530px;
        top: 45vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 310px;
        top: 90px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 20px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 220px;
        top: -40px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: unset;
        position: relative;
        overflow: visible;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 100px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 100px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        margin-top: 60px;
    }

    .contenedor-imagen-n img{
        height: auto;
        width: 450px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: auto;
        width: 450px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: auto;
        width: 450px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 240px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 240px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: auto;
        background-color: #63664A;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 100px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 100px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 250px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 500px;
        width: auto;
        position: relative;
        right:  250px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 250px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: auto;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
        margin-top: 60px;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        left: -300px;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        left: -300px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        left: -300px;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: auto;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 30%;
        height: 300px;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-4,
    .icon-serv-5,
    .icon-serv-6{
        margin-top: 60px;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -20px;
    }

    .titulo-serv-2{
        top: 0;
        left: -30px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -20px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -20px;
        width: 200px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 380px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 540px;
        background-color: transparent;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 540px;
        background-color: transparent;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 520px;
        width: auto;
        left: 20px;
        top: -20px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 2vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 2vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: -20px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top:2vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 370px;
        top: 2vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 90px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 45vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 45vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 190px;
        top: 90px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 190px;
        top: 45vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 190px;
        top: 45vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 200px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        top: 45vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 330px;
        top: 45vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 100px;
        top: 200px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: auto;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        scroll-snap-align: unset;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 50%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        margin-top: 10px;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        margin-top: 10px;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0px;
        margin-top: 40px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        position: relative;
        scroll-snap-align: unset;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 160%;
        width: 40px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 8px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding-top: 90px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
    }

    .contenedor-redess-derechos{
        width: 500px;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 80px;
        padding-right: 80px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 16px;
        color: #767060;
        text-align: center;
        line-height: 22px;
        letter-spacing: .5px;
    }
}





















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 100;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 100;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 500px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 20px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 6vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 6vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 20px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 6vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 6vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 210px;
        top: 20px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 43vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 50px;
        top: 43vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 130px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 190px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 190px;
        right: 0;
        top: 43vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        right: 0;
        top: 130px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: 43vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 430px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 305px;
        top: 130px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 20px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 220px;
        top: -40px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 40%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: unset;
        position: relative;
        overflow: visible;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 100px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 100px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        margin-top: 60px;
    }

    .contenedor-imagen-n img{
        height: auto;
        width: 350px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: auto;
        width: 350px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: auto;
        width: 350px;
        position: relative;
        right: 40px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 280px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 280px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: auto;
        background-color: #63664A;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 100px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 100px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 350px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 500px;
        width: auto;
        position: relative;
        right:  350px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 350px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: auto;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
        margin-top: 60px;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        left: -300px;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
        left: -300px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        left: -300px;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: auto;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 30%;
        height: 300px;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-4,
    .icon-serv-5,
    .icon-serv-6{
        margin-top: 60px;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -10px;
    }

    .titulo-serv-2{
        top: 0;
        left: -30px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -15px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -40px;
        width: 200px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 380px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 440px;
        background-color: transparent;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 440px;
        background-color: transparent;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 135px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 520px;
        width: auto;
        left: 15px;
        top: 20px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 15px;
        top: 6vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 15px;
        top: 6vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 15px;
        top: 20px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 300px;
        top: 6vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 300px;
        top: 6vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 130px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 43vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 43vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 190px;
        top: 130px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 140px;
        top: 43vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 140px;
        top: 43vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 240px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 280px;
        top: 43vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 280px;
        top: 43vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 110px;
        top: 240px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: auto;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        scroll-snap-align: unset;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 14px;
        opacity: 1;
    }

    .p-uno{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 80%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        margin-top: 10px;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        margin-top: 10px;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0px;
        margin-top: 40px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 60px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 60px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        position: relative;
        scroll-snap-align: unset;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 160%;
        width: 20px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 6px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding-top: 90px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
    }

    .contenedor-redess-derechos{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left: 60px;
        padding-right: 60px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #767060;
        line-height: 22px;
        text-align: center;
        letter-spacing: .5px;
    }
}



















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 1000;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 1000;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 500px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 20px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 10;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 110px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 110px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 12vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 12vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 180px;
        top: 12vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 180px;
        top: 12vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 180px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 41vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 41vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 150px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        right: 0;
        top: 41vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        right: 0;
        top: 41vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 100px;
        right: 0;
        top: 150px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 340px;
        top: 41vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 340px;
        top: 41vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 150px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 20px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 180px;
        top: -40px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 10%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: unset;
        position: relative;
        overflow: visible;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 80px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 80px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        margin-top: 60px;
    }

    .contenedor-imagen-n img{
        height: auto;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: auto;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: auto;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 360px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 360px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: auto;
        background-color: #63664A;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 5px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 80px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 80px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right:450px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 500px;
        width: auto;
        position: relative;
        right: 450px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 450px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: auto;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 120px;
        padding-top: 120px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
        margin-top: 60px;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0px;
        top: 0;
        left: -400px;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0px;
        top: 0;
        left: -400px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        left: -400px;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: auto;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 48%;
        height: 300px;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-4,
    .icon-serv-5,
    .icon-serv-6{
        margin-top: 60px;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: -10px;
    }

    .titulo-serv-2{
        top: 0;
        left: -30px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: -15px;
    }

    .iconos-servicios .titulo-serv-6{
        top: -10px;
        left: -40px;
        width: 200px;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 380px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 340px;
        background-color: transparent;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 340px;
        background-color: transparent;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 110px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 110px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 440px;
        width: auto;
        left: 15px;
        top: 60px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 15px;
        top: 12vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 15px;
        top: 12vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 15px;
        top: 60px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 12vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 12vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 150px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 41vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 41vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 160px;
        top: 150px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        top: 41vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        top: 41vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 240px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 41vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 41vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 100px;
        top: 240px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: auto;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        scroll-snap-align: unset;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 10px;
        opacity: 1;
    }

    .p-uno{
        width: 200%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 150%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 150%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        margin-top: 10px;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        margin-top: 10px;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0px;
        margin-top: 40px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 120px;
        position: relative;
        scroll-snap-align: unset;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 160%;
        width: 20px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 4px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding-top: 90px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        scroll-snap-align: unset;
    }

    .contenedor-redess-derechos{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left:40px;
        padding-right: 40px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        width: 100%;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #767060;
        line-height: 22px;
        text-align: center;
        letter-spacing: .5px;
    }
}





















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

    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        font-family: sans-serif;
        background-color: rgb(255, 255, 255);
    }

    @font-face {
        font-family: 'Gotham Book';
        src: url('../assets/fonts/GothamBook.ttf');
        font-weight: 400;
    }

    @font-face {
        font-family: 'Gotham Black';
        src: url('../assets/fonts/Gotham-Black.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Gotham Ultra';
        src: url('../assets/fonts/Gotham-Ultra.otf');
    }

    @font-face {
        font-family: 'Makibau';
        src: url('../assets/fonts/Makibau.ttf');
        font-weight: 400;
    }


    body{
        background-color: transparent;
        font-family: sans-serif;
        position: relative;
        float: none;
        height: auto;
        overflow-x: hidden;
        
    }

    .seccion-general{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: transparent;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-x: hidden;
    }

    .seccion-general::-webkit-scrollbar {
        display: none;
    }

    header{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    header .contenedor-logo-btn-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-top: 0px;
    }

    header .contenedor-logo-btn-menu .contenedor-idioma-web{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-idioma-web img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: visible;
        display: block;
    }

    .contenedor-idioma-web a{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: relative;
    }

    .contenedor-idioma-web img.oculta-btn-idioma{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
        visibility: hidden;
        display: none;
    }

    .contenedor-idioma-web a.oculta-btn-idioma{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 6px;
        padding-top: 10px;
        margin-left: 16px;
        margin-top: -7px;
        cursor: pointer;
        visibility: hidden;
        display: none;
        position: relative;
    }


    .contenedor-idioma-web:hover{
        color: #ffffff;
    }


    .contenedor-idioma-web .logo-lmv{
        position: absolute;
        top: 10px;
        left: 10px;
        width: 80px;
        background-color: transparent;
        display: none;
        visibility: hidden;
    }

    .contenedor-idioma-web .logo-lmv.muestra-logo{
        position: absolute;
        top: 10px;
        left: 10px;
        width: 80px;
        background-color: transparent;
        display: block;
        visibility: visible;
    }

    header .contenedor-logo-btn-menu .btnMenu{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header .contenedor-logo-btn-menu .btnMenu:hover{
        color: #ffffff;
    }

    header nav{
        position: fixed;
        right: -300px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 0;
        z-index: 1000;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav.muesntra-nav-menu{
        position: fixed;
        right: 0px;
        top: 0px;
        background-color: rgba(44, 44, 44, 1);
        width: 300px;
        height: 100vh;
        opacity: 1;
        z-index: 1000;
        transition: right ease .2s, opacity ease .3s;
        -webkit-transition: right ease .2s, opacity ease .3s;
        -moz-transition: right ease .2s, opacity ease .3s;
        -o-transition: right ease .2s, opacity ease .3s;
    }

    header nav ul{
        width: 300px;
        height: 500px;
        background-color: transparent;
        border-top: solid 1px #878172;
        border-bottom: solid 1px #878172;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding: 10px;
    }

    header nav ul .li-img-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    header nav ul .li-img-menu .btnMenuInicio{
        width: auto;
        background-color: transparent;
        float: left;
        height: auto;
        cursor: pointer;
    }

    header nav ul .li-img-menu .btnMenuInicio img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    header nav ul .li-list-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        list-style: none;
        display: inline-flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    header nav ul .li-list-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-align: center; 
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 8px;
        padding-top: 0px;
        cursor: pointer;
    }

    header nav ul .li-list-menu a:hover{
        color: white;
    }

    header nav ul .li-img-cross-menu{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        margin-top: 20px;
    }

    header nav ul .li-img-cross-menu a{
        width: auto;
        height: auto;
        background-color: transparent;
        float: left;
        text-decoration: none;
    }

    header nav ul .li-img-cross-menu a img{
        width: 20px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .seccion-inicio{
        width: 100%;
        height: 100vh;
        float: left;
        background-color: #767060;
        position: relative;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .seccion-inicio video{
        float: left;
        position: relative;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
        border: none;
    }

    .contenedor-btn-inicio button img{
        width: 30px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-btn-inicio button span{
        width: auto;
        height: auto;
        float: left;
        color: #DDD099;
        font-family: 'Gotham Black';
        background-color: transparent;
        font-size: 16px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .contenedor-btn-inicio button:hover{
        width: 200px;
        height: 50px;
        border: solid 1px #DDD099;
        background-color: transparent;
        float: left;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        transition: width ease .2s, border-radius ease .2s, justify-content ease .2s;
    }

    .contenedor-btn-quienes-somos{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 40px;
        left: 0;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-btn-quienes-somos a{
        width: 20px;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        animation-name: anima-flechab;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .contenedor-btn-quienes-somos a img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
    }

    .contenedor-btn-quienes-somos a:hover img{
        opacity: 1;
        transition: opacity ease .2s;
    }

    @keyframes anima-flechab {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0px)}
        100% {transform: translateY(-5px)}
    }












    .seccion-reel{
        width: 100%;
        height: 100vh;
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #88A0A4;
        margin-top: 0px;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-video-reel{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-video-reel video{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        z-index: 1;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel video.muestra-reel-enfrente{
        z-index: 100;
        transform: scale(1);
        transition: z-index ease .2s, transform ease .2s;
    }

    .contenedor-video-reel button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 10;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-video-reel button.oculta-btn-rep-reel{
        display: none;
        visibility: hidden;
    }

    .contenedor-video-reel button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-reel{
        font-family: 'Gotham Ultra';
        font-size: 85px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 10;
        transform: translate3d(0, 100px, 0px);
        -webkit-transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-reel.muestra-titulo-secc{
        font-family: 'Gotham Ultra';
        font-size: 85px;
        color: #E5E4C5;
        background-color: transparent;
        float: left;
        z-index: 10;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        -webkit-transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .de-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 4vh;
    }

    .de-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 4vh;
        transition-delay: .3s;
    }

    .de-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .mo-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 4vh;
    }

    .mo-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 170px;
        top: 4vh;
        transition-delay: .3s;
    }

    .mo-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 170px;
        top: 60px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .r-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 40px;
        top: 41vh;
    }

    .r-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 41vh;
        transition-delay: .6s;
    }

    .r-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 150px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .ee-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 110px;
        right: 0;
        top: 41vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
    }

    .ee-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 110px;
        right: 0;
        top: 41vh;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        transition-delay: .9s;
    }

    .ee-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 100px;
        right: 0;
        top: 150px;
        transition: top ease 1.2s, left ease 1.2s;
    }

    .l-reel{
        width: auto;
        height: auto;
        position: absolute;
        left: 280px;
        top: 41vh;
    }

    .l-reel.muestra-titulo-secc{
        width: auto;
        height: auto;
        position: absolute;
        left: 280px;
        top: 41vh;
        transition-delay: 1.2s;
    }

    .l-reel.anima-txt-reel-play{
        width: auto;
        height: auto;
        position: absolute;
        left: 250px;
        top: 150px;
        transition: top ease 1.2s, left ease 1.2s;
    }








    .linea-vert{
        width: 2px;
        height: 0%;
        float: right;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10;
        transition: height ease .2s;
    }

    .linea-hori{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 10px;
        bottom: 0px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-arri{
        width: 0%;
        height: 2px;
        float: right;
        position: absolute;
        right: 180px;
        top: -40px;
        z-index: 10;
        transition: width ease .2s;
    }

    .linea-secc-3{
        background-color: #9976d2;
    }

    .linea-vert-3.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-3.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-4{
        background-color: #E5E4C8;
    }

    .linea-vert-4.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-4.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-5{
        background-color: #CD9499;
    }

    .linea-vert-5.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-5.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-secc-7{
        background-color: #D8CE9D;
    }

    .linea-arri-7.muestra-linea-secc{
        width: 10%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }

    .linea-vert-7.muestra-linea-secc{
        height: 100%;
        transition: height ease 1s;
        transition-delay: 1.2s;
    }

    .linea-hori-7.muestra-linea-secc{
        width :80%;
        transition: width ease 1s;
        transition-delay: 1.2s;
    }








    .seccion-nosotros{
        width: 100%;
        height: auto;
        padding-top: 100px;
        padding-bottom: 100px;
        float: left;
        display: inline-flex;
        justify-content: center;
        background-color: #BC9F95;
        scroll-snap-align: unset;
        position: relative;
        overflow: visible;
    }

    .contenedor-info-img-nosotros{
        width: 100%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-n h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n h1.muestra-titulo-secc-3{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #9976D2;
        letter-spacing: 10px;
        position: relative;
        left: 0;
        right: 0px;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-n .img-pregunta-n{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 40px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-titulo-n img.muestra-titulo-secc-3{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        left: 40px;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-n{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        margin-top: 60px;
    }

    .contenedor-imagen-n img{
        height: auto;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.muestra-imagen-secc-3{
        height: auto;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-n img.oculta-img-secc{
        height: auto;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: opacity ease 1.2s;
    }


    .contenedor-info-n{
        height: 360px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n.oculta-img-secc{
        height: 360px;
        width: 100%;
        float: left;
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-info-n .pqs-1{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n .pqs-2{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 14px;
        color: #ffffff;
        line-height: 20px;
        letter-spacing: .3px;
        display: block;
    }

    .contenedor-info-n p strong{
        width: auto;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham book';
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 600;
    }











    .seccion-como-hacemos{
        width: 100%;
        height: auto;
        background-color: #63664A;
        float: left;
        padding-bottom: 100px;
        padding-top: 100px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-como-hacemos{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
    }

    .contenedor-titulo-clh h1{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 0px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
        opacity: 0;
        z-index: 10;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh h1.muestra-titulo-secc-4{
        width: auto;
        height: 240px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #D1C3A8;
        letter-spacing: 0px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 0;
        line-height: 60px;
        opacity: 1;
        z-index: 10;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-clh .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 40px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-clh .img-pregunta-clh.muestra-titulo-secc-4{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        left: 40px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .contenedor-img-clh{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 0;
    }

    .contenedor-img-clh img{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right:450px;
        top: 0;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-img-clh img.muestra-imagen-secc-4{
        height: 500px;
        width: auto;
        position: relative;
        right: 450px;
        top: 0;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-img-clh img.oculta-img-secc{
        width: auto;
        height: 500px;
        background-color: transparent;
        float: left;
        position: relative;
        right: 450px;
        top: 0;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 40px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .contenedor-iconos-clh .iconos-clh{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }


    .contenedor-iconos-clh .iconos-clh.oculta-img-secc{
        width: 45%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-clh .icono-clh-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .contenedor-iconos-clh .icono-clh-2.oculta-img-secc{
        transition-delay: .3s;
    }

    .contenedor-iconos-clh .icono-clh-3.oculta-img-secc{
        transition-delay: .6s;
    }

    .contenedor-iconos-clh .icono-clh-4.oculta-img-secc{
        transition-delay: .9s;
    }

    .iconos-arriba-clh{
        margin-bottom: 80px;
    }

    .contenedor-iconos-clh .iconos-clh img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 20px;
    }

    .contenedor-iconos-clh .iconos-clh h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }









    .seccion-servicios{
        width: 100%;
        height: auto;
        background-color: #5A5E62;
        float: left;
        padding-bottom: 100px;
        padding-top: 100px;
        position: relative;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-info-servicios{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .contenedor-titulo-serv{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-serv h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv h1.muestra-titulo-secc-5{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #CD9499;
        letter-spacing: 2px;
        position: relative;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-serv .img-pregunta-clh{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }


    .contenedor-titulo-serv .img-pregunta-clh.muestra-titulo-secc-5{
        width: 240px;
        height: 240px;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0;
        left: 0px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .3s;
    }

    .contenedor-imagen-iconos-servicios{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        padding-left: 0px;
        position: relative;
        margin-top: 60px;
    }

    .contenedor-imagen-iconos-servicios img{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0px;
        top: 0;
        left: -800px;
        opacity: 0;
        transform: translateY(100px);
    }

    .contenedor-imagen-iconos-servicios img.muestra-imagen-secc-5{
        height: 100%;
        width: auto;
        position: absolute;
        right: 0px;
        top: 0;
        left: -800px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .9s;
    }

    .contenedor-imagen-iconos-servicios img.oculta-img-secc{
        width: auto;
        height: 100%;
        background-color: transparent;
        float: left;
        position: absolute;
        right: 0px;
        top: 0;
        left: -800px;
        opacity: .2;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-iconos-servicios{
        width: 100%;
        height: auto;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: transparent;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .contenedor-iconos-servicios .iconos-servicios{
        width: 100%;
        height: 220px;
        float: left;
        display: inline-flex;
        background-color: transparent;
        position: relative;
        display: inline-flex;
        justify-content: center;
        opacity: 0;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-2,
    .icon-serv-3,
    .icon-serv-4,
    .icon-serv-5,
    .icon-serv-6{
        margin-top: 40px;
    }

    .icon-serv-ab{
        transform: translateY(100px);
    }

    .icon-serv-ar{
        transform: translateY(-100px);
    }

    .iconos-servicios.oculta-img-secc{
        transform: translateY(0px);
        opacity: 1;
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .icon-serv-1.oculta-img-secc{
        transition-delay: 0s;
    }

    .icon-serv-2.oculta-img-secc{
        transition-delay: .3s;  
    }

    .icon-serv-3.oculta-img-secc{
        transition-delay: .6s;  
    }

    .icon-serv-4.oculta-img-secc{
        transition-delay: .9s; 
    }

    .icon-serv-5.oculta-img-secc{
        transition-delay: 1.2s;  
    }

    .icon-serv-6.oculta-img-secc{
        transition-delay: 1.5s;
    }

    .iconos-servicios img{
        width: 100px;
        height: auto;
        background-color: transparent;
        float: left;
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .iconos-servicios .img-arriba{
        top: -80px;
    }

    .linea-serv{
        width: 1px;
        height: 40px;
        background-color: #CD9499;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .linea-serv-ab{
        bottom: 40px;
    }

    .linea-serv-ar{
        top: 40px;
    }

    .iconos-servicios h2{
        width: 100%;
        height: auto;
        position: absolute;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Black';
        font-size: 16px;
        color: #CD9499;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
    }

    .titulo-serv-1{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-2{
        top: 0;
        left: 0px;
    }

    .titulo-serv-3,
    .titulo-serv-5{
        bottom: 0;
        left: 0px;
    }

    .titulo-serv-4{
        top: 0;
        left: 5px;
    }

    .iconos-servicios .titulo-serv-6{
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: transparent;
    }











    .seccion-proyectos{
        width: 100%;
        height: 100vh;
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #FDF8F6;
        margin-top: 0;
        float: left;
        display: inline-flex;
        justify-content: center;
        scroll-snap-align: unset;
        overflow: hidden;
    }

    .contenedor-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
    }

    .contenedor-videos-proyectos{
        width: 100%;
        height: auto;
        background-color: transparent;
        position: relative;
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .contenedor-miniaturas-proyectos{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 0;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos.muestra-miniaturas{
        width: 100px;
        height: 450px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        opacity: 1;
        z-index: 1000;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: transparent;
        transform: translateY(0);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-miniaturas-proyectos button{
        width: 50px;
        height: 50px;
        float: left;
        background-color: transparent;
        outline: none;
        border: none;
        appearance: none;
        padding: 10px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        cursor: pointer;
    }

    .contenedor-miniaturas-proyectos .flecha-arriba{
        top: 0;
    }

    .contenedor-miniaturas-proyectos .flecha-abajo{
        bottom: 0;
    }

    .contenedor-miniaturas-proyectos button img{
        width: 30px;
        height: 30px;
        float: left;
        background-color: transparent;
    }

    .min-proyectos{
        float: left;
        height: 380px;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .min-proyectos a{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        margin-top: 10px;
        margin-bottom: 10px;
        text-decoration: none;
        cursor: pointer;
    }

    .min-proyectos img{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .carrusel-videos-proyectos{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 0;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .carrusel-videos-proyectos.anima-carrusel{
        width: auto;
        height: 480px;
        float: left;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 0vw;
        padding-right: 0vw;
        z-index: 10;
        background-color: transparent;
        transform: scale(1);
        transition: z-index ease .2s, transform ease 1.2s;
    }

    .contenedor-proyect-v{
        height: 480px;
        width: 300px;
        background-color: transparent;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
        opacity: .2;
        transition: opacity ease .2s;
    }

    .contenedor-proyect-v.reduce-opacidad-v{
        height: 480px;
        width: 300px;
        background-color: transparent;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
        opacity: 1;
        transition: opacity ease .2s;
    }


    .proyectos-v{
        height: 480px;
        width: 100%;
        background-color: transparent;
        float: left;
        margin-right: 0px;
    }

    .contenedor-proyect-v button{
        height: 50px;
        width: 50px;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;
        background-color: transparent;
        display: block;
        visibility: visible;
        border: none;
        outline: none;
        appearance: none;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .contenedor-proyect-v button.oculta-btn-rep-proy{
        display: none;
        visibility: hidden;
    }

    .contenedor-proyect-v button img{
        height: 50px;
        width: 50px;
        float: left;
        background-color: transparent;
        cursor: pointer;
    }

    .titulo-proy{
        font-family: 'Gotham Ultra';
        font-size: 85px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 0;
        z-index: 1;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.muestra-titulo-secc-proyectos{
        font-family: 'Gotham Ultra';
        font-size: 85px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .titulo-proy.oculta-titulo-principal{
        font-family: 'Gotham Ultra';
        font-size: 235px;
        color: #CB9833;
        background-color: transparent;
        float: left;
        opacity: 1;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos{
        display: none;
        visibility: hidden;
    }

    .img-titulos-proyectos.muestra-titulos-proyectos{
        display: block;
        visibility: visible;
        background-color: transparent;
        float: left;
        position: absolute;
        z-index: 0;
        height: 340px;
        width: auto;
        left: 10px;
        top: 60px;
    }

    .pro-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 4vh;
    }

    .pro-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 4vh;
        transition-delay: 0s;
    }

    .pro-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 60px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .ye-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 4vh;
    }

    .ye-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 4vh;
        transition-delay: .3s;
    }

    .ye-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 150px;
        -webkit-transition: left 1.2s ease-in-out, top ease 1.2s;
        -moz-transition: left 1.2s ease-in-out, top ease 1.2s;
        -o-transition: left 1.2s ease-in-out, top ease 1.2s;
        transition: left 1.2s ease-in-out, top ease 1.2s;
    }

    .c-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 41vh;
    }

    .c-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 41vh;
        transition-delay: .6s;
    }

    .c-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 160px;
        top: 150px;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .t-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        top: 41vh;
        background-color: transparent;
    }

    .t-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 120px;
        top: 41vh;
        background-color: transparent;
        transition-delay: .9s;
    }


    .t-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 240px;
        background-color: transparent;
        transition-delay: .9s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }

    .os-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 41vh;
    }

    .os-proy.muestra-titulo-secc-proyectos{
        width: auto;
        height: auto;
        position: absolute;
        left: 200px;
        top: 41vh;
        transition-delay: 1.2s;
    }

    .os-proy.anima-txt-proy{
        width: auto;
        height: auto;
        position: absolute;
        left: 100px;
        top: 240px;
        transition-delay: 1.2s;
        -webkit-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -moz-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        -o-transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
        transition: left 1.2s ease-in-out, top 1.2s ease-in-out;
    }








    .seccion-marcas{
        width: 100%;
        height: auto;
        background-color: #9976D2;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 100px;
        scroll-snap-align: unset;
    }

    .contenedor-info-marcas{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
        
    .contenedor-titulo-marcas{
        width: 60%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 0;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas.muestra-titulo-secc-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .p-marcas p{
        width: auto;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 22px;
        color: #D8CE9D;
        text-decoration: none;
        letter-spacing: 10px;
        opacity: 1;
    }

    .p-uno{
        width: 200%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-dos{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
    }

    .p-dos.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        float: left;
        background-color: transparent;
        margin-top: 8px;
        transition-delay: .3s;
    }

    .p-tres{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
    }

    .p-tres.muestra-titulo-secc-marcas{
        width: 100%;
        height: 24px;
        background-color: transparent;
        float: left;
        transition-delay: .9s;
    }

    .p-cuatro{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 0px;
    }

    .p-cuatro.muestra-titulo-secc-marcas{
        width: 100%;
        height: 95px;
        float: left;
        background-color: transparent;
        margin-top: 0px;
        letter-spacing: 20px;
        line-height: 30px;
        margin-top: 6px;
        transition-delay: 1.2s;
    }

    .p-cinco{
        width: 150%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
    }

    .p-cinco.muestra-titulo-secc-marcas{
        width: 150%;
        height: 24px;
        background-color: transparent;
        float: left;
        margin-top: 0px;
        transition-delay: 1.5s;
    }

    .contenedor-titulo-marcas h1{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 0;
        margin-top: 10px;
        transform: translate3d(0, 100px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-marcas h1.muestra-titulo-secc-marcas{
        width: 100%;
        height: 125px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #5C7298;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        line-height: 60px;
        opacity: 1;
        margin-top: 10px;
        transform: translate3d(0, 0px, 0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
        transition-delay: .6s;
    }

    .contenedor-marcas{
        width: 100%;
        height: 100%;
        background-color: transparent;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0px;
        margin-top: 40px;
    }

    .contenedor-marcas-2{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background-color: transparent;
    }

    .lineas-marcas{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .img-marcas{
        width: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .img-marcas.muestra-marcas{
        width: 50px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        opacity: .7;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .marca-1.muestra-marcas{
        transition-delay: 1.8s;
    }

    .marca-2.muestra-marcas{
        transition-delay: 1.9s;
    }

    .marca-3.muestra-marcas{
        transition-delay: 2s;
    }

    .marca-4.muestra-marcas{
        transition-delay: 2.2s;
    }

    .marca-5.muestra-marcas{
        transition-delay: 2.4s;
    }

    .marca-6.muestra-marcas{
        transition-delay: 2.6s; 
    }

    .marca-7.muestra-marcas{
        transition-delay: 2.8s;
    }

    .marca-8.muestra-marcas{
        transition-delay: 3s;
    }

    .marca-9.muestra-marcas{
        transition-delay: 3.2s;
    }

    .marca-10.muestra-marcas{
        transition-delay: 3.4s;
    }

    .marca-11.muestra-marcas{
        transition-delay: 3.6s;
    }

    .marca-12.muestra-marcas{
        transition-delay: 3.8s;
    }

    .marca-13.muestra-marcas{
        transition-delay: 4s;
    }

    .marca-14.muestra-marcas{
        transition-delay: 4.2s;
    }

    .marca-15.muestra-marcas{
        transition-delay: 4.4s;
    }

    .marca-16.muestra-marcas{
        transition-delay: 4.6s;
    }

    .marca-17.muestra-marcas{
        transition-delay: 4.8s;
    }

    .marca-18.muestra-marcas{
        transition-delay: 5s;
    }

    .marca-19.muestra-marcas{
        transition-delay: 5.2s;
    }

    .marca-20.muestra-marcas{
        transition-delay: 5.4s;
    }

    .marcas-4 img{
        width: 160px;
        height: auto;
        background-color: transparent;
        float: left;
        margin-left: 00px;
        margin-right: 00px;
    }







    .seccion-contacto{
        width: 100%;
        height: auto;
        background-color: #BB8570;
        float: left;
        display: inline-flex;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative;
        scroll-snap-align: unset;
    }

    .contenedor-contacto{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-titulo-img-contacto{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;
    }

    .contenedor-titulo-contacto{
        width: 40%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
    }

    .contenedor-titulo-contacto h1{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 0;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-titulo-contacto h1.muestra-titulo-secc-8{
        width: auto;
        height: 180px;
        background-color: transparent;
        float: left;
        font-family: 'Gotham Ultra';
        font-size: 80px;
        color: #DECBB7;
        letter-spacing: 2px;
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 100;
        line-height: 60px;
        opacity: 1;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-imagen-contacto{
        width: 180%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .linea-galeria-contacto{
        height: 160%;
        width: 20px;
        position: absolute;
        left: 135px;
        top:-70px;
        transform: rotate(22deg);
        background-color: #76827B;
        z-index: 10;
    }

    .galeria-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        overflow-x: hidden;
        float: left;
        position: relative;
    }

    .galeria-contacto figure{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        display: flex;
        animation: anima-imgs-nosotros 24s infinite;
        -webkit-animation: anima-imgs-nosotros 24s infinite;
        -moz-animation: anima-imgs-nosotros 24s infinite;
        -o-animation: anima-imgs-nosotros 24s infinite;
        animation-timing-function: ease;
    }

    @keyframes anima-imgs-nosotros {
        0% {
            left: 0%;
        }
        22% {
            left: 0%;
        }
        24% {
            left: -100%;
        }
        46% {
            left: -100%;
        }
        48% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        72% {
            left: -100%;
        }
        94% {
            left: -100%;
        }
        96% {
            left: -0%;
        }
        100% {
            left: -0%;
        }
    }

    .galeria-contacto img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }


    .contenedor-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contenedor-datos-c{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 0;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(100px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-c.muestra-datos-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 40px;
        padding-bottom: 40px;
        opacity: 1;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        transform: translateY(0px);
        transition: transform ease 1.2s, opacity ease 1.2s;
    }

    .contenedor-datos-personal{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contenedor-datos-personal.muestra-datos-contacto{
        transition-delay: .6s;
    }

    .contenedor-datos-sucursales.muestra-datos-contacto{
        transition-delay: .9s;
    }

    .datos-personal,
    .datos-sucursales{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .datos-personal p,
    .datos-sucursales p{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 0px;
        padding-top: 0px;
        text-align: center;
    }

    .datos-personal a,
    .datos-sucursales a{
        width: 100%;
        background-color: #DAC7A8;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #BB8570;
        text-decoration: none;
        letter-spacing: 0px;
        margin-top: 5px;
        text-decoration: none;
        text-align: center;
    }

    .datos-personal a:hover,
    .datos-sucursales a:hover{
        background-color: transparent;
        color: #DAC7A8;
    }


    .dat-2-c{
        margin-top: 40px;
    }

    .contenedor-linea-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: center;
    }

    .linea-contacto{
        width: 100%;
        height: 1px;
        background-color: #DAC7A8;
        float: left;
        transform: rotate(0deg);
        margin-top: 0px;
        margin-left: 0px;
    }

    .contenedor-datos-c h2{
        width: 100%;
        background-color: transparent;
        height: auto;
        float: left;
        font-family: 'Gotham Black';
        font-size: 14px;
        color: #DAC7A8;
        text-decoration: none;
        letter-spacing: 4px;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 20px;
    }








    footer{
        width: 100%;
        height: auto;
        background-color: #2C2C2C;
        float: left;
        padding-top: 90px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        scroll-snap-align: unset;
    }

    .contenedor-redess-derechos{
        width: 100%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .contenedor-redess{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
        display: inline-flex;
        justify-content: space-between;
        padding-left:20px;
        padding-right: 20px;
    }

    .contenedor-redess a{
        width: 35px;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-redess a img{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-derechos{
        margin-top: 80px;
        height: auto;
        background-color: transparent;
        float: left;
        width: 100%;
    }

    .contenedor-derechos p{
        width: 100%;
        height: auto;
        background-color: transparent;
        font-family: 'Gotham Book';
        font-size: 12px;
        color: #767060;
        line-height: 22px;
        text-align: center;
        letter-spacing: .5px;
    }
}