:root{
    --colorPrincipal: #333399;
}
@media only screen and (max-width:580px){
* {
}

body, h1, h2, h3, p{
    margin: 0;
    padding: 0;
}

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

.contenedor {
    padding-top: 16vw;
}

.clientes-desktop{
    display: none;
}

.scroll{
    transform: rotate(-90deg);
    position: absolute;
    border-bottom: 1px solid #ffffff;
    width: 21.859vw;
    bottom: 6vh;
    width: 21.859vw;
}
.scroll p{
    font-size: 2.536vw;
    font-family: 'MontserratL';
    font-weight: 300;
    color: #ffffff;
    padding-left: 14.6vw;
    padding-bottom: 0.724vw;
}

.nav-desktop{
    display: none;
}
.nav-mobile{
    display: flex;
    justify-content: space-between;
    padding-bottom: 3.524vw;
    padding-right: 6.28vw;
    padding-left: 6.28vw;
    padding-top: 3.550vw;
    box-shadow: 0 0.1vw 1.5vw 0 rgba(149, 149, 149, 0.4);
}
.logo-mobile{
    width: 13.285vw;
    height: 8.695vw;
    /*margin-top: 3.623vw;*/
}
.logo-mobile img{
    width: 100%;
    height: 100%;
}
.barra-mobile{
    height: 3.864vw;
    width: 4.468vw;
    /*margin-top: 2.826vw;*/
    padding: 2.608vw;
}
.barra-mobile:hover{
    background-color: #f8f8f8;
}
.barra-mobile span:first-child{
    margin: 0 !important;
}
.barra-mobile span{
    height: 0.555vw;
    width: 4.10vw;
    display: flex;
    background-color: var(--colorPrincipal);
    margin-top: 0.9vw;
    border-radius: 1px;
    margin-right: 0;
}
    

.right-buttons {
    display: flex;
    flex-flow: row nowrap;
}

.language-mobile {
    height: 4vw;
    margin-top: 2.5vw;
    margin-right: 1.5vw;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5vw;
}

.language-mobile > a{
    height: auto;
    padding: 0 1vw;
    margin: 0;
}

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

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

  

/*.logo{
    width: 63.888vw;
    height: 30.7vw;
    margin: 0 auto;
}
.carousel-cell {
    width: 100%;
    height: 100%;
}
.carousel-cell img{
    width: 100%;
    height: 100%;
} */



/*.logo{
    padding-top: 2.7vw;
    /*padding-bottom: 11.197vw;*/
    /* padding-left: 9.989vw; */
  /*  height: 40.031vw;
    width: 63.916vw;
}
/*
.carousel-cell{
    height: 40.031vw;
    width: 62.916vw;
}

.carousel-cell  img{
    height: 40.031vw;
    width: 62.916vw;
}

.logo{
    height: 76vw;
}
.carousel-cell-logo{
    height: 69.966vw;
    width: 100%;
}
.carousel-cell-logo img{
    height: 69.966vw;
    width: 100%;
}
#logo-principal{
    padding-left: 10vw;
} */


/* --------------------------------- */  

.slider-logo-desktop{
    height: 51.219676vw;
    width: 100%;
    margin-bottom: 7.5vw;
}

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

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

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

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

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

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

/* --------------------------------- */    



ul{
    z-index: 3;
    background: #f8f8f8;
    padding: 0;
    width: 59.299vw;
    position: absolute;
    top: 6.9vw;
    right: 6.19vw;
}
.button{
    display: none;
}


.barra-mobile:hover .button{
    display: block;
} 
 
li{
    list-style: none;
    font-family: 'futura', sans-serif;
    font-weight: 600;
    font-size: 4.835vw;
    padding-top: 3.864vw;
    padding-bottom: 3.864vw;
    padding-left: 6vw;
    border-bottom: 0.241vw solid #d8d8d8;
}
a{
    text-decoration: none;
    /* margin-left: 5.120vw; */
    color: #201f1f;
}
a:hover{
    color: #2d3391;
}
.intro{
    background-color: var(--colorPrincipal);
    padding-left: 18.09vw;
    padding-right: 9.178vw;
    padding-bottom: 9.661vw;
    padding-top: 3vw;
    /* margin-top: 8.236vw; */
}
.intro-1 h1{
    font-family: 'MontserratEL', sans-serif;
    font-weight: 200;
    color: #ffffff;
    font-size: 14.521vw;
    line-height: 16.09vw;
    margin-bottom: 6.763vw;
}

.intro-1{
    width: 72.705vw;
}
.intro-1 p{
    font-size: 3.289vw;
    font-family: 'MontserratL';
    font-weight: 300;
    color: #ffffff;
    line-height: 5.082vw;
    margin-bottom: 4.516vw;
}
.intro-2{
    width: 72.705vw;
}
.intro-2 b{
    font-family: 'MontserratSM';
    font-weight: 600;
    color: #ffffff;
    font-size: 3.8vw;
    line-height: 6.227vw;
}
.intro-2 p{
    font-size: 3.8vw;
    font-family: 'MontserratL';
    font-weight: 300;
    color: #ffffff;
    line-height: 6.227vw;
}
section{
    padding-right: 6.03vw;
    padding-left: 5.797vw;
    padding-bottom: 7.246vw;
}
section h2{
    color: #313191;
    font-family: 'MontserratM';
    font-weight: 500;
    font-size: 9.256vw;
}
.data-cont{
    padding-top: 12.314vw;
    width: 86.038vw;
}
.data-subtitulos{
    font-family: 'MontserratEL';
    font-weight: 200;
    font-size: 4.21vw;
    display: flex;
    /* justify-content: space-between; */
    padding-bottom: 7.729vw;
    padding-left: 0.5vw;
    padding-top: 6.449vw;
}
.data-subtitulos span{
    position: relative;
    margin-right: 9vw;
    padding-left: calc(2.6vw + 1px);
}
.data-subtitulos span::before{
    content: '';
    /* border: 0.5px solid #000000; */
    height: 0.2vw;
    display: inline-block;
    width: 2.6vw;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: 0%;
    font-family: 'MontserratEL', sans-serif;
}

.data-text p{
    font-family: 'MontserratL';
    font-weight: 300;
    line-height: 7.367vw;
    font-size: 4.210vw;
}
.data-text p:nth-child(3){
    padding-bottom: 9.42vw;
}
.data-text p span{
    font-family: 'MontserratSM';
    font-weight: 600;
}
.data-generation-img{
    width: 32.149vw;
    height: 29.71vw;
    margin: 0 auto;
    padding-top: 12.246vw;
}
.data-generation-img img{
    width: 100%;
    height: 100%;
}

.data-analytics{
    display: flex;
    flex-direction: column-reverse;
}
.data-analytics-img{
    height: 22.487vw;
    width: 39.057vw;
    margin: 0 auto;
    padding-top: 12.246vw;
}
.data-analytics-img img{
    height: 100%;
    width: 100%;
}
.data-execution-img{
    width: 32.294vw;
    height: 36.231vw;
    margin: 0 auto;
    padding-top: 12.246vw;
}
.data-execution-img img{
    height: 100%;
    width: 100%;
}

.empresas{
    display: none;
}
.carousel-cell{
    height: 100.966vw;
    width: 100%;
}
.carousel-cell img{
    height: 100%;
    width: 100%;
}
.flickity-prev-next-button{
    display: none;
}

.flickity-page-dots {
    /* position: inherit; */
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 2.674vw;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-page-dots .dot {
    width: 1.5vw;
    height: 1.5vw;
    padding: 0;
    margin: 0 1vw;
}

.carousel .flickity-page-dots .dot {
    background: #fff;
}

.carousel-text{
    position: absolute;
    font-size: 9.00vw;
    color: #ffffff;
    font-family: 'MontserratM';
    font-weight: 500;
    top: 18.5vw;
    left: 0vw;
    width: 100%;
    display: block;
}

.carousel-text p {
    text-align: center;
    line-height: 1em;
}

.carousel-text span{
    font-family: 'MontserratT', sans-serif;
    font-weight: 100;
    font-size: 23.913vw;
}

#span1{
    margin-right: 70vw;
}

.carousel-cell:nth-child(1) .carousel-text span {
    margin-left: 10.193vw;
}

.carousel-cell:nth-child(2) .carousel-text span {
    margin-left: 5.721vw;
}

.carousel-cell:nth-child(3) .carousel-text span {
    margin-left: 8.019vw;
}

.hover{
    display: flex;
    position: absolute;
    top: 0;
    background-color: var(--colorPrincipal);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    padding-top: 1vw;
    opacity: 1;
    transition: all .5s;
}
.hover h3{
    font-family: 'MontserratM';
    font-weight: 500;
    color: #ffffff;
    font-size: 8.589vw;
    padding-bottom: 6.135vw;
}
.hover p{
    font-family: 'MontserratL';
    font-weight: 300;
    color: #ffffff;
    font-size: 6.603vw;
    line-height: 9.640vw;
}

.ver-mas{
    display: flex;
    justify-content: center;
}
.btn{
    border: none;
    background-color: var(--colorPrincipal);
    color: white;
    font-family: 'MontserratL';
    width: 38vw;
    height: 15.5vw;
    margin-top: 12vw;
    /* border-radius: 7vw; */
    font-size: 5vw;
}

.btn:hover {
    color: #333399;
    background-color: #ffffff;
}

.flickity-page-dots{
    bottom: 3.5vw;
    z-index: 3vw!important;
}
.clientes p{
    font-family: 'MontserratEL';
    font-weight: 200;
    text-align: center;
    padding-top: 8.816vw;
    padding-bottom: 3.33vw;
}
.logos-clientes{
    display: flex;
    justify-content: space-evenly;
    flex-flow: wrap;
    padding: 0 6.280vw;
}
.logos-clientes img{
    width: auto;
    height: 8.328vw;
    margin-right: 2.5vw;
    padding-bottom: 6.5vw;
}
.logos-clientes img:nth-child(4){
    padding-bottom: 0;
}
.logos-clientes img:last-child{
    margin-right: 0;
    padding-bottom: 0 !important;
}






footer{
    height: 21.5vw;
    margin-top: 9.405vw;
    background-color: #efefef;
    text-align: right;
    padding-left: 6.666vw;
    padding-right: 6.376vw;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
}
.contacto p:first-child{
    font-size: 2.425vw;
    font-family: 'MontserratSM';
    font-weight: 600;
    padding-bottom: 1.207vw;
  
}
.contacto p{
    font-size: 2.253vw;
    font-family: 'MontserratL';
    font-weight: 300;
    line-height: 3.178vw;
}
.contacto span:first-child{
    font-size: 2.253vw;
    font-family: 'MontserratSM';
    font-weight: 600;
}
.linkedin{
    width: 3.623vw;
    height: 3.743vw;
    padding-right: 0.6vw;
    padding-top: 1vw;
}
.linkedin img{
    width: 2.5vw;
    height: 2.5vw;
    padding: 0.800vw;
    background-color: #a09b9b;
    border-radius: 2px;
    /* padding-right: 6.376vw; */
}
footer .contacto {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
}
.contenedor-logo{
    width: auto;
    height: 7.246vw;
}
.contenedor-logo img{
    width: auto;
    height: 100%;
}



















}