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

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

.banner .textos{
    position: absolute;
    left: 0px;
    top: 20%;
    width: 50%;
}

.banner .titulo{
    font-family: fuente-1-semibold;
    background: -webkit-linear-gradient(0deg, #740184, #00E2FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    

}

.banner .texto{
    margin-top: 20px;
    font-family:fuente-1-light;
    text-align: left;
    max-width: 80%;
}

@media only screen and (max-width: 1350px) {
    .banner .textos{
        left: 20px;
        top:15%;
    }
}
@media only screen and (max-width: 1150px) {
    .banner .textos{
        top:15%;
    }
}

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

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

@media only screen and (max-width: 650px) {
    .banner .textos{
        top:20%;
        width: 90%;
    }
    .banner .titulo{
        font-size: 40px;
    }
    .banner .texto{
        font-size: 20px;
    }
}

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

@media only screen and (max-width: 475px) {
    .banner .titulo{
        font-size: 35px;
    }
    .banner .texto{
        font-size: 18px;
    }
    .banner .textos{
        top:10%;
        width: 90%;
    }
}


@media only screen and (max-width: 400px) {
    .banner .titulo{
        font-size: 25px;
    }
    .banner .texto{
        font-size: 15px;
    }
    .banner .textos{
        top:10%;
        width: 90%;
    }
}

.caracteristicas{
    padding-top: 100px;
    padding-bottom: 60px;
}

.caracteristicas .greca-1{
    position:absolute;
    top:0px;
    right: 0px;
    display: block;
    width:15.5%;
    z-index: -1;
}

.caracteristicas .greca-2{
    position:absolute;
    top:50%;
    left: 0px;
    display: block;
    width:15.5%;
    z-index: -1;
}

.caracteristicas .titulo{
    color: #ff0c82;
    font-family: fuente-1-light;
    margin-top:5px;
}

.caracteristicas .beneficios{
    margin-top:30px;
    text-align: center;
}

.contenedor-beneficio{
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;

    box-sizing: border-box;
    text-align: center;
}

.contenedor-beneficio .visual{
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F3F3F3;
    border-radius: 35px;
}

.contenedor-beneficio img{
    width:95%;
    max-width: 180px;
}

.contenedor-beneficio .subtitulo{
    text-align: left;
    font-family: fuente-1-light;
    font-weight: 100;
}

.contenedor-beneficio .uno{
    color: #630780;
}

.contenedor-beneficio .dos{
    color: #651fff;
}

.contenedor-beneficio .tres{
    color: #ff0c82;
}

.contenedor-beneficio .cuatro{
    color: #ed4d47;
}

.contenedor-beneficio .descripcion{
    margin-top:20px;

}

.caracteristicas .contenedor-boton{
    margin-top:50px;
    text-align: center;
}

.caracteristicas .contenedor-boton .boton{
    display: inline-block;
    border-radius: 40px;
    padding-right: 70px;
    padding-left: 70px;
    line-height: 50px;
    font-family: fuente-1-semibold;
    color:white;
    background: linear-gradient(90deg,  #ed4d48, #ff0c82);
    cursor:pointer;
}

@media only screen and (max-width: 1350px) {
}
@media only screen and (max-width: 1150px) {
    .contenedor-beneficio{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 1000px) {
    .contenedor-beneficio{
        padding-left: 10px;
        padding-right: 10px;
    }
    .contenedor-beneficio .subtitulo{

    }
    .contenedor-beneficio .descripcion{
    }
}

@media only screen and (max-width: 900px) {
    .contenedor-beneficio{
        width:50%;
        margin-bottom: 30px;
        max-width: 300px;
    }
    .caracteristicas .greca-1{
        width:17.4%;
    }
}
@media only screen and (max-width: 768px) {
    .caracteristicas .titulo{
    }
}

@media only screen and (max-width: 650px) {
    .caracteristicas .greca-1{
        position:absolute;
        top:0px;
        right: 0px;
        display: block;
        width:38%;
    }
}
@media only screen and (max-width: 550px) {
    .contenedor-beneficio{
        width:100%;
    }    
}






.sistema{
    margin-top:50px;
    position: relative;
    overflow: hidden;
}
.sistema .greca-1{
    position:absolute;
    top:5%;
    right: 0px;
    display: block;
    width:15.5%;
    z-index: -1;

}

.sistema .cta-evalua{
    max-width: 800px;
    margin:0 auto;
}

.sistema .celda-imagen{
    width:45%;
    text-align: right;
}
.sistema .celda-imagen img{
    width: 100%;
    max-width: 300px;
}

.sistema .texto{
    width:55%;
    box-sizing: border-box;
    padding-left: 50px;
}
.sistema .texto .titulo{
    font-family: fuente-1-semibold;
    color:#ff0c82;
}
.sistema .texto h3{
    font-family: fuente-1-light;    
    margin-top:20px;
}

.sistema .texto .contenedor-boton{
    margin-top:30px;
    text-align: center;
}
.sistema .texto .boton{
    font-family: fuente-1-semibold;
    color:white;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(90deg,  #ff0c82, #ff9a00);
    cursor:pointer;
}


.sistema .frase{
    margin-top:80px;
    font-family: fuente-1-bold;
    text-align: center;
    color:#ff0c82;
}

.sistema .frase-2{
    font-family: fuente-1-light;
    color:#630780;
    text-align: center;
    margin-top:20px;
}

.sistema .textos-grandes{
    max-width: 1150px;
    margin:0 auto;
}


@media only screen and (max-width: 1150px) {
    .sistema .greca-1{
        right: -50px;
        top:10%;
    }
}
@media only screen and (max-width: 700px) {
    .sistema .greca-1{
        right: -50px;
        top:auto;
        bottom: 20%;
    }
    .sistema .texto{
        padding-left: 20px;
    }
}

@media only screen and (max-width: 475px) {
    .sistema .celda-imagen{
        width: 100%;
        text-align: center;
    }
    .sistema .celda-imagen img{
        max-width: 200px;
    }
    .sistema .texto{
        width: 100%;
        padding-left: 0px;
        text-align: center;
        margin-top:20px;
    }
}



.presentacion{
    padding-top: 40px;
    text-align: center;
}
.presentacion .titulo{
    font-family: fuente-1-light;
    font-weight: 100;
    color: #630780;
}

.presentacion .contenido{
    margin-top:40px;
}

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

.presentacion .celda-texto{
    
    width:50%;
    box-sizing: border-box;
    padding-left: 10px;
}

.presentacion h2{
    font-family: fuente-1-bold;
    color: #651fff;
}


.presentacion h3{
    color: #651fff;
}


.presentacion .contenedor-bullet{
    padding-left: 35px;
    position: relative;
    text-align: left;
    margin-block: 15px;
    font-family: fuente-1-light;
}

.presentacion .contenedor-bullets{
    margin-top: 30px;
}

.presentacion .contenedor-bullet img{
    display: block;
    position: absolute;
    left: 0px;
    top:0px;
    width:25px;
}

.presentacion .celda-milena img{
    width:100%;
}

.presentacion .logo-evolucione, .junior .logo, .kids .logo{
    max-width: 320px;
    width:90%;
}

.presentacion .contenedor-boton{
    margin-top:30px;
    text-align: center;
}
.presentacion .boton{
    display: inline-block;
    border-radius: 40px;
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: fuente-1-semibold;
    color:white;
    background: linear-gradient(90deg,  #651fff, #ff0c82);
    cursor:pointer;

}

@media only screen and (max-width: 850px) {
    .presentacion .celda-milena img{
        position: relative;
        top:50px;
    }    
}


@media only screen and (max-width: 768px) {
    .presentacion .celda-milena img{
        width:130%;
        position: relative;
        left: -30%;
    }
}

@media only screen and (max-width: 700px) {
    .presentacion .celda-milena img{
        width:150%;
        position: relative;
        left: -50%;
        top:50px;
    }
    .presentacion .celda-milena{
        width:35%
    }
    .presentacion .celda-texto{
        width:65%;
    }
}

@media only screen and (max-width: 600px) {
    .presentacion .celda-milena{
        width:100%;
        margin-top: 30px;
    }
    .presentacion .celda-milena img{
        width:100%;
        left: 0px;
        max-width: 320px;
    }
    .presentacion .celda-texto{
        width:100%;
    }
    .presentacion .contenido{
        display: flex;
        flex-direction: column;
    }
    .presentacion .celda-milena{
        order: 2;
    }
}




.junior{
    padding-top:80px;
    overflow: hidden;
}

.junior .celda-texto{
    width:50%;
    text-align: center;
}

.junior h2{
    text-align: center;
    font-family: fuente-1-bold;
    color: #ed4d47;
}

.junior h3{
    color: #ed4d47;
}

.junior .contenedor-bullets{
    margin-top: 30px;
    font-family:fuente-1-light;
}



.junior .contenedor-bullet{
    padding-left: 35px;
    position: relative;
    text-align: left;
    margin-block: 15px;

}

.junior .contenedor-bullet img{
    display: block;
    position: absolute;
    left: 0px;
    top:0px;
    width:25px;
}

.junior .contenedor-bullet .subtexto{
    font-style: italic;
}

.junior .logo{
    max-width: 350px;
    width:100%;   
}

.junior .celda-alumnos{
    width:50%;
    box-sizing: border-box;
    padding-left: 10px;    
}

.junior .celda-alumnos img{
    width:100%
}


.junior .contenedor-bullet img{
    width:25px;
}

.junior .contenedor-boton{
    margin-top:30px;
    text-align: center;
}
.junior .boton{
    display: inline-block;
    border-radius: 40px;
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: fuente-1-semibold;
    color:white;
    background: linear-gradient(90deg,  #651fff, #ff0c82);
    cursor:pointer;

}

@media only screen and (max-width: 768px) {
    .junior .celda-alumnos img{
        position: relative;
        right: -10%;
        width: 110%;
        top: 100px;
    }
}


@media only screen and (max-width: 600px) {
    .junior .celda-texto{
        width:100%;
    }
    .junior .celda-alumnos{
        width:100%;
        text-align: center; 
        margin-top:50px;
    }
    .junior .celda-alumnos img{
        max-width: 320px;
        top:0px;
        right: 0px;
        width: 100%;
    }
}





.kids{
    padding-top:80px;
}

.kids .celda-texto{
    width:50%;
    text-align: center;
}

.kids .logo{
    max-width: 350px;
    width:100%;   
}

.kids .celda-alumnos{
    width:50%;
    box-sizing: border-box;
    right: 10px;    
}

.kids h2{
    text-align: center;
    font-family: fuente-1-bold;
    color: #630780;
}

.kids h3{
    color:#630780
}
.kids .contenedor-bullet{
    padding-left: 35px;
    position: relative;
    text-align: left;
    margin-block: 15px;
}

.kids .celda-alumnos img{
    width:100%
}

.kids .contenedor-bullets{
    margin-top: 30px;
    font-family: fuente-1-light;
}


.kids .contenedor-bullet img{
    width:25px;
    display: block;
    position: absolute;
    left: 0px;
    top:0px;
}



.kids .contenedor-boton{
    margin-top:30px;
    text-align: center;
}
.kids .boton{
    display: inline-block;
    border-radius: 40px;
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: fuente-1-semibold;
    color:white;
    background: linear-gradient(90deg,  #651fff, #ff0c82);
    cursor:pointer;

}


@media only screen and (max-width: 768px) {
    .kids .celda-alumnos img{
        width:115%;
        position: relative;
        left: -15%;
        top:100px;
    }
}

@media only screen and (max-width: 600px) {
    .kids .celda-texto{
        width:100%;
    }
    .kids .celda-alumnos{
        width:100%;
        text-align: center; 
    }
    .kids .celda-alumnos img{
        max-width: 320px;
    }
    .kids .contenido{
        display: flex;
        flex-direction: column;
    }
    .kids .celda-alumnos{
        order: 2;
    }

    .kids .celda-alumnos img{
        left: 0px;
        margin-top:30px;
        top:0px;
        width: 100%;
    }

}





.clase-gratis{
    margin-top:50px;
}

.contenedor-clase-gratis{
    max-width: 800px;
    margin:0 auto;
}

.contenedor-clase-gratis img{
    position: absolute;
    left: 0px;
    top: 0px;
}

.clase-gratis .contenedor-texto{
    background-color: #F0F0F0;
    border-radius: 50px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 40px;
}

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

.clase-gratis .texto{
    font-family: fuente-1-light;
}

.clase-gratis .margenes-laterales{
    padding-left: 100px;
}

.clase-gratis img{
    position: absolute;
    left: 0px;
    height: 110%;
    top:-5%;
    display: block;
}

.clase-gratis h2{
    color:#651fff;
}

.clase-gratis .texto{
    font-family: fuente-1-light;
    margin-top:30px;
}

.clase-gratis .contenedor-boton{
    margin-top:40px;
}

.clase-gratis .boton{
    display: inline-block;
    border-radius: 40px;
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: fuente-1-semibold;
    color:white;
    background: linear-gradient(90deg,  #ff0c82, #ff9a00);
    cursor:pointer;
}

@media only screen and (max-width: 600px) {
    .clase-gratis .contenedor-boton{
        margin-top: 20px;
    }
    .clase-gratis .texto{
        margin-top: 20px;
    }
    .clase-gratis img{
        height: 100%;
        top: 0%;
        left: -20px;
    }
}

@media only screen and (max-width: 500px) {
    .contenido-clase-gratis{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .contenido-clase-gratis img{
        order:1;
        position: relative;
        left: 0px;
        height: auto;
        width: 100%;
        max-width: 250px;
        display: block;
        margin:20px auto;
    }

    .clase-gratis .margenes-laterales{
        padding-left: 20px;
    }
}



.cintillo{
    margin-top:80px ;
    overflow: hidden;
}
.cintillo img{
    display: block;
    width:100%;
}

@media only screen and (max-width: 1000px) {
    .cintillo img{
        display: block;
        width:auto;
        height: 40px;  
    }
}
@media only screen and (max-width: 650px) {
    .cintillo img{
        display: block;
        width:auto;
        height: 35px;  
    }
}




.testimonios{
    padding-top: 80px;
    text-align: center;
}

.testimonios .titulo{
    font-family: fuente-1-semibold;
    background: -webkit-linear-gradient(0deg, #ff9903,#ff9903, #630780,#630780);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

.testimonios .subtitulo{
    color:#651fff;
    font-family: fuente-1-light;
}

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

.testimonios .celda-video{
    width: 33.33%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.testimonios .celda-video .interno{
    border-radius: 30px;
    overflow: hidden;
}

@media only screen and (max-width: 900px) {
    .testimonios .celda-video{
        padding-left: 25px;
        padding-right: 25px;
        width: 50%;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 700px) {
    .testimonios .celda-video{
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 550px) {
    .testimonios .celda-video{
        width:100%;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 350px;
    }
}




.contacto{
    margin-top: 100px;
    text-align: center;
    padding-bottom: 170px;
}

.contacto .celda-imagen{
    width:50%;
    box-sizing: border-box;
    padding-left: 80px;
}



.contacto .celda-imagen .titulo-cta{
    font-family: fuente-1-semibold;
    color: #630780;
}
.contacto .celda-imagen .subtitulo-cta{
    color: white;
    font-family: fuente-1-bold;
}


.contacto .titulo{
    font-family: fuente-1-bold;
    font-weight: 100; 
    background: -webkit-linear-gradient(0deg, #850182, #850182, #FF0387, #FF0387);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contacto .subtitulo{
    padding-left: 150px;
    padding-right: 150px;
    font-family: fuente-1-light;
    font-weight: 100; 
    text-align: center;
    color: #630780;

}

.contacto .contenido{
    margin-top:20px;
}

.contacto .celda-formulario{
    
    width:50%;
    box-sizing: border-box;
    background-color: #F0F0F0;
    border-radius: 30px;
    padding:20px;
    text-align: left;
    
}

.contacto .hint{
    font-weight: 200;
    color: #651fff;
    font-family: fuente-1-light;
}

.contacto input, .contacto textarea{
    width:100%;
    height: 30px;
    border:none;
    border-radius: 10px;
    background-color: white;
    margin-bottom: 20px;
}

.celda-habilidades .checks{
    border: none;
    border-radius: 10px;
    background-color: white;
}
input[type="checkbox"]{
    width:20px;
    height: 20px;
}



.contacto textarea{
    height: 100px;
}

.contacto .contenedor-edad{
    box-sizing: border-box;
    width: 50%;
    padding-right: 10px;
}


.contacto .contenedor-telefono{
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px;
}

.contacto .celda-habilidades{
    width:33.33%;
}


.contacto .contenedor-boton{
    margin-top:10px;
    text-align: right;
}

.contacto .boton{
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 50px;
    background: linear-gradient(90deg, #ff5340,#ff9903);
    color:white;
    font-family: fuente-1-semibold;
    border-radius: 40px;
    cursor:pointer;
}

.contacto .contenedor-cta{
    margin-top:20px;
    text-align: center;
}

.contacto .cta{
    display: inline-block;
    border-radius: 40px;
    padding-right: 70px;
    padding-left: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:white;
    background: linear-gradient(90deg, #ff5340,#ff9903);
    cursor:pointer;

}


@media only screen and (max-width: 1150px) {
    .contacto .celda-formulario{
        width:55%;
    }
    .contacto .celda-imagen{
        padding-left: 10px;
        width:45%;
    }
}   

@media only screen and (max-width: 1000px) {
    .contacto .subtitulo{
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media only screen and (max-width: 900px) {
    .contacto .celda-imagen{
        position: relative;
        top:30px;
    }

    .contacto .celda-habilidades{
        width:100%;
    }
}

@media only screen and (max-width: 768px) {
    .contacto  .contenedor-telefono, .contacto  .contenedor-edad{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contacto .celda-formulario{
        width: 50%;
    }
    .contacto .celda-imagen{
        width:50%;
    }
    .contacto .celda-imagen{
        top:80px;
    }
    
}

@media only screen and (max-width: 600px) {
    .contacto .celda-formulario{
        width:100%;
        max-width: 400px;
    }
    .contacto .celda-imagen{
        width:100%;
        max-width: 400px;
        top:0px;
        margin-top: 20px;
    }
}