/*BANNER*/

.banner{
    margin-top:10px;
}

.banner .fondo{
    display: block;
    width:100%;
}

.banner .contenido{
    position: absolute;
    top:0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.banner .textos{
    position: absolute;
    left:0%;
    width: 50%;
    top:35%;
    text-align: right;
}

.banner .titulo{
    font-family: fuente-1-bold;
}

.banner .boton{
    margin-top:20px;
    width: 300px;
    cursor: pointer;
}
@media only screen and (max-width: 1150px) {
    .banner .textos{
        left:10px;
    }    

}
@media only screen and (max-width: 1000px) {
    .banner .textos{
        top:25%;
    }
}

@media only screen and (max-width: 900px) {
    .banner .textos{
        width: 55%;
        left: 5%;
    }
    .banner .boton{
        width: 250px;
    }
}

@media only screen and (max-width: 700px) {
    .banner .textos{
        width: 80%;
        left: 10%;
        top:15%;
    }

    .banner .titulo{
        font-size: 40px;
    }
    .banner .subtitulo{
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .banner .titulo{
        font-size: 30px;
    }
    .banner .subtitulo{
        font-size: 18px;
    }
    .banner .textos{
        top:18%;
        width: 90%;
        left: 5%;
    }
    .banner .boton{
        width: 220px;
    }

}


@media only screen and (max-width: 500px) {
    .banner .titulo{
        font-size: 25px;
    }
    .banner .subtitulo{
        font-size: 15px;
    }
}


@media only screen and (max-width: 400px) {
    .banner .titulo{
        font-size: 20px;
    }
    .banner .subtitulo{
        font-size: 13px;
    }
}

/*aprende en glish*/


/*
.caracteristicas{
    position: relative;
}

.caracteristicas .contenedor-fondo{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.caracteristicas .contenido{
    text-align: center;
    position: relative;
    z-index: 2;
    font-family: fuente-1-light;
    padding-top: 100px;
}

.caracteristicas .componentes{
    margin-top:40px;
}

.caracteristicas .contenedor-componente{
    width: 33.33%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.caracteristicas .contenedor-componente .interno{
    border-radius: 20px;
    padding:10px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px -10px #555;
    border:1px solid #F0F0F0;
    background-color: white;
}

.caracteristicas .textos{
    text-align: left;
    box-sizing: border-box;
    padding-left: 10px;
    width: 70%;

}

.caracteristicas .titulo-componente{
    font-family: fuente-1-semibold;
}


.caracteristicas .contenedor-componente .celda-imagen{
    width: 30%;
    box-sizing: border-box;
}

.caracteristicas .contenedor-componente .celda-imagen img{
    width: 100%;
}

.caracteristicas .tiempos{
    max-width: 800px;
    width: 100%;
    margin:0 auto;
    margin-top:50px;
    padding-bottom:120px;
}

.tiempos .texto-principal-tiempos{
    font-family: fuente-1-bold;
}

.caracteristicas .tiempos .celda-imagen{
    width: 50%;
}
.caracteristicas .tiempos .celda-imagen img{
    width:100%;
    display: block;
}
.caracteristicas .tiempos .celda-textos{
    width: 50%;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
}

.caracteristicas .ondas{
    position: absolute;
    bottom:0px;
    right: 0px;
    width: 20%;
}

.caracteristicas .ondas img{
    width: 100%;
    display: block;
}

@media only screen and (max-width: 1150px) {
    .caracteristicas .tiempos .celda-textos{
        position: relative;
        top: 40px;
    }
}

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

    .caracteristicas .contenedor-componente{
        width: 50%;
        max-width: 350px;
    }

}

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

    .caracteristicas .contenedor-componente{
        width: 100%;
        max-width: 350px;
    }

    .caracteristicas .tiempos .celda-imagen{
        width: 100%;
    }
    .caracteristicas .tiempos .celda-imagen img{
        max-width: 350px;
        margin:0 auto;
    }
    .caracteristicas .tiempos .celda-textos{
        padding-left: 0px;
        width: 100%;
        text-align: center;
    }
}

*/


/*INFORMACION DEL METODO*/

.informacion{
    position: relative;
    padding-top: 80px;
    padding-bottom: 120px;
    color:#093e68;
}

.informacion .fondo{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.informacion .contenido{
    position: relative;
    z-index: 2;   
    text-align: center;
}

.informacion .titulo{
    font-size: 50px;
    font-family: fuente-1-light;
}

.informacion .plazos-aprendizaje{
    margin-top:20px;
}

.informacion .plazos-aprendizaje .celda{
    width:50%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.informacion .plazos-aprendizaje img{
    width:100%;
    max-width: 350px;
}

.inmersion-linguistica{
    margin-top:40px;
}

.inmersion-linguistica .celda-imagen{
    width:45%;
    box-sizing: border-box;
    padding-right: 10px;
}
.inmersion-linguistica img{
    width: 100%;
}
.inmersion-linguistica .celda-descripcion{
    width:55%;
    text-align: left;
    box-sizing: border-box;
    padding-left: 40px;
}

.informacion .inmersion-linguistica .titulo{
    font-size: 35px; 
    font-family: fuente-1-bold;
    margin-top: 80px;
}

.inmersion-linguistica .descripcion{
    font-size: 23px;
    font-family: fuente-1-light;
    margin-top: 30px;
}


.informacion .caracteristicas{
    margin-top:80px;
}

.informacion .caracteristicas .celda{
    width: 25%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
.informacion .caracteristicas img{
    width:100%;
    max-width: 180px;
}

.informacion .caracteristicas h3{
    font-size: 25px;
    font-family: fuente-1-bold;
}


@media only screen and (max-width: 1350px) {
    .informacion .titulo{
        font-size: 45px;
    }
    .informacion .plazos-aprendizaje img{
        max-width: 330px;
    }
}

@media only screen and (max-width: 1150px) {
    .informacion .titulo{
        font-size: 40px;
    }
    .informacion .plazos-aprendizaje img{
        max-width: 310px;
    }

    .informacion .inmersion-linguistica .titulo{
        margin-top: 40px;
        font-size: 30px;
    }

    .inmersion-linguistica .descripcion{
        margin-top: 15px;
    }

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

    .informacion .plazos-aprendizaje img{
        max-width: 290px;
    }

    .informacion .inmersion-linguistica .titulo{
        margin-top: 20px;
    }
    .inmersion-linguistica .descripcion{
        font-size: 20px;
    }
   .informacion .inmersion-linguistica .titulo{
        font-size: 28px;
    }    

    .informacion .caracteristicas h3{
        font-size: 18px;
        font-family: fuente-1-bold;
    }

}

@media only screen and (max-width: 768px) {
    .informacion .titulo{
        font-size: 35px;
    }
    .informacion .plazos-aprendizaje img{
        max-width: 270px;
    }

    .informacion .caracteristicas h3{
        font-size: 15px;
        font-family: fuente-1-bold;
    }
    .inmersion-linguistica .celda-descripcion{
        padding-left: 10px;
        width: 55%;
    }
    .inmersion-linguistica .celda-imagen{
        width: 45%;
    }    

    .informacion .inmersion-linguistica .titulo{
        font-size: 23px;
    }   
}


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

    .informacion .plazos-aprendizaje img{
        max-width: 250px;
    }

    .inmersion-linguistica .celda-imagen{
        width: 100%;
    }
    .inmersion-linguistica .celda-descripcion{
        width:100%;
    }
    .inmersion-linguistica img{
        max-width: 350px;
    }
    .informacion .caracteristicas .celda{
        width: 50%;
        margin-bottom:30px;
    }
}
@media only screen and (max-width: 500px) {
    .informacion .caracteristicas .celda{
        width: 100%;

    }
}
@media only screen and (max-width: 450px) {
    .informacion .plazos-aprendizaje .celda{
        width:100%;
        margin-bottom: 30px;
    }
}


/*metodo*/

.metodo{
    position: relative;
    padding-top:100px;
    padding-bottom: 100px;
}
.metodo .fondo{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.metodo .contenido{
    position: relative;
    z-index: 2;
}

.metodo .titulo{
    font-family: fuente-1-light;
    text-align: center;
}

.metodo .celda-video{
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px;
}

.metodo .textos{
    width: 50%;
    box-sizing: border-box;
    padding-left: 40px;
}

.metodo .contenido-metodo{
    margin-top:50px;
}

.metodo .subtitulo{
    font-family: fuente-1-semibold;
}

.metodo .descripcion{
    margin-top: 20px;
    font-family: fuente-1-light;
}

@media only screen and (max-width: 1000px) {
    .metodo .textos{
        padding-left:20px;
    }
    .metodo .descripcion{
        margin-top: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .metodo .textos{
        padding-left: 10px;
    }
    .metodo .celda-video{
        padding-right: 0px;
    }
}
@media only screen and (max-width: 700px) {
    .metodo .celda-video{
        width: 100%;
    }
    .metodo .textos{
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
    .metodo .contenido-metodo{
        max-width: 500px;
        margin:0 auto;
        margin-top: 50px;
    }
}

/*especializado*/

.especializado{
    position: relative;
    padding-top: 80px;
    color:#093e68;
    padding-bottom: 200px;
}
.especializado .fondo{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 120%;
}

.especializado .ondas{
    position: absolute;
    top:0px;
    right: 0px;
    width: 20%;
    z-index: 2;
}
.especializado .contenedor-contenido{
    position: relative;
    z-index: 2;
}

.especializado .ondas img{
    width: 100%;
    display: block;
}

.especializado .titulo{
    text-align: center;
    font-family: fuente-1-light;
}

.especializado .subtitulo{
    max-width: 800px;
    margin:0 auto;
    margin-top:40px;
    text-align: center;
}

.especializado .contenido{
    margin-top:50px;
}

.especializado .elementos{
    width:50%;
    box-sizing: border-box;
    padding-right: 10px;
}

.especializado .video{
    width: 50%;
    box-sizing: border-box;
    padding-left: 10px;
}

.especializado .contenido .elemento{
    width: 50%;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
}

.especializado .contenido .elemento img{
    width: 100%;
    max-width: 150px;
    display: block;
}

.especializado .contenido .elemento .descripcion{
}


@media only screen and (max-width: 1000px) {
    .especializado .elementos{
        width: 45%;
    }
    .especializado .video{
        width: 55%;
    }
}

@media only screen and (max-width: 768px) {
    .especializado .elementos{
        width: 100%;
    }
    .especializado .video{
        width: 100%;
    }    

    .especializado .contenido .elemento{
        width: 50%;
    }

    .especializado .contenido .elemento .interno{
        max-width: 200px;
        margin:0 auto;
        text-align: center;
        margin-bottom: 20px;
    }
}

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

    .especializado .contenido .elemento{
        width: 100%;
    }
}


.categorias{
    margin-top: 80px;
    position: relative;
    z-index: 2;
}


.categorias .titulo{
    text-align: center;
    font-family: fuente-1-light;
}


.categorias .carrusel{
    margin-top:50px;
    overflow: hidden;
}

.categorias .contenedor-flecha-izquierda{
    width: 5%;
    text-align: right;
    padding-right: 5px;
    height: 120px;
    box-sizing: border-box;
    font-family: generica;
}
.categorias .contenedor-flecha-izquierda span{
    display: inline-block;
    position: relative;
    top:50%;
    transform: translateY(-50%);
    font-size: 50px;
    cursor: pointer;
}
.categorias .contenedor-flecha-derecha{
    width: 5%;
    text-align: left;
    padding-left: 5px;
    height: 120px;
    box-sizing: border-box;
    font-family: generica;
}
.categorias .contenedor-flecha-derecha span{
    display: inline-block;
    position: relative;
    top:50%;
    transform: translateY(-50%);
    font-size: 50px;
    cursor: pointer;
}
.categorias .desplazable{
    width: 90%;
    overflow: hidden;
}

.categorias .elementos{
    position: relative;
    left: 0px;
}

.categorias .celda-especialidad{
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    font-family: fuente-1-bold;
}


.categorias .celda-especialidad img{
    width: 30%;
}

.categorias .titulo-especialidad{
    padding-left: 10px;
    box-sizing: border-box;
    width: 70%;
}

.categorias .titulo-especialidad h4{
    position: relative;
    display: block;
    top:50%;
    transform: translateY(-50%);
}

.categorias .boton-mas{
    margin-top: 50px;
    width:100%;
    max-width: 200px;
}

@media only screen and (max-width: 1150px) {
    .categorias .contenedor-flecha-izquierda span, .categorias .contenedor-flecha-derecha span{
        font-size: 40px;
    }
}

@media only screen and (max-width: 1000px) {
    .categorias .contenedor-flecha-izquierda span, .categorias .contenedor-flecha-derecha span{
        font-size: 30px;
    }
}

@media only screen and (max-width: 800px) {
    .categorias .celda-especialidad img{
        width: 40%;   
    }
    .categorias .titulo-especialidad{
        width: 60%;
    }
    .categorias .contenedor-flecha-izquierda span, .categorias .contenedor-flecha-derecha span{
        font-size: 25px;
    }
}
@media only screen and (max-width: 600px) {
    .categorias .celda-especialidad img{
        width: 25%;   
    }
    .categorias .titulo-especialidad{
        width: 75%;
    }

    .categorias .celda-especialidad .interno{
        text-align: center;
    }
    .categorias .titulo-especialidad{
        width: auto;
    }
    .categorias .contenedor-flecha-izquierda span, .categorias .contenedor-flecha-derecha span{
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    .categorias .celda-especialidad img{
        width: 30%;   
    }
    .categorias .titulo-especialidad{
        width: auto;
    }

    .categorias .contenedor-flecha-izquierda{
        width: 15%;
    }
    .categorias .contenedor-flecha-derecha{
        width: 15%;
    }
    .categorias .desplazable{
        width: 70%;
    }
}

@media only screen and (max-width: 400px) {
    .categorias .celda-especialidad img{
        width: 35%;   
    }
    .categorias .titulo-especialidad{
        width: 65%;
    }
}



.especializado .opciones{
    margin-top:80px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.especializado .opciones .celda-imagen{
    width: 50%;
    text-align: right;
    position: relative;
    z-index: 2;
}

.especializado .opciones .celda-imagen img{
    width: 110%;
    position: relative;
    right: 10%;
}

.especializado .opciones .celda-texto{
    width: 50%;
    padding-left: 50px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    top:50px;
}

.especializado .opciones .titulo{
    font-family: fuente-1-semibold;
    text-align: left;
}

.especializado .opciones .descripcion{
    margin-top: 20px;
}

.especializado .opciones .boton{
    margin-top: 40px;
}

.especializado .opciones .boton img{
    width: 100%;
    max-width: 300px;
}

.especializado .opciones .celda-texto .marco{
    position: absolute;
    width:150%;
    height: 150%;
    top: -25%;
    left: -25%;
}

.especializado .enmarcado{
    position: relative;
    top: 40px;
}
@media only screen and (max-width: 1150px) {
    .especializado .opciones .descripcion{
        margin-top: 10px;
    }
    .especializado .opciones .boton{
        margin-top: 15px;
    }
    .especializado .opciones .boton img{
        max-width: 250px;
    }
}

@media only screen and (max-width: 900px) {
    .especializado .opciones .celda-texto{
        padding-left: 20px;
    }
    .especializado .opciones .celda-texto{
        padding-left: 20px;
    }
    .especializado .opciones .titulo{
        font-size: 25px;
    }
    .especializado .opciones .descripcion{
        margin-top: 5px;
    }
    .especializado .opciones .boton{
        margin-top: 10px;
    }
    .especializado .enmarcado{
        top:20px;
    }
}

@media only screen and (max-width: 768px) {
    .especializado .opciones .celda-imagen{
        width: 100%;
    }
    .especializado .opciones .celda-texto{
        width: 100%;
        padding-left: 0px;
    }
    .especializado .opciones .celda-imagen img{
        width:100%;
        max-width: 450px;
    }
    .especializado .opciones .celda-texto .marco{
        position: relative;
        width: 100%;
        left: 0px;
        margin:0 auto;
        height: auto;
    }
    .especializado .enmarcado{
        position: absolute;
        width: 70%;
        left: 15%;
        top:25%;
    }
    .especializado .opciones .celda-texto{
        padding-bottom: 50px;
    }
    .enmarcado{
        text-align: center;
    }
    .especializado .opciones .titulo{
        text-align: center;
    }
}

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

    .especializado .opciones .celda-texto .marco{
        width: 130%;
        left: -15%;
    }
    .especializado .enmarcado{
        width: 100%;
        left: 0%;
    }
}

@media only screen and (max-width: 500px) {
    .especializado .enmarcado{
        top:20%;
    }
    .especializado .opciones .celda-texto .marco{
        width: 180%;
        left: -40%;
    }
    .especializado .opciones .celda-texto{
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 400px) {
    .especializado .opciones .celda-texto .marco{
        width: 220%;
        left: -60%;
    }
}



/*FORMULARIO*/
.formulario .celda-formulario{
    width:45%;
    text-align: center;
}
.formulario .celda-imagen{
    width:55%;
    padding-left: 50px;
    box-sizing: border-box;

}

.formulario .subtitulo{
    padding-top: 30px;
    font-size: 35px;
    font-family: fuente-1-bold;
    color: dc1b4d;
}

.formulario .instrucciones{
    margin-top:20px;
    font-size: 25px;
    font-family: fuente-1-light;
    margin-bottom: 30px;
}

.contacto .campos-formulario{
    text-align: left;
}


.formulario{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.formulario .campos-formulario{
    text-align: left;
}
.formulario input{
    width:100%;
    border:1px solid #03b1ff;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 10px;
    height: 30px;
}

.formulario .celda-imagen img{
    width:100%;
}

.formulario .contenedor-boton img{
    width:100%;
    max-width: 230px;
    margin-top:30px;
    cursor:pointer;
}



@media only screen and (max-width: 1150px) {
    .formulario .celda-imagen{
        padding-top: 100px;
    }
}
@media only screen and (max-width: 1000px) {
    .formulario .celda-imagen img{
        width:130%;
    }
}

@media only screen and (max-width: 768px) {
    
    .formulario .celda-imagen img{
        padding-top: 130px;
        position: relative;
        left: -40px;
        width: 140%;
    }

}

@media only screen and (max-width: 700px) {
    .formulario .celda-formulario{
        width: 55%;
    }
    .formulario .celda-imagen{
        width: 45%;
    }
    .formulario .celda-imagen img{
        width:160%;
        left: -50px;
    }
    .formulario .celda-imagen{
        padding-top: 50px;
    }
}

@media only screen and (max-width: 650px) {
    .formulario .celda-formulario{
        width:100%;
    }
    .formulario .celda-imagen{
        padding-top: 0px;
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .formulario .celda-imagen img{
        padding-top: 50px;
        width: 100%;
        left: 0px;
        max-width: 400px

    }

}

@media only screen and (max-width: 600px) {
    .formulario{
        padding-top: 200px;
    }
    .formulario .instrucciones, .contacto .hint{
        font-size: 18px;
    }
}



/*metodologia*/
.metodologia{
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.metodologia .fondo{
    position: relative;
    z-index: 2;
}
.metodologia .fondo img{
    width: 100%;
position: relative;
    top:-13%
}

.metodologia .contenido{
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.metodologia .boton{
    width: 100%;
    bottom: 10px;
    text-align: center;
    position: absolute;
    cursor: pointer;
}

.metodologia .boton img{
    width: 100%;
    max-width: 220px;

}

.metodologia .engrane-0{
    position: absolute;
    top:0px;
    right: 28%;
    width: 15%;
}
.metodologia .engrane-0 img{
    width:100%;
    display: block;
}

.metodologia .engrane-1{
    position: absolute;
    bottom:0px;
    left: 18%;
    width: 15%;
}
.metodologia .engrane-1 img{
    width:100%;
    display: block;
}


.metodologia .contenido{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.metodologia .contenedor-texto{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.metodologia .capacidades{
    margin-top: 40px;
}

.metodologia .celda-capacidad{
    width: 25%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.metodologia .celda-capacidad .interno{
    background-color: white;
    position: relative;
    box-shadow: 0 10px 20px -10px #555;
    border-radius: 20px;
}

.metodologia .celda-capacidad .icono{
    position: absolute;
    top:0px;
    left: 10px;
}
.metodologia .celda-capacidad .icono img{
    height: 70px;
    display: block;
    position: relative;
    top: -35px;
}
.metodologia .celda-capacidad .interno-2{
    padding-left: 80px;
    padding-top:30px;
    padding-bottom:30px;
    padding-right: 20px;
}
.metodologia .celda-capacidad .titulo-capacidad{
    font-family: fuente-1-bold;
}
.metodologia .celda-capacidad .texto{
    margin-top: 10px;
}



@media only screen and (max-width: 1000px) {
    .metodologia .celda-capacidad .icono{
        top:-20px;
    }
    .metodologia .celda-capacidad .interno-2{
        padding:15px;
        padding-top: 30px;
    }

    .metodologia .capacidades{
        margin-top:60px;
    }

    .metodologia .boton{
        bottom:0px;
    }
    .metodologia .boton img{
        max-width: 200px;
    }

    .metodologia .celda-capacidad .icono img{
        height: 60px;
    }

}

@media only screen and (max-width: 850px) {
    .metodologia .celda-capacidad{
        width: 50%;
        margin-bottom: 80px;
    }
    .metodologia .celda-capacidad .interno{
        margin:0 auto;
        max-width: 300px;
    }
    .metodologia .engrane-1{
        left: 85%;
    }
    .metodologia .engrane-0{
        right: 50%;
    }

    .metodologia .celda-capacidad .icono img{
        height: 50px;
        top:0px;
    }

}


@media only screen and (max-width: 550px) {
    .metodologia .boton img{
        position: relative;
        left: 50px;
    }
}
@media only screen and (max-width: 450px) {
    .metodologia .boton img{
        max-width: 150px;
    }
    .metodologia .celda-capacidad{
        width: 100%;
        margin-bottom: 25px;
    }
    .metodologia .celda-capacidad .icono{
        top: -10px;
    }
    .metodologia .celda-capacidad .icono img{
        height: 40px;
        top:5px;
    }
    .metodologia .celda-capacidad .texto{
        margin-top:0px;
    }
    .metodologia .celda-capacidad .interno-2{
        padding: 10px;
    }
    .metodologia .capacidades{
        margin-top: 10px;
    }
    .metodologia .celda-capacidad .titulo-capacidad{
        display: inline;
    }
    .metodologia .celda-capacidad .texto{
        display: inline;
    }
    .metodologia .celda-capacidad .interno{
        max-width: 400px;
    }
    .metodologia .celda-capacidad .interno-2{
        padding-left: 70px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .metodologia .celda-capacidad{
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .metodologia .celda-capacidad .icono{
        top:0px;
    }
}

/*TESTIMONIOS*/

.testimonios{
    position: relative;
}

.testimonios .fondo{
    position: absolute;
    top:-30%;
    height: 130%;
    width: 100%;
    left: 0px;
}

.testimonios .contenido{
    padding-top:60px;
    padding-bottom:120px;
    position: relative;
    z-index: 2;
}

.testimonios .titulo{
    font-family: fuente-1-light;
}

.testimonios .videos{
    margin-top: 40px;
}

.testimonios .testimonio{
    width: 25%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

.testimonios .ondas{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 20%;
}

.testimonios .ondas img{
    width: 100%;
    display:block;
}

@media only screen and (max-width: 1150px) {
    .testimonios .testimonio{
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media only screen and (max-width: 768px) {
    .testimonios .testimonio{
        width: 50%;
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 550px) {
    .testimonios .testimonio{
        width: 100%;
        margin:0 auto;
        display: block;
        margin-bottom: 30px;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 350px;

    }
}