.modulo-caso-empresas .mobile{
    display: none;
}


.portada-empresas{
    background: url("../img/portada-empresas.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 150px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 0;
}


.tit-portada-empresas{
    padding: 0px 50px;    
    margin-bottom: 100px;
}

.tit-portada-empresas h2{
    font-weight: 300;
    font-size: 2em;
}

.tit-portada-empresas h1{
    font-size: 5em;
    font-weight: 900;
    text-shadow: -3px -3px 0px #94A9DA, 4px 4px 0px #00000030;
}

.esquema-portada-empresas{
    overflow: hidden;
}
.img-floor-portada{
    position: relative;
    z-index: 0;    
}

.img-floor-portada img{
    width: 100%;
    height: auto;
}

.img-center-portada{
    position: relative;
    z-index: 3;
    margin-bottom: -65%;
}

.img-center-portada img{
    width: 75%;
    height: auto;
}


.img-left-portada{
    position: relative;
    z-index: 2;
    margin-bottom: -30%;

    text-align: left;
}

.img-left-portada img{
    width: 35%;
    height: auto;
}

.img-right-portada{
    position: relative;
    z-index: 1;
    margin-bottom: -40%;
    right: 25%;
    text-align: right;
}

.img-right-portada img{
    width: 40%;
    height: auto;
}

.bar-white-up.top-empresas{
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 4;
    margin-top: -100px;
}




@media (min-width: 1200px) and (max-width: 1399px){
    .tit-portada-empresas h1{
    font-size: 4em;
    line-height: 1;
}

}

@media (min-width: 1100px) and (max-width: 1199px){
    .tit-portada-empresas h2{
    font-size: 1.8em;
}

.tit-portada-empresas h1{
    font-size: 3.5em;
}


}

@media (min-width: 992px) and (max-width: 1099px){
        .tit-portada-empresas h2{
    font-size: 1.5em;
}

.tit-portada-empresas h1{
    font-size: 3.5em;
}


}

@media (min-width: 768px) and (max-width: 991px){
    .portada-empresas{
        padding-top: 200px;
}

    .tit-portada-empresas{
        padding: 0;
    }
       .tit-portada-empresas h2{
    font-size: 1.5em;
}

.tit-portada-empresas h1{
    font-size: 3em;
}

.esquema-portada-empresas{
    margin-bottom: 50px;
}
.bar-white-up.top-empresas{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 4;
    margin-top: -100px;
}
}

@media (min-width: 576px) and (max-width: 767px){
        .portada-empresas{
        padding-top: 200px;
}
    .tit-portada-empresas{
        padding: 0px ;
        margin-bottom: 50px;
    }

    
       .tit-portada-empresas h2{
    font-size: 1.2em;
}

.tit-portada-empresas h1{
    font-size: 2.5em;
}

.esquema-portada-empresas{
    margin-bottom: 50px;
}

.bar-white-up.top-empresas{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 4;
    margin-top: -100px;
}
}

@media (max-width: 575px){

            .portada-empresas{
        padding-top: 200px;
}
       .tit-portada-empresas{
        padding: 0;
        margin-bottom: 50px;
    }
       .tit-portada-empresas h2{
    font-size: 1.2em;
}

.tit-portada-empresas h1{
    font-size: 2em;
    text-shadow: -2px -2px 0px #94A9DA, 4px 4px 0px #00000030;
}

.esquema-portada-empresas{
    margin-bottom: 80px;
}

}

/*SECCIÓN CLIENTES*/
.clientes-empresas{
    background: #fff;
    padding-top: 50px;
    padding-bottom: 0px;
}

.tit-clientes-empresas{
    margin-bottom: 50px;
}

.tit-clientes-empresas h3{
    font-weight: 300;
    font-size: 2em;
}

.tit-clientes-empresas h2{
    font-weight: 900;
    font-size: 5em;
    color: #273D87;
    text-shadow: -3px -3px 0px #fff, 4px 4px 0px #00000030;

}

.grid-logos-clientes{
    padding: 0px 50px;
}

.mod-logo-cliente{
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.mod-logo-cliente img{
    width: 90%;
    height: auto;
}

.txt-clientes-empresas{
    margin-top: 100px;
    padding: 0px 100px;
    text-align: center;
}

.txt-clientes-empresas h3{
    font-weight: 300;
    font-size: 1.5em;
}

.txt-clientes-empresas h2{
    font-weight: 900;
    font-size: 3em;
    line-height: 1.1;
    color: #3EAED6;
}

.btn-clientes-empresas{
    margin-top: 100px;
    margin-bottom: 100px;
}

.btn-clientes-empresas button{
     padding: 20px 100px;
    font-size: 1.2em;
    color: #fff;
    border-radius: 50px;
    font-weight: 500;
    background: #1749ed;
    border: #fff 3px solid;
    box-shadow: 5px 5px 0px 0px #6684D2;
    transition: all 0.7s;
}

.btn-clientes-empresas button:hover{
    background: #273D87;
    transform: scale(0.95);
    border: #fff 3px solid;
    box-shadow: 5px 5px 5px 0px #00000075;
    transition: all 0.7s;
}
.img-clientes-empresas img{
    width: 90%;
    height: auto;
}

.bar-blue-up.top-empresas{
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -80px;
    position: relative;
    z-index: 2;
}


.empresas-testimoniales{
    background: #001C65;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}

@media (min-width: 1200px) and (max-width: 1399px){

    .grid-logos-clientes{
    padding: 0px 30px;
}

.txt-clientes-empresas{
    padding: 0px 0px;
}

}

@media (min-width: 1100px) and (max-width: 1199px){

        .clientes-empresas{
    padding-top: 0px;
}
.tit-clientes-empresas h2{
    font-size: 4.5em;
    margin-top: -20px;

}

.grid-logos-clientes{
    padding: 0px;
}

.mod-logo-cliente img{
    width: 100%;
    height: auto;
}


.txt-clientes-empresas{
    margin-top: 50px;
    padding: 0px;
}

.txt-clientes-empresas h3{
    font-size: 1.3em;
}

.txt-clientes-empresas h2{
    font-size: 2.5em;
}

.btn-clientes-empresas{
    margin-top: 50px;
}
.img-clientes-empresas img{
    width: 100%;
    height: auto;
}
.bar-blue-up.top-empresas{
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -70px;
    position: relative;
    z-index: 2;
}

}

@media (min-width: 992px) and (max-width: 1099px){
          .clientes-empresas{
    padding-top: 0px;
}
.tit-clientes-empresas h2{
    font-size: 4.5em;
    margin-top: -20px;

}

.grid-logos-clientes{
    padding: 0px;
}

.mod-logo-cliente img{
    width: 100%;
    height: auto;
}


.txt-clientes-empresas{
    margin-top: 50px;
    padding: 0px;
}

.txt-clientes-empresas h3{
    font-size: 1.3em;
}

.txt-clientes-empresas h2{
    font-size: 2.5em;
}

.btn-clientes-empresas{
    margin-top: 50px;
}
.img-clientes-empresas img{
    width: 100%;
    height: auto;
}
.bar-blue-up.top-empresas{
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -70px;

}


}

@media (min-width: 768px) and (max-width: 991px){
         .clientes-empresas{
    padding-top: 0px;
}
.tit-clientes-empresas h2{
    font-size: 4.5em;
    margin-top: -20px;

}

.grid-logos-clientes{
    padding: 0px;
}

.mod-logo-cliente img{
    width: 100%;
    height: auto;
}


.txt-clientes-empresas{
    margin-top: 50px;
    padding: 0px;
}

.txt-clientes-empresas h3{
    font-size: 1.5em;
}

.txt-clientes-empresas h2{
    font-size: 3em;
}

.btn-clientes-empresas{
    margin-top: 50px;
}

.btn-clientes-empresas button{
    width: 100%;
    padding: 20px;
}
.img-clientes-empresas img{
    width: 100%;
    height: auto;
}

.bar-blue-up.top-empresas{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -50px;
    position: relative;
    z-index: 2;
}
}

@media (min-width: 576px) and (max-width: 767px){
    .tit-clientes-empresas h3{
    font-size: 1.8em;
}

.tit-clientes-empresas h2{
    font-size: 4em;
    margin-top: -20px;
}

.grid-logos-clientes{
    padding: 0px;
}

.mod-logo-cliente img{
    width: 100%;
    height: auto;
}


.txt-clientes-empresas{
    margin-top: 50px;
    padding: 0px;
}

.txt-clientes-empresas h3{
    font-size: 1.3em;
}

.txt-clientes-empresas h2{
    font-size: 2em;
}
.btn-clientes-empresas{
    margin-top: 50px;
    margin-bottom: 50px;
}


.btn-clientes-empresas button{
     padding: 20px;
     width: 100%;
    font-size: 1.1em;
}

.img-clientes-empresas img{
    width: 100%;
    height: auto;
}

.bar-blue-up.top-empresas{
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -40px;
    position: relative;
    z-index: 2;
}

}

@media (max-width: 575px){
     .tit-clientes-empresas h3{
    font-size: 1.5em;
}

.tit-clientes-empresas h2{
    font-size: 3em;
}

.grid-logos-clientes{
    padding: 0px;
}

.mod-logo-cliente img{
    width: 100%;
    height: auto;
}


.txt-clientes-empresas{
    margin-top: 50px;
    padding: 0px 15px;
    text-align: left;
}

.txt-clientes-empresas h3{
    font-size: 1.3em;
}

.txt-clientes-empresas h2{
    font-size: 2em;
}
.btn-clientes-empresas{
    margin-top: 50px;
    margin-bottom: 50px;
}


.btn-clientes-empresas button{
     padding: 20px 30px;
     width: 100%;
    font-size: 1.1em;
}

.img-clientes-empresas{
    padding: 0px;
}

.img-clientes-empresas img{
    width: 100%;
    height: auto;
}

.bar-blue-up.top-empresas{
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}

.clientes-empresas{
    margin-top: -30px;
}
}

/*TESTIMONIALES CLIENTES*/

.empresas-testimoniales{
    background: #001C65;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
    position: relative;
    z-index: 3;
}

.tit-videos-testimoniales{
    padding: 50px;
}

.tit-videos-testimoniales h2{
    font-weight: 900;
    text-shadow: -2px -2px 0px #818494, 3px 3px 0px #00000030;
    font-size: 3em;

}

.carousel-testimoniales{
    margin-top: 50px;
}
.mod-empresas-testimonial{
    padding: 0px 50px;
}

.video-empresa-testimonial iframe{
    border-radius: 30px;
    box-shadow: 3px 3px 0px 0px #289FED;
    height: 520px;
}

.txt-empresa-testimonial{
    margin-top: 30px;
}

.txt-empresa-testimonial p{
    margin-bottom: 30px;
    font-size: 1em;
    height: 10em;
}

.txt-empresa-testimonial h3{
    font-size: 1.2em;
    margin-top: 30px;
    font-weight: 700;
}

.txt-empresa-testimonial h3 span{
    font-size: 0.9em;
    font-weight: 300;
    font-style: italic;
    color: #AFF0FF;
    margin-top: 15px;
}



.owl-nav .owl-prev span, .owl-nav .owl-next span{
    font-size: 3em;
}

.owl-nav .owl-prev span:hover, .owl-nav .owl-next span:hover{
    background: transparent !important;
}


.bar-blue-down.mid-empresas{
     background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 3;
}

@media (min-width: 1200px) and (max-width: 1399px){

    .mod-empresas-testimonial{
    padding: 0px 30px;
}

}

@media (min-width: 1100px) and (max-width: 1199px){
    .empresas-testimoniales{
    padding-top: 0px;
}
    .carousel-testimoniales{
    margin-top: 30px;
}

.mod-empresas-testimonial{
    padding: 0px;
}

.txt-empresa-testimonial{
    padding: 0px 20px;

}

.txt-empresa-testimonial p{
    height: 12em;
}


}

@media (min-width: 992px) and (max-width: 1099px){
    .empresas-testimoniales{
    padding-top: 0px;
}


}


@media (min-width: 768px) and (max-width: 991px){
        .empresas-testimoniales{
    padding-top: 0px;
}

    .mod-empresas-testimonial{
    padding: 0px 20px;
}

.bar-blue-down.mid-empresas{
     background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-top: -50px;
}

}

@media (min-width: 576px) and (max-width: 767px){
            .empresas-testimoniales{
    padding-top: 50px;
    margin-top: -50px;
}

    .tit-videos-testimoniales{
    padding: 50px 0px;
}

.tit-videos-testimoniales h2{
    font-size: 2.5em;
}

.carousel-testimoniales{
    margin-top: 0px;
}
.txt-empresa-testimonial p{
    font-size: 1.2em;
    line-height: 1.2;
    height: auto;
}

.txt-empresa-testimonial h3{
    font-size: 1.5em;
    margin-top: 30px;
    font-weight: 700;
}

.txt-empresa-testimonial h3 span{
    font-size: 0.8em;
    line-height: 1.1;
}

.bar-blue-down.mid-empresas{
     background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-top: -40px;
}

}

@media (max-width: 575px){

                .empresas-testimoniales{
    padding-top: 50px;
    padding-bottom: 150px;
    margin-top: -65px;
}

.bar-blue-down.mid-empresas{
     background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-top: -70px;
}


.tit-videos-testimoniales{
    padding: 0px;
}

   .tit-videos-testimoniales h2{
    font-size: 2.5em;

}

.mod-empresas-testimonial{
    padding: 0px;
}

.txt-empresa-testimonial{
    padding: 0px 15px;
}

.txt-empresa-testimonial p{
    font-size: 1.2em;
    line-height: 1.2;
    height: auto;
}

.txt-empresa-testimonial h3{
    font-size: 1.5em;
    margin-top: 30px;
    font-weight: 700;
}

.txt-empresa-testimonial h3 span{
    font-size: 0.8em;
    line-height: 1.1;
}

}
/*MÓDULO CASO DE ÉXITO*/

.empresas-casos-exito{
    padding-top: 200px;
    background: #94A9DA;
    position: relative;
    z-index: 0;
    margin-top: -100px;
    color: #fff;
    padding-bottom: 50px;
}

.tit-empresas-casos h2{
    font-size: 5em;
    font-weight: 900;
    text-shadow: -3px -3px 0px #273D87, 4px 4px 0px #00000030;
}

.tit-empresas-casos h3{
    font-weight: 300;
    color: #1C1C1C;
    text-transform: uppercase;
    font-size: 2em;
}

.modulo-caso-empresas{
    padding-top: 50px;
    padding-bottom: 50px;
}

.modulo-caso-empresas.caso01{
background: linear-gradient(0deg, #5075b4 50%, #94a9da 100%);

}

.modulo-caso-empresas.caso02{
background: linear-gradient(0deg, #273d87 0%, #5075b4 100%);
}

.modulo-caso-empresas.caso03{

background: #273D87;
background: linear-gradient(180deg, rgba(39, 61, 135, 1) 50%, rgba(22, 41, 105, 1) 100%);
}

.modulo-caso-empresas.caso04{
background: #162969;
background: linear-gradient(180deg, rgba(22, 41, 105, 1) 50%, rgba(11, 24, 112, 1) 100%);
padding-bottom: 200px;
}



.tit-caso-empresas{
    padding: 30px;
}

.tit-caso-empresas h2{
    font-weight: 900;
    color: #fff;
    text-shadow: -3px -3px 0px #273D87, 4px 4px 0px #00000030;
        font-size: 2.5em;
}

.img-caso-empresas img{
    width: 100%;
    height: auto;
    filter: drop-shadow(3px 3px 15px #00000030);
}


.txt-caso-empresas{
    padding: 30px;
    margin-top: 150px;
    color: #fff;
}

.txt-caso-empresas p{
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 300;
}

.txt-caso-empresas p strong{
    font-weight: 700;
}

.btn-caso-empresas{
    margin-top: 50px;
}

.btn-caso-empresas button{
    padding: 20px 50px;
    font-size: 1.3em;
    color: #fff;
    border-radius: 50px;
    font-weight: 500;
    background: #44BBFF;
    border: #fff 3px solid;
    box-shadow: 5px 5px 0px 0px #273D87;
    transition: all 0.7s;
}

.btn-caso-empresas button:hover{
    transform: scale(0.95);
    background: #fff;
    border: #44BBFF 3px solid;
    color: #44BBFF;
    box-shadow: 5px 5px 5px 0px #00000075;
    transition: all 0.7s;
}


@media (min-width: 1200px) and (max-width: 1399px){

    .txt-caso-empresas{
    margin-top: 120px;
}
}

@media (min-width: 1100px) and (max-width: 1199px){

    
.modulo-caso-empresas{
    padding-top: 0px;
    padding-bottom: 50px;
}

.tit-caso-empresas{
    padding: 30px 0px;
}

.txt-caso-empresas{
    padding: 30px 0px;
    margin-top: 120px;
}

.txt-caso-empresas p{
    font-size: 1.3em;
}

.tit-caso-empresas h2{
        font-size: 2em;
}
}

@media (min-width: 992px) and (max-width: 1099px){
       
.modulo-caso-empresas{
    padding-top: 0px;
    padding-bottom: 50px;
}

.tit-caso-empresas{
    padding: 30px 0px;
}

.txt-caso-empresas{
    padding: 30px 0px;
    margin-top: 100px;
}

.txt-caso-empresas p{
    font-size: 1.3em;
}

.tit-caso-empresas h2{
        font-size: 2em;
}


.btn-caso-empresas button{
    font-size: 1.2em;
}

}

@media (min-width: 768px) and (max-width: 991px){
    .empresas-casos-exito{
    margin-top: -50px;
    padding-top: 150px;
}

.tit-empresas-casos h2{
    font-size: 4em;
}

.tit-empresas-casos h3{
    font-size: 1.5em;
}

.modulo-caso-empresas{
    padding-top: 0px;
    padding-bottom: 80px;
    
}


.tit-caso-empresas{
    padding: 15px 0px;
}

.tit-caso-empresas h2{
        font-size: 1.7em;
}

.txt-caso-empresas{
    padding: 0px 10px;
    margin-top: 80px;
}

.txt-caso-empresas p{
    font-size: 1.2em;
}

.btn-caso-empresas{
    margin-top: 20px;
}

.btn-caso-empresas button{
    padding: 15px 20px;
    font-size: 1.1em;
}
}

@media (min-width: 576px) and (max-width: 767px){

    .modulo-caso-empresas .mobile{
    display: contents;
}

  .modulo-caso-empresas   .desktop{
    display: none;
}

  .modulo-caso-empresas .mobile .img-caso-empresas{
    padding: 0px 15px;
}


.empresas-casos-exito{
    padding-top: 150px;
    margin-top: -50px;
}

.tit-empresas-casos h2{
    font-size: 4em;
}

.tit-empresas-casos h3{
    font-size: 1.5em;
}


.modulo-caso-empresas{
    padding-top: 0px;
    padding-bottom: 80px;
}

.tit-caso-empresas{
    padding: 30px 0px;
}

.txt-caso-empresas{
    padding: 30px;
    margin-top: 0px;
    text-align: center;
}
}

@media (max-width: 575px){
    
    .modulo-caso-empresas .mobile{
    display: contents;
}

  .modulo-caso-empresas .desktop{
    display: none;
}

  .modulo-caso-empresas .mobile .img-caso-empresas{
    padding: 0px 15px;
}


.empresas-casos-exito{
    padding-top: 150px;
    margin-top: -50px;
}

.tit-empresas-casos h2{
    font-size: 4em;
}

.tit-empresas-casos h3{
    font-size: 1.5em;
}


.modulo-caso-empresas{
    padding-top: 0px;
    padding-bottom: 80px;
}

.tit-caso-empresas{
    padding: 30px 15px;
}

.txt-caso-empresas{
    padding: 30px 5px;
    margin-top: 0px;
    text-align: center;
}

.btn-caso-empresas button{
    width: 100%;
    padding: 20px;
    font-size: 1.2em;
}


    /*
    
.empresas-casos-exito{
    padding-top: 200px;
    background: #94A9DA;
    position: relative;
    z-index: 0;
    margin-top: -100px;
    color: #fff;
    padding-bottom: 50px;
}

.tit-empresas-casos h2{
    font-size: 5em;
    font-weight: 900;
    text-shadow: -3px -3px 0px #273D87, 4px 4px 0px #00000030;
}

.tit-empresas-casos h3{
    font-weight: 300;
    color: #1C1C1C;
    text-transform: uppercase;
    font-size: 2em;
}

.modulo-caso-empresas{
    padding-top: 50px;
    padding-bottom: 50px;
}

.modulo-caso-empresas.caso01{
background: linear-gradient(0deg, #5075b4 50%, #94a9da 100%);

}

.modulo-caso-empresas.caso02{
background: linear-gradient(0deg, #273d87 0%, #5075b4 100%);
}

.modulo-caso-empresas.caso03{

background: #273D87;
background: linear-gradient(180deg, rgba(39, 61, 135, 1) 50%, rgba(22, 41, 105, 1) 100%);
}

.modulo-caso-empresas.caso04{
background: #162969;
background: linear-gradient(180deg, rgba(22, 41, 105, 1) 50%, rgba(11, 24, 112, 1) 100%);
padding-bottom: 200px;
}



.tit-caso-empresas{
    padding: 30px;
}

.tit-caso-empresas h2{
    font-weight: 900;
    color: #fff;
    text-shadow: -3px -3px 0px #273D87, 4px 4px 0px #00000030;
        font-size: 2.5em;
}

.img-caso-empresas img{
    width: 100%;
    height: auto;
    filter: drop-shadow(3px 3px 15px #00000030);
}


.txt-caso-empresas{
    padding: 30px;
    margin-top: 150px;
    color: #fff;
}

.txt-caso-empresas p{
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 300;
}

.txt-caso-empresas p strong{
    font-weight: 700;
}

.btn-caso-empresas{
    margin-top: 50px;
}



.btn-caso-empresas button:hover{
    transform: scale(0.95);
    background: #fff;
    border: #44BBFF 3px solid;
    color: #44BBFF;
    box-shadow: 5px 5px 5px 0px #00000075;
    transition: all 0.7s;
}
    */
}



/*PLANTILLA CASOS DE ÉXITO*/

.portada-caso-exito{
    padding-top: 150px;
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
}

.portada-caso-exito.caso-base{
    background: url("../../casos-exito/caso-base/img/portada-caso-base.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.portada-caso-exito.colchones-lester{
    background: url("../../casos-exito/colchones-lester/img/portada-caso-colchones-lester.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;

}

.portada-caso-exito.huf-autmotriz{
    background: url("../../casos-exito/HUF-mexico-automotriz/img/portada-caso-HUF.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.portada-caso-exito.tsk-autmotriz{
    background: url("../../casos-exito/thyssenkrupp-automotriz/img/portada-caso-TSK.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.portada-caso-exito.anahuac{
    background: url("../../casos-exito/universidad-anahuac/img/portada-caso-anahuac.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}



.tit-portada-caso{
    padding: 50px 0px;
    
}

.tit-portada-caso h1{
    font-weight: 900;
    font-size: 3.5em;
    line-height: 1.1;
    text-shadow: 3px 3px 0px #ffffff, 5px 5px 0px #00000030;
    color: #273D87;
}

.tit-portada-caso h2{
    margin-top: 30px;
    color: #fff;
    padding: 10px;
    background: #001C65;
    width: 50%;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 30px;
}

.portada-caso-exito.huf-autmotriz .tit-portada-caso h2{
    width: 75%;
}

.tit-portada-caso p{    
    font-size: 1.5em;
    color: #2f2f2f;
    line-height: 1.1;
    
}

.logo-empresa-exito{
    margin-top: 150px;
}


.logo-empresa-exito img{
    width: 90%;
    height: auto;
}


.bar-white-down.top-caso{
    position: relative;
    z-index: 1;
    margin-top: -50px;
}

.problema-caso-exito{
    margin-top: -50px;
    padding-top: 200px;
    padding-bottom: 200px;
    background: url("../../../assets/img/bg-textura-blanco.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;    
}

.txt-problema-caso{
    text-align: right;
    position: relative;
    width: 70%;
    left: 30%;
    color: #1C1C1C;
}

.txt-problema-caso h2{
    font-weight: 900;
    color: #001C65;
    font-size: 3em;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.txt-problema-caso p{
    font-size: 1.3em;
    padding-left: 100px;
}


@media (min-width: 1200px) and (max-width: 1399px){

    .tit-portada-caso{
    padding: 50px 0px;
    padding-right: 30px;
    
}

.portada-caso-exito.tsk-autmotriz .tit-portada-caso h2{
    width: 60%;
}

.txt-problema-caso{
    width: 75%;
    left: 25%;
}



}

@media (min-width: 1100px) and (max-width: 1199px){
    
    .tit-portada-caso{
    padding: 50px 0px;
    padding-right: 30px;
    
}

.portada-caso-exito.tsk-autmotriz .tit-portada-caso h2{
    width: 70%;
}

.portada-caso-exito.anahuac .tit-portada-caso h2{
    width: 70%;
}


.tit-portada-caso h1{
    font-size: 3em;
}



.tit-portada-caso p{    
    font-size: 1.3em;    
}

.txt-problema-caso{
    width: 80%;
    left: 20%;
}

.txt-problema-caso h2{
    font-size: 2.8em;
}
.txt-problema-caso p{
    font-size: 1.3em;
    padding-left: 80px;
}
}

@media (min-width: 992px) and (max-width: 1099px){
    .tit-portada-caso h1{
    font-size: 3em;
}

.tit-portada-caso p{    
    font-size: 1.3em;
}
.portada-caso-exito.tsk-autmotriz .tit-portada-caso h2{
    width: 70%;
}

.portada-caso-exito.anahuac .tit-portada-caso h2{
    width: 70%;
}


.txt-problema-caso{
    width: 85%;
    left: 15%;
}

.txt-problema-caso h2{
    font-size: 2.5em;
}

.txt-problema-caso p{
    font-size: 1.2em;
}

}

@media (min-width: 768px) and (max-width: 991px){
    .portada-caso-exito.tsk-autmotriz .tit-portada-caso h2{
    width: 70%;
}

    .portada-caso-exito{
        margin-bottom: 0px;
    }
 

.logo-empresa-exito{
   display: none;
}



.txt-problema-caso{
    width: 90%;
    left: 10%;
}

.txt-problema-caso h2{
    font-size: 2.3em;
}

.txt-problema-caso p{
    font-size: 1.23em;
    padding-left: 0px;
}
}

@media (min-width: 576px) and (max-width: 767px){
       .portada-caso-exito{
        margin-bottom: 0px;
    }
 
    .tit-portada-caso h1{
    font-size: 3em;
}


.logo-empresa-exito{
   display: none;
}

.txt-problema-caso{
    width: 90%;
    left: 10%;
}

.txt-problema-caso h2{
    font-size: 2.3em;
}

.txt-problema-caso p{
    font-size: 1.23em;
    padding-left: 0px;
}

.tit-portada-caso h2{
    width: 80%;
}


.tit-portada-caso p{    
    font-size: 1.3em;
    
}
.bar-white-down.top-caso{    
    position: relative;
    z-index: 1;
    margin-top: -50px;
}


.problema-caso-exito{
    margin-top: -30px;
    padding-top: 150px;
    padding-bottom: 150px;
    
}

.txt-problema-caso{
    width: 100%;
    left: 0%;
}
.txt-problema-caso h2{
    font-size: 2em;
}

.txt-problema-caso p{
    font-size: 1.2em;
    padding-left: 0px;
}
   
}

@media (max-width: 575px){
      .portada-caso-exito{
        margin-bottom: 0px;
        padding-bottom: 30px;
    }
 
    .tit-portada-caso h1{
    font-size: 2.5em;
}


.logo-empresa-exito{
   display: none;
}



.tit-portada-caso h2{
    width: 90%;
    font-size: 1.8em;
}

.portada-caso-exito.huf-autmotriz .tit-portada-caso h2{
    width: 100%;
}

.tit-portada-caso p{    
    font-size: 1.3em;
    
}
.bar-white-down.top-caso{
    
    position: relative;
    z-index: 1;
    margin-top: -50px;
}


.problema-caso-exito{
    margin-top: -10px;
    padding-top: 150px;
    padding-bottom: 150px;
    
}

.txt-problema-caso{
    width: 100%;
    left: 0%;
}
.txt-problema-caso h2{
    font-size: 1.8em;
}

.txt-problema-caso p{
    font-size: 1.2em;
    padding-left: 0px;
}
}



/*SOLUCIÓN DEL CASO*/

.solucion-caso-exito{
    padding-top: 100px;
    padding-bottom: 150px;
    color: #1C1C1C;
     position: relative;
    z-index: 0;
}

.solucion-caso-exito.caso-base{
    background: url("../../casos-exito/caso-base/img/bg-caso-mid.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;    
}

.solucion-caso-exito.colchones-lester{
    background: url("../../casos-exito/colchones-lester/img/bg-caso-mid.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;    
}

.solucion-caso-exito.huf-autmotriz{
    background: url("../../casos-exito/HUF-mexico-automotriz/img/bg-caso-mid.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;    
}

.solucion-caso-exito.tsk-autmotriz{
    background: url("../../casos-exito/thyssenkrupp-automotriz/img/bg-caso-mid.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;    
}

.solucion-caso-exito.anahuac{
    background: url("../../casos-exito/universidad-anahuac/img/bg-caso-mid.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;    
}


.txt-solucion-caso{
    width: 60%;
    margin-bottom: 150px;
    text-shadow: 2px 2px 10px #00000030;
}

.txt-solucion-caso h2{
    font-weight: 900;
    color: #0D38A7;
    font-size: 3em;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}

.txt-solucion-caso p{
    font-size: 1.3em;
}


.resultados-caso-exito{
    background: url("../../../assets/img/bg-textura-azul.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    position: relative;
    width: 70%;
    left: 30%;
    padding: 100px;
    box-shadow: 5px 5px 10px 0px #00000075;
    border-radius: 30px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 55% 95%, 50% 100%, 45% 95%, 0 95%);
}

.txt-resultados-caso{
    text-shadow: 2px 2px 10px #00000030;
}

.txt-resultados-caso h2{
    font-weight: 900;
    font-size: 3em;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 1.1;
    text-shadow: 2px 2px 0px #94A9DA, 5px 5px 0px #00000030;
}

.txt-resultados-caso p{
    font-size: 1.3em;
}


.bar-white-up.mid-caso{
    position: relative;
    z-index: 2;
    margin-top: -100px;
}



@media (min-width: 1200px) and (max-width: 1399px){

    .txt-solucion-caso{
    width: 65%;
}

.resultados-caso-exito{
    width: 75%;
    left: 25%;
}
}

@media (min-width: 1100px) and (max-width: 1199px){
    .solucion-caso-exito{
    padding-top: 50px;
    padding-bottom: 150px;
}

.txt-solucion-caso{
    width: 75%;
}

.resultados-caso-exito{
    width: 75%;
    left: 25%;
    padding: 100px 80px;
}

}

@media (min-width: 992px) and (max-width: 1099px){
    .solucion-caso-exito{
    padding-top: 50px;
}

.txt-solucion-caso{
    width: 75%;
}

.txt-solucion-caso h2{
    font-size: 2.5em;
}
.txt-solucion-caso p{
    font-size: 1.2em;
}

.resultados-caso-exito{
    padding: 100px 80px;
}

.txt-resultados-caso h2{
    font-size: 2.5em;
}

}

@media (min-width: 768px) and (max-width: 991px){
    .solucion-caso-exito{
    padding-top: 50px;
}
.bar-white-up.mid-caso{
    position: relative;
    z-index: 2;
    margin-top: -50px;
}
.txt-solucion-caso{
    width: 85%;
}

.txt-solucion-caso h2{
    font-size: 2.5em;
}

.txt-solucion-caso p{
    font-size: 1.2em;
}
.resultados-caso-exito{
    width: 80%;
    left: 20%;
    padding: 100px 50px;
}

.txt-resultados-caso h2{
    font-size: 2.5em;
}


.txt-resultados-caso p{
    font-size: 1.2em;
}

}

@media (min-width: 576px) and (max-width: 767px){
       .solucion-caso-exito{
    padding-top: 50px;
}
.bar-white-up.mid-caso{
    position: relative;
    z-index: 2;
    margin-top: -50px;
}
.txt-solucion-caso{
    width: 100%;
}

.txt-solucion-caso h2{
    font-size: 2.5em;
}

.txt-solucion-caso p{
    font-size: 1.2em;
}
.resultados-caso-exito{
    width: 100%;
    left: 0%;
    padding: 100px 50px;
}

.txt-resultados-caso h2{
    font-size: 2.5em;
}

.txt-resultados-caso p{
    font-size: 1.2em;
}
}

@media (max-width: 575px){
      .solucion-caso-exito{
    padding-top: 50px;
}
.bar-white-up.mid-caso{
    position: relative;
    z-index: 2;
    margin-top: -30px;
}

.txt-solucion-caso{
    width: 100%;
    margin-bottom: 100px;
}

.txt-solucion-caso h2{
    font-size: 2.5em;
    overflow: hidden;
}

.txt-solucion-caso p{
    font-size: 1.2em;
}
.resultados-caso-exito{
    width: 100%;
    left: 0%;
    padding: 100px 30px;
}

.txt-resultados-caso h2{
    font-size: 2.5em;
     overflow: hidden;
}

.txt-resultados-caso p{
    font-size: 1.2em;
}
}



/*BANNER INFERIOR CASO DE EXITO*/
.cta-caso-exito{
    background: #001C65;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 0;
    padding-top: 100px;
    padding-bottom: 200px;
}

.cta-caso-exito h2{
    text-transform: uppercase ;
    margin-bottom: 100px;
    font-size: 3em;
    font-weight: 900;
    text-shadow: -3px -3px 0px #94A9DA, 5px 5px 0px #00000075;
}

.cta-caso-exito button{
    padding: 20px 100px;
    font-size: 1.3em;
    color: #fff;
    border-radius: 50px;
    font-weight: 500;
    background: #44BBFF;
    border: #fff 3px solid;
    box-shadow: 5px 5px 0px 0px #6684D2;
    transition: all 0.7s;
}

.cta-caso-exito button:hover{
    transform: scale(0.95);
    background: #fff;
    border: #44BBFF 3px solid;
    color: #44BBFF;
    box-shadow: 5px 5px 5px 0px #00000075;
    transition: all 0.7s;
}


@media (min-width: 1100px) and (max-width: 1199px){
.cta-caso-exito{
    padding-top: 50px;
}
}

@media (min-width: 992px) and (max-width: 1099px){
        .cta-caso-exito{
            padding-top: 50px;
        }

        .cta-caso-exito h2{
            margin-bottom: 50px;
        }
        
}

@media (min-width: 768px) and (max-width: 991px){
        .cta-caso-exito{
            padding-top: 50px;
        }

.cta-caso-exito h2{
    font-size: 2.5em;
    margin-bottom: 50px;
}

.cta-caso-exito button{
    padding: 20px 80px;
}
}

@media (min-width: 576px) and (max-width: 767px){
     .cta-caso-exito{
            padding-top: 50px;
        }

.cta-caso-exito h2{
    font-size: 2.3em;
    margin-bottom: 50px;
}

.cta-caso-exito button{
    padding: 15px 80px;
    font-size: 1.2em;
}
}

@media (max-width: 575px){
        .cta-caso-exito{
            padding-top: 50px;
            margin-top: -70px;
            padding-bottom: 100px;
        }

.cta-caso-exito h2{
    font-size: 2em;
    margin-bottom: 50px;
}

.cta-caso-exito button{
    padding: 15px;
    width: 100%;
    font-size: 1.2em;
}
.bar-blue-up.mid-caso{
    background: url("../../../assets/img/curva-up-b-01.svg");
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    
}
}
/*

@media (min-width: 1200px) and (max-width: 1399px){}

@media (min-width: 1100px) and (max-width: 1199px){}

@media (min-width: 992px) and (max-width: 1099px){}

@media (min-width: 768px) and (max-width: 991px){}

@media (min-width: 576px) and (max-width: 767px){}

@media (max-width: 575px){}
*/