.bg-light{
    background: #06B706!Important;
}

.text-movil-right {
    text-align: right;
}

.container-fluid {
    padding-right: 0px!Important;
    padding-left: 0px!Important; 
}

.row{
    margin-left: 0px!Important;
    margin-right: 0px!Important;
}

.contenedor-verde{
   background: #fff!Important; 
   border-bottom: 2px solid #06B706;
}

.menu{
    padding-bottom: 20px;
    padding-top: 20px;
    max-width: 100%;
    width: 1170px !important;
    margin: 0 auto !important;
    float: none !important;
    color:#000;
}

.menu img{
    width: 200px;
}

.menu .links{
    text-align: right;
    font-family: Sora;
    font-size: 16px;
    font-weight: 700;
    padding-top: 15px;
}

.menu a{
    color:#000;
    font-family: Sora;
    font-size: 16px;
    font-weight: 700;
}

.navbar-light .navbar-nav .nav-link {
    color: #000!Important;
}

.banner{
    padding-left: 50px;
    padding-right: 100px;
    color:#000;
}

.banner h1{
    color:#000;
    margin-top: 110px;
    font-size: 36px!Important;
    font-weight: 600 !important;
    font-family: Sora !important;
}

.titulo1{
    color:#fff;
    font-size: 30px!Important;
    font-weight: 700;
    font-family: 'Sora'!important;
    margin-top: 50px;
}

.banner p{
    color:#fff;
    font-size: 24px!Important;
    font-weight: 400 !important;
    margin-top: 10px;
    font-family: Sora !important;
}

.hero-button {
    /*background-color: #FFB937;
    color: #000;*/
    /*min-width: 210px;*/
   background-color: #f03a15 ! Important;
    color: #fff ! Important;
    font-size: 16px;
    padding: 10px 32px;
    margin: 8px 0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    /*text-transform: uppercase;*/
    margin-top: -10px;
    margin-bottom: 0px;
}

.hero-button:hover{
    background-color: #000;
    color: #fff;  
}

.formulario {
    padding: 25px;
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 12px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 12px 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 12px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 12px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 12px 8px rgba(0, 0, 0, 0.2);
}

.formulario h3{
    font-weight:700!Important;
    font-size: 20px!Important;
    color:#000!Important;
}

.formulario p{
    font-weight:400!Important;
    font-size: 16px!Important;
    color:#000!Important;
}

.aprendeMascara{
    padding-top:50px;
    padding-bottom: 50px;
    padding-left: 100px;
    padding-right: 100px;
}

