:root {
    --colorPrincipal: #333399;
}

@media only screen and (min-width: 1025px) {
    * {
        box-sizing: border-box;
    }

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

    header {
        z-index: 9999999999999999999999;
        position: fixed;
        width: 100%;
        background-color: white;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        margin: 0;
        padding: 0;
    }

    p {
        margin: 0;
        padding: 0;
    }

    .mobile {
        display: none;
    }

    .contenedor {
        padding-top: 4.111vw;
        width: 100%;
    }

    .nav-mobile {
        display: none;
    }

    .nav-desktop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 4.111vw;
        padding-left: 5.455vw;
        padding-right: 5.277vw;
        box-shadow: 0 0.1vw 0.5vw 0 rgba(149, 149, 149, 0.4);
    }

    .barra a {
        font-family: "futura", sans-serif;
        font-weight: 600;
        font-size: 1.17vw;
        text-decoration: none;
        color: #000000;
    }

    .barra {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
        width: 31.999vw;
    }

    .iconos {
        width: 9.504vw;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .iconos .language {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        height: 2.283vw;
        width: 5.571vw;
    }

    .language a {
        height: 100%;
        width: auto;
    }

    .language img {
        height: 100%;
        width: auto;
        border-radius: 50%;
        filter: grayscale(1);
    }

    .language img.button-active {
        filter: none;
    }

    .iconos .logo-linkedin {
        height: 1.478vw;
        width: auto;
    }

    .iconos .logo-linkedin a {
        height: 100%;
        width: auto;
    }

    .logo-york {
        height: 3.032vw;
        width: auto;
    }

    .logo-york a {
        height: 100%;
        width: auto;
    }

    .logo-york img {
        height: 100%;
    }

    #logo-principal img {
        height: 100%;
    }

    .slider-logo-desktop {
        /* padding-top: 2.7vw; */
        /*padding-bottom: 11.197vw;*/
        /* padding-left: 9.989vw; */
        padding-left: 5.4848371396480719vw;
        padding-right: 5.4848371396480719vw;
        height: 45.526vw;
        width: 100%;
        box-sizing: border-box;
        margin-top: 0.6439535754399101vw;
    }

    .slider-logo-desktop-cell {
        width: 100%;
        height: 45.526vw;
        width: 89.199vw;
    }

    .slider-logo-desktop-cell img {
        width: 100%;
    }

    .slider .cell img {
        width: 100%;
        height: auto;
    }

    .carousel-cell {
        height: 45.526vw;
        width: 89.199vw;
    }

    .carousel-cell img {
        height: 45.526vw;
        width: 89.199vw;
    }

    .slider-logo-desktop .flickity-prev-next-button .flickity-button-icon {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .slider-logo-desktop .flickity-page-dots {
        bottom: calc(-0.73vw - 0.7862vw);
        left: 0vw !important;
    }

    .slider-logo-desktop .flickity-page-dots .dot {
        width: 0.7862vw;
        height: 0.7862vw;
        background-color: transparent;
        border: 0.0655vw solid #000000;
        opacity: 1;
    }

    .slider-logo-desktop .flickity-page-dots .dot.is-selected {
        background-color: #000000;
    }

    .slider-logo-desktop .flickity-button {
        width: 1.160614vw;
        height: 1.160614vw;
        background: none;
    }

    .slider-logo-desktop .flickity-prev-next-button.previous {
        left: calc(2.995vw - (1.160614vw / 2));
    }

    .slider-logo-desktop .flickity-prev-next-button.next {
        right: calc(2.995vw - (1.160614vw / 2));
    }

    img .logo2 {
        position: relative !important;
        left: 9vw !important;
    }

    .intro,
    section,
    .empresas,
    .clientes-desktop {
        margin-left: 16.4vw;
    }

    .intro {
        height: 32.713vw;
        margin-top: 4vw;
        background-color: var(--colorPrincipal);
        padding-right: 11.979vw;
        padding-left: 7.979vw;
        padding-top: 4.427vw;
        padding-bottom: 5.31vw;
        display: flex;
        flex-flow: row;

        box-sizing: border-box;
    }

    .intro-1 h1 {
        font-family: "MontserratEL";
        font-weight: 200;
        font-size: 6.839vw;
        color: #ffffff;
        width: 26.629vw;
        line-height: 7.094vw;
    }

    .intro-1 p {
        width: 26.629vw;
        font-size: 1.463vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #ffffff;
        padding-top: 1.802vw;
        line-height: 2.26vw;
    }

    .intro-2 {
        margin-left: 6.276vw;
    }

    .intro-2 p {
        font-family: "Montserrat", sans-serif;
        width: 30.508vw;
        color: #ffffff;
        font-size: 1.52vw;
        font-weight: 300;
        line-height: 2.77vw;
        padding-top: 0.8vw;
        padding-top: 1vw;
    }

    .intro-2 p:first-child {
        font-weight: 300;
        font-family: "Montserrat", sans-serif;
    }

    /*fin intro*/

    .data-cont {
        width: 73‬.0vw;
        height: 24.864vw;
        margin-top: 5.625vw;
        margin-bottom: 6.921vw;
        display: flex;
        flex-flow: row;
        align-content: space-around;
    }

    .data-text {
        width: 37.828vw;
        height: 23.812vw;
    }

    .data-text h2 {
        font-size: 3.175vw;
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
        color: var(--colorPrincipal);
        margin-bottom: 2.541vw;
        text-indent: -2px;
    }

    .data-subtitulos {
        /* width: 27.416vw; */
        margin-bottom: 3.177vw;
        display: flex;
        /* justify-content: space-between; */
    }

    .data-subtitulos span {
        font-size: 1.647vw;
        font-family: "MontserratEL", sans-serif;
        font-weight: 200;
        color: #000000;
        position: relative;
        line-height: 1.708vw;
        padding-left: 1.137vw;
        margin-right: 3.5vw;
    }

    .data-subtitulos span::before {
        content: "";
        border: 0.5px solid #000000;
        /* height: 2px; */
        width: 0.937vw;
        top: 50%;
        left: 0;
        color: #000000;
        position: absolute;
        font-family: "MontserratEL", sans-serif;
    }

    .data-text p {
        font-size: 1.058vw;
        font-family: "MontserratL", sans-serif;
        font-weight: 300;
        color: #252424;
        line-height: 1.852vw;
    }

    .data-text p span {
        font-family: "MontserratSM", sans-serif;
        font-weight: 600;
    }

    .data-text p:nth-child(3) {
        margin-bottom: 2.463vw;
    }

    .data-generation-img {
        margin-left: 8.906vw;
    }

    .data-generation-img img {
        height: 24.375vw;
        width: 26.77vw;
    }

    .data-analytics-img {
        height: 18.593vw;
        width: 31.791vw;
        margin-right: 5.276vw;
    }

    .data-analytics-img img {
        height: 18.593vw;
        width: 31.791vw;
        margin-top: 3.343vw;
    }

    .data-execution-img {
        height: 25.395vw;
        width: 22.697vw;
        margin-left: 10.203vw;
    }

    .data-execution-img img {
        height: 25.828vw;
        width: 22.697vw;
        margin-top: 1.453vw;
    }

    .empresas {
        display: flex;
        justify-content: space-between;
        width: 82.911vw;
        height: 29.328vw;
        margin-bottom: 5.14vw;
    }

    .entrepreneurship {
        width: 27.453vw;
        height: 29.338vw;
        position: relative;
    }

    .entrepreneurship-image {
        /* margin-left: 4.0vw;
    margin-top: 6.7vw;*/
        background-image: url(../img/Entrepreneurship.png);
        background-size: 100%;
        background-position-x: 97%;
        background-position-y: 59%;
        position: absolute;
        width: 27.453vw;
        height: 29.338vw;
    }

    .entrepreneurship-text {
        font-size: 5.667vw;
        color: #ffffff;
        font-family: "MontserratT", sans-serif;
        font-weight: 100;
        margin-top: 6.9vw;
        margin-left: 3.8vw;
    }

    .entrepreneurship-text p {
        font-size: 2.134vw;
        color: #ffffff;
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
    }

    .text-violeta-e {
        background-color: var(--colorPrincipal);
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .text-violeta-e h3 {
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
        font-size: 2.134vw;
        color: #ffffff;
        margin-bottom: 1.765vw;
        margin-left: 4.171vw;
        padding-top: 9.677vw;
    }

    .text-violeta-e p {
        font-family: "MontserratL", sans-serif;
        font-weight: 300;
        font-size: 1.565vw;
        color: #ffffff;
        line-height: 2.284vw;
        margin-left: 4.171vw;
    }

    .entrepreneurship-image:hover {
        opacity: 0;
        transition: 1s;
    }

    .medianas-empresas {
        width: 27.453vw;
        height: 29.338vw;
        position: relative;
    }

    .medianas-empresas-image {
        width: 27.453vw;
        height: 29.338vw;
        background-image: url(../img/medianas-empresas.png);
        background-size: 100%;
        position: absolute;
        background-position-x: 97%;
        background-position-y: 59%;
    }

    .medianas-empresas-text {
        margin-top: 6.9vw;
        margin-left: 3vw;
    }

    .medianas-empresas-text span {
        font-size: 5.667vw;
        color: #ffffff;
        font-family: "MontserratT", sans-serif;
        font-weight: 100;
    }

    .medianas-empresas-text p {
        font-size: 2.134vw;
        color: #ffffff;
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
    }

    .text-violeta-m {
        background-color: var(--colorPrincipal);
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .text-violeta-m h3 {
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
        font-size: 2.134vw;
        color: #ffffff;
        margin-left: 2.906vw;
        padding-top: 7.2vw;
    }

    .text-violeta-m p {
        font-family: "MontserratL", sans-serif;
        font-weight: 300;
        font-size: 1.565vw;
        color: #ffffff;
        line-height: 2.284vw;
        margin-left: 2.906vw;
    }

    .medianas-empresas-image:hover {
        opacity: 0;
        transition: 1s;
    }

    /*fin medianas empresas*/

    .grandes-empresas {
        width: 27.453vw;
        height: 29.338vw;
        position: relative;
    }

    .grandes-empresas-image {
        width: 27.453vw;
        height: 29.338vw;
        background-image: url(../img/grandes-empresas.png);
        background-size: 100%;
        position: absolute;
        background-position-x: 97%;
        background-position-y: 59%;
    }

    .grandes-empresas-text {
        margin-top: 6.9vw;
        margin-left: 3.9vw;
    }

    .grandes-empresas-text span {
        font-size: 5.667vw;
        color: #ffffff;
        font-family: "MontserratT", sans-serif;
        font-weight: 100;
    }

    .grandes-empresas-text p {
        font-size: 2.134vw;
        color: #ffffff;
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
    }

    .text-violeta-g {
        background-color: var(--colorPrincipal);
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .text-violeta-g h3 {
        font-family: "MontserratM", sans-serif;
        font-weight: 500;
        font-size: 2.134vw;
        color: #ffffff;
        margin-left: 2.906vw;
        padding-top: 8.63vw;
    }

    .text-violeta-g p {
        font-family: "MontserratL", sans-serif;
        font-weight: 300;
        font-size: 1.565vw;
        color: #ffffff;
        line-height: 2.284vw;
        margin-left: 2.906vw;
    }

    .grandes-empresas-image:hover {
        opacity: 0;
        transition: 1s;
    }

    /*fin empresas*/

    .clientes-desktop p {
        text-align: center;
        font-family: "MontserratEL";
        font-weight: 200;
        font-size: 2vw;
    }

    .logos-clientes-desktop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 2vw;
        padding-left: 3vw;
        padding-right: 3vw;
        padding-bottom: 5vw;
    }

    .itau {
        width: 5.6vw;
        padding-right: 2vw;
    }

    .despegar {
        width: 18vw;
        padding-right: 2vw;
    }

    .icbc {
        width: 10vw;
        padding-right: 2vw;
    }

    .disney {
        width: 10vw;
        padding-right: 2vw;
    }

    .tea {
        width: 13vw;
        padding-right: 2vw;
    }

    footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 15.91vw;
        width: 100%;
        padding-left: 16.4vw;
        padding-right: 2vw;
        background-color: #efefef;
    }

    footer .contenedor-logo {
        position: relative;
        height: 4.708vw;
        width: auto;
    }

    footer .contenedor-logo a {
        position: absolute;
        height: 100%;
    }

    footer .contenedor-logo img {
        height: 100%;
    }

    footer .contacto {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-end;
    }

    footer .contacto p {
        font-family: "MontserratL", sans-serif;
        font-weight: 300;
        font-size: 1.19vw;
        color: #2f2f2f;
        line-height: 1.906vw;
    }

    footer .contacto p:first-child {
        font-family: "MontserratSM", sans-serif;
        font-weight: 600;
        font-size: 1.455vw;
        padding-bottom: 0.4vw;
    }

    footer .contacto p span {
        display: none;
    }

    footer .contacto .linkedin {
        width: 2.010vw;
        height: 1.947vw;
        margin-top: 1vw;
        border-radius: 3px;
        background-color: #a09b9b;
    }

    footer .contacto .linkedin a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0.377vw;
        box-sizing: border-box;
    }

    footer .contacto .linkedin a img {
        width: 100%;
    }
    

    .scroll p {
        color: #000000;
        font-family: "MontserratL", sans-serif;
        font-weight: 300;
        font-size: 1.533vw;
        transform: rotate(180deg);
        position: absolute;
        padding-bottom: 0.42vw;
        padding-right: 0.26vw;
    }

    .scroll {
        border-bottom: 1px solid #000000;
        width: 13.104vw;
        transform: rotate(90deg);
        position: absolute;
        bottom: 14.3vh;
        left: calc(5.4vw - (13.104vw / 2));
    }
}