.aprende{
    background-image: url(../img/fondoAprendeDesk.webp) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.aprende h1{
    color: #fff ! Important;
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 20px;
    font-family: Sora;
}

.aprende p{
    color: #fff;
    font-size: 18px;
    font-family: Sora;
}

.aprende img{
    width: 351px;
    height: 323px;
}

.index{
    z-index: 10 !important;
}

.ecosystem{
    background-color:#fff;
    padding-top:0px;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

.ecosystem h1{
    color: #000;
    font-weight: 500;
    font-size: 1.25rem;
    font-family: Sora;
}

.ecosystem p{
    color: #000;
    font-size: 14px;
    font-family: Sora;
}

.conoce{
    background-color:#FFF;
    padding-top:40px;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

.conoce h1{
    color: #000;
    font-weight: 500;
    font-size: 1.75rem;
    font-family: Sora;
}

.conoce p{
    color: #000;
    font-size: 18px;
    font-family: Sora;
}

.conoce img{
    width: 100%;
    margin-bottom: 20px;
}

.tarjetas{
    padding-left: 10px;
    padding-right: 10px;
}

.tarjeta{
    background: #FFFFFF;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 20px;
    min-height: 500px;
    margin-bottom: 40px;
    box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}

.tarjetaCore{
    border-top: 16px solid #06B706;
}

.tarjetaCollege{
    border-top: 16px solid #FD6927;
}

.tarjetaExecutive{
    border-top: 16px solid #001DEF;
}

.tarjetaSenior{
    border-top: 16px solid #EDC624;
}

.tarjeta p{
    font-size: 14px; 
}

.tarjeta img{
    width: 150px;
    margin-bottom: 20px;
}

.users{
    width: 20px!Important;
    margin-bottom: 5px!Important;
}

.vector{
    width: 16px!Important;
    margin-bottom: 0px!Important;
}

hr{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: #CCC;
}

.descubre{
    background-color:#FFF;
    padding-top:40px;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

.descubre h1{
    color: #000;
    font-weight: 500;
    font-size: 1.75rem;
    font-family: Sora;
}

.descubre p{
    color: #000;
    font-size: 1rem;
    font-family: Sora;
    font-weight: 700;
}

.descubre img{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

ul{
    margin-top: 20px;
}

li{
    margin-bottom: 10px;
}

.iconos{
    background-color: #fff;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    /*padding-bottom: 50px;*/
    font-family: Sora;
}

.iconos h1{
    font-size: 17px;
    font-weight: 700;
}

.iconos p{
    font-size: 17px;
}

.iconos img{
    width: 50px;
    height: 50px;
}

.openUp{
    background-image: url(../img/imgOpenUp.webp);
    /* height: 50%; */
    height: 510px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.openUp h1 {
    color: #000000 ! Important;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 20px;
    font-family: Sora;
    margin-top: 130px;
}

.certificaciones{
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;    
}

.certificaciones p{
    font-size: 22px;
    line-height: 36px;
    font-family: Sora;
    font-weight: 600;
}

.programas{
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;    
}

.programas h1{
    font-size: 22px;
    line-height: 36px;
    font-family: Sora;
    font-weight: bolder;
}

.desarrollamosMascara{
    padding-top:50px;
    padding-bottom: 50px;
    padding-left: 100px;
    padding-right: 100px;
}

.desarrollamos{
    background-color: #3c007a;
    color:#000;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;     
}

.desarrollamos h1{
    color:#fff;
    font-size: 1.75rem;
    font-weight: 500;
}

.desarrollamos p{
    color:#fff;
    font-family: Sora !important;
    font-size: 1rem;
    font-weight: 400;
}

.desarrollamos img{
    width: 90%;
}

.mapaMascara{
    padding-top:50px;
    padding-bottom: 50px;
    padding-left: 100px;
    padding-right: 100px;
}

.mapa{
    background-image: url(../img/mapa.webp);
    color:#000;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 0px;
    padding-bottom: 100px;   
    background-position: center top !important;
}

.mapa h1{
    color:#000;
    font-size: 1.75rem;
    font-weight: 500;
}

.mapa p{
    color:#06b706;
    font-family: Sora !important;
    font-size: 1.5rem;
    font-weight: 600;
}

.mapaParrafo{
    color:#000!Important;
    font-family: Sora !important;
    font-size: 1rem!Important;
    font-weight: 300!Important;
}

.historiasMascara{
    padding-top:50px;
    padding-bottom: 50px;
    padding-left: 100px;
    padding-right: 100px;
}

.historias{
    background-color: #efefef;
    color:#000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 100px;
    padding-bottom: 100px;  
}

.historias h1{
    color:#000;
    font-size: 1.75rem;
    font-weight: 500;
}

.historias p{
    color:#4e4e4e;
    font-family: Sora !important;
    font-size: 15px !important;
    font-weight: 400;
}

.historias img{
    width: 90%;
    text-align: center;
}

.historias .parrafoVerde{
    color:#06b706;
}

.historias .parrafoNegro{
    color:#000;
}

.historiasMargen{
    padding: 1.6em;
}

.historiasRecuadro{
    margin-bottom: 10px;
    padding: 1.6em;
    border: 1px none #000;
    border-radius: 0.8em;
    box-shadow: 0 0 60px -20px rgb(0 0 0 / 25%);
    line-height: 1.4em;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 15px !important;
    background-color: #fff !important;
    min-height: 180px !important;
}

.footer{
    background-color: #2c2c2c;
    color:#fff;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;     
}

.footer a{
    color:#fff;
    font-size: 15px;
    font-family: Sora !important;
}

.footer p{
    color:#fff;
    font-size: 13px;
    font-family: Sora !important;    
}

.footer h1{
    font-size: 1.75rem;
    font-weight: 500;
    font-family: Sora !important;
}

.footerLinea{
    margin-top:-20px;
}

.footer img{
    text-align: center;
    height: 101px;
}

.redes img{
    width: 40px;
    margin-top:-20px;
}

.paises img{
    width: 30px;
    height: 30px;
    border-radius:50%;
    margin-left:15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.icon img{
    width: 80%;
    height: 80%;
}

.ocultaDesk{
    display:none;
}

.botones-flotantes {
    position: fixed;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 50;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.lanzadera {
    background-color: #06B706 !important;
    position: relative;
    left: auto;
    right: 0%;
    bottom: 0%;
    z-index: 110;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0.2em 0.4em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #84c443;
}

.lanz-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-bottom: 0.4em;
    padding: 0em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    color: #fff;
    text-decoration: none;
}

.float-icon-hldr {
    width: 30px;
    height: 30px;
    margin-right: 0.2em;
    padding: 0.2em;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}



.whats{
        display:none;
    }
    
    .llamada{
        display:none;
    }

        .rigthEndFooter a{
            color: #fff!Important;
        }
        
        a{
                color:#000!Important;
            }
            
            .menu a {
                color: #000!Important;
            }
            
            .footer a{
                color:#fff!Important;
            }
            
            

@media(max-width: 767px) {
    
    .ocultarMovil{
        display: none;
    }
    
    .ocultaDesk{
        display:block;
    }
    
   
    .banner h1{
        font-size: 28px!Important;
        text-align: center!Important;
        margin-top: 80px!Important;
        padding-bottom: 10px;
    }
    
    .titulo1{
        font-size: 20px!Important;
        text-align: left!Important;
        margin-top: 0px!Important;
    }
    
    .banner p{
        font-size: 16px!Important;
        text-align: center!Important;
    }
    
    .formulario h3{
        font-size: 20px!Important;
    }
    
    .aprendeMascara{
        padding-top:50px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .aprende{
        padding-left: 20px!Important;
        padding-right: 20px!Important;
        padding-top: 40px!Important;
        padding-bottom: 60px!Important;
    }
    
    .aprende p{
        font-size: 17px!Important;
        line-height: 24px!Important;
    }
    
    .ecosystem{
        margin-top: 0px!Important;
        padding-left: 0px!Important;
        padding-right: 0px!Important;
        padding-top: 20px!Important;
        padding-bottom: 30px!Important;
    }
    
    .ecosystem h1{
        text-align: left!Important;
        font-size: 1rem!Important;
    }
    
    .ecosystem p{
        text-align: left!Important;
        font-size: 14px!Important;
    }
    
    .conoce{
        margin-top: 0px!Important;
        padding-left: 0px!Important;
        padding-right: 0px!Important;
        padding-top: 20px!Important;
        padding-bottom: 30px!Important;
    }
    
    .conoce h1{
        text-align: left!Important;
    }
    
    .conoce p{
        text-align: left!Important;
        font-size: 17px!Important;
    }
    
    .descubre{
        margin-top: 0px!Important;
        padding-left: 0px!Important;
        padding-right: 0px!Important;
        padding-top: 20px!Important;
        padding-bottom: 30px!Important;
    }
    
    .descubre h1{
        text-align: center!Important;
    }
    
    .descubre p{
        text-align: left!Important;
        font-size: 17px!Important;
    }
    
    .iconos{
        padding-left: 0px!Important;
        padding-right: 0px!Important;
        padding-top: 20px!Important;
        padding-bottom: 20px!Important;
    }
    
    .iconos h1{
        font-size: 15px!Important;
    }
    
    .iconos p{
        font-size: 15px!Important;
    }
    
    .iconos img{
        width: 40px;
        height: 40px;
    }
    
    .openUp{
        text-align: center;
    }
    
    .certificaciones{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;    
    }
    
    .certificaciones p{
        font-size: 17px;
        line-height: 24px;
    }
    
    .programas{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;    
    }
    
    .programas h1{
        font-size: 17px;
        line-height: 24px;
    }
    
    .desarrollamosMascara{
        padding-top:50px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .desarrollamos{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;     
    }
    
    .desarrollamos p{
        font-size: 17px !important;
        line-height: 28px !important;
        margin-top: 0px!Important;
        text-align: center;
    }
    
    .mapaMascara{
        padding-top:50px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .mapa{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;     
    }
    
    .mapa p{
        font-size: 24px;
        line-height: 28px !important;
        margin-top: 0px!Important;
        text-align: center;
    }
    
    .mapaParrafo{
        font-size: 17px !important;
        line-height: 28px !important;
        margin-top: 0px!Important;
        text-align: center;
    }
    
    .footer{
        padding-left:20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;     
    }
    
    .icon img{
        width: 160px;
        height: 160px;
    }
    
    .historiasMascara{
        padding-top:50px;
        padding-bottom: 50px;
        padding-left: 0px!Important;
        padding-right: 0px!Important;
    }

    .historias{
        background-color: #efefef;
        color:#000;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 100px;
        padding-bottom: 100px;  
    }

    .historias h1{
        color:#000;
        font-size: 1.75rem;
        font-weight: 500;
    }

    .historias p{
        color:#4e4e4e;
        font-family: Sora !important;
        font-size: 15px !important;
        font-weight: 400;
    }
    
    .footer{
        padding-bottom: 80px!Important;
    }
    
    .footer .ligas{
        text-align: center!Important;
    }
    
    .botoneraBaja{
       color:#fff!Important;
       font-weight: 500!Important;
    }
    
    .botoneraBaja img{
        width: 30px!Important;
    }
    
    .whats{
        background-color: #25d366;
         padding: 10px!Important;
         display:block!Important;
    }
    
    .llamada{
        background-color: #0085fe!Important;
         padding: 10px!Important;
         display:block!Important;
    }
    
    .botones-flotantes{
        display:none;
    }
}