@font-face {
    font-family: 'arial';
    src: url("fonts/AvenirNextLTPro-Bold.otf");
    font-weight: bold;
   
     
    font-style: normal; }
  @font-face {
    font-family: 'arial';
    src: url("fonts/AvenirNextLTPro-Regular.otf");
   
    font-weight: normal;
    font-style: normal; }
    
  @font-face {
    font-family: 'arial';
    src: url("fonts/GothamBook.ttf");
   
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'arial';
    src: url("fonts/GothamMedium.ttf");
   
    font-weight: normal;
    font-style: normal; }


.container{
    max-width:1100px;
}

.header-page{
    padding-top:50px;
}

.header-home{
    background-image: url(../img/background.png);
    background-size: cover;
    height:100vh;
}

.navbar-orange{
    background-color:#1D1645;
    height:90px;
}

.navbar-orange .logo{
    width:100px;
}

.subtitulo{
    width:350px;
    font-family:  'arial';
    font-weight: bold;
    line-height: 1;
}

.sec-desafios{
    font-family: 'arial';
}

.sec-desafios h1{
    font-family: 'arial';
    font-weight: bold;
}

.sec-desafios h5{
    font-family: 'arial';
    font-weight: bold;
    color:#303030;
    font-size:18px;
}

.sec-desafios p{
    font-size:14px;
    font-family: 'arial';
    color:#2c2c2c;
    font-size:14px;
    line-height: 1.5rem;
}

.return{
    color:black;
    text-decoration:none;
}

.return:hover{
    color:#ff1007;
}

.page-desafios p{
    font-size:16px;
    font-family: 'arial';
    color:#2c2c2c;
     
    line-height: 1.5rem;
}

.fontsize-12{
    font-size:12px;
}

.page-desafios h1{
    font-size:2.2rem;
}

.title{
    font-size: 30px;
    font-weight: bold;
    color:white;
    text-align: right;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:10%;    
    font-family: 'arial';
    text-shadow: 1px 1px #000;
}

.texto-amarillo{
    color:#77f3d8;
}

.texto-rojo{
    color:#02B28C;
}

.subcomentario{
    font-size:14px;
}

.rojo{
    color:#02B28C !important;
}

.btn1{
    
    border-radius: 30px;
    color:white;
    font-weight: bold;
    padding-left:30px;
    padding-right: 30px;
    font-size:24px;
    font-family:'arial';
    background-color: #1D1645;
}

.btn-orange{
     background-color: #1D1645; 
    
    border-radius: 30px;
    color:white;
    padding-left:30px;
    padding-right: 30px;
}
.btn:hover{ color: #02B28C;}

.btn-white{
    background-color: #fff;
    border-radius: 30px;
    color:#333333;
    font-weight: bold;
    padding-left:2rem;
    padding-right: 2rem;
    font-size:12px;
}

.logo{
    width:140px;
}

.vermas{
    bottom:5%;left:47%; color:white;
}

.vermas a{
    color:white;
    text-decoration: none;
}

.desafios{
    text-align: center;
    background-image: url(images/lineas.png);
    background-size: inherit;
    width:100%;
    font-family: 'arial';
}

.img-beneficios{
    float:right;
    width:100%;
}
.img-requisitos{
    float:left;
    width: 100%;
    top:-5%;
    position: absolute;
}

.beneficios{
    background-image: url(../img/gris.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    background-origin: padding-box;
    font-family: 'arial';
}

.sec-beneficios{
    background-image: url(../img/orange.png);
    font-family: 'arial';
    background-repeat: no-repeat;
}

.cronograma h1{
    font-family: 'arial';
font-weight: bold;
}

.sec-beneficios h1{
    font-family: 'Arial'; 
    font-weight: bold;
}

.sec-beneficios ul{
    list-style: none;
    margin-left: 10px;
    font-family: 'arial';
    font-size: 14px;

}

.sec-beneficios li::marker{
    color:#1D1645;
    font-weight: bold;
}

.sec-beneficios li{
    display: list-item;
    list-style-type: "\2713";
    padding:5px;
}

.ul-check{
    list-style: none;
    margin-left: 10px;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 14px;

}

.ul-check li::marker{
    color:#1D1645;
    font-weight: bold;
}

.ul-check li{
    display: list-item;
    list-style-type: "\2713";
    padding:5px;
}

.requisitos{
    background-color: transparent;
    font-family: 'arial';
}

.row{
    margin:0px;
}

.card{
    border:0;
    width: 20rem;
    font-family: 'arial';
    border-radius: 20px;
    
}


.card-text{
    font-size:14px;
    font-family: 'arial';
    min-height: 180px;
}

.card-title{
    color:#303030;
}

.card-body{
    background-color: #f9f9f9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
}

.centered{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    min-width: 225px;
}

.text-rq{
    font-family: 'arial';
    padding-top:20px;
    color:#333333;
    min-height: 130px;
    font-size:14px;
}

.btn2{
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-gray{
    background-color: #f3f3f3;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:25px;
    padding-right:25px;
    color:black;
    font-family: 'arial';
    font-size:12px;
    border-radius: 10px;
}

.card-rq{
    background-color: white;

}

.partners img{
    padding-left:15px;
    padding-right:15px;
}

.col-first{
    border-right: 1px solid #333333;
}

.contacto{
    background: url('../img/contacto.png');
    background-size: cover;
    position:relative;
    color:white;
    font-family: 'arial';
    min-height: 240px;
}

.contacto h1{
    font-family: 'arial';
    font-weight: bold;

}

/*.contacto::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.719);
  z-index:-1;
}*/

.contacto h1{
    color:white;
}

.contacto .form-control{
    background-color: transparent;
    border-bottom:1px solid white; 
    border-top:0px;
    border-left: 0px;
    border-right: 0px;
    color:white;
    padding-bottom:20px;

}

.contacto .form-control::placeholder{
    color:white;
}

.footer{
    background-color:#ececec !important;
    height:40px;
    padding-top:10px;
}

.footer .container{
    max-width:1100px;
    font-size:12px;
}

#row-footer{
    max-width:1250px;
}

#row-footer i{
    padding-left:15px;
    padding-right:15px;
}

.item-footer{
    font-size:14px;
    padding-left:15px;
}

.menu-item{
    padding-top:10px;
}

.nav-item a{
    padding-left:15px !important;
    padding-right:15px !important;
    color:#fff;
    text-decoration:none;
    padding-top:10px;
 
}

.menu li{
    padding-top:10px;
}

.active a{
    border-bottom: 4px solid #02B28C;
    color:white;
}

.idioma a{
    padding-left:15px;
    color:#dcd8d8;
    text-decoration:none;
}



.idioma::after{
    content:'\022c1';
    color:white;
    font-size:12px;
    padding-left:3px;
    
}

.btn-bases2{
    color:#1D1645 !important;
    background-color: white;
    border-radius: 20px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-weight:bold;
}

.btn-bases a{
    color:#1D1645 !important;
    background-color: white;
    border-radius: 20px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    text-decoration:none;
}

.nav-link.active .btn-bases{
    border-bottom:0px;
}

.web-hide{
    display:none;
}

.go-top-container{
    position: fixed;
    bottom:2rem;
    right:2rem;
    width:3.3rem;
    height: 3.3rem;
    z-index:-1;
}

.go-top-button{
    width:0rem;
    height: 0rem;
    background:#000;
    opacity: 40%;
    border-radius: 50%;
    cursor:pointer;
    transition:.2s;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.go-top-button i{
    position: absolute;
    font-size:1.7rem;
    top:48%;
    left:50%;
    transform: translate(-50%,-50%) scale(0);
    color:#fff;
    transition: .2s;
}

.show{
    z-index: 10;
}

.show .go-top-button{
    animation:popup .3s ease-in-out;
    width:3.3rem;
    height: 3.3rem;
    z-index:11;

}

.show i{
    transform: translate(-50%,-50%) scale(1); 

}


.danper-img{
    width:85px;
}
.innovate-img{
    width:150px;
}

.list_logos ul li img{max-width: 130px;}

.navbar-dark .navbar-toggler {
 
    background: #1D1645;
}
.fixed-top {
  
    background: #1D1645;
}

.requisitos li {
    display: list-item;
    list-style-type: "\2713";
    padding: 5px;
}
.requisitos ul{ margin: 0;}

/*--gracias--*/

.cont_inner{
    margin: 0 auto;
    max-width: 760px;
}
.cont_logo{
    text-align: center;
}
.cont_inner h2{
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 40px;
}
.cont_btn_volver{
    text-align: center;
    margin-bottom: 50px;
}
.cont_btn_volver a{
    background: #02B28C;
    color: #fff;
    text-decoration: none;
    padding: 7px 30px;
    display: inline-block;
    border-radius: 10px;
}
.cont_btn_volver a:hover{ background: #038367;}
.cont_inner ul{
    padding: 0;
    margin: 0 auto 30px;
    max-width: 495px;
}
.cont_inner ul li{
    list-style-type: none;
    float: left;
    margin: 0 20px;
}
.cont_inner ul li img{
}
.banner{display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: url(../img/banner.png) no-repeat center 0;
    height: 150px;
    max-width: 100%;
}
.contain_precla .card-body{min-height: 347px;}

.em_pre{color: #1D1645;
    background: #77f3d8;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;}
.contain_precla  .card-body ul li{    font-weight: bold;}
 












@keyframes popup{
    0%{
        width: 0rem;
        height: 0rem;
    }
    50%{
        width:4rem;
        height: 4rem;
    }
    100%{
        width: 3.3rem;
        height: 3.3rem;
    }
}


@media (max-width:768px) {
    .beneficios{
        background-size: cover;
    }

    .card{
        margin-bottom: 15px;
        width: 20rem;
    }
    .mobile-hide{
        display:none;
    }
    .title{
        text-align: center;
        right:2%;
    }

    .vermas{
        left:43%;
    }

    .header-contacto{
        text-align: center;
    }

    .text-rq{
        height: 90px;
        font-size: 13px;
    }

    .contacto{
       
        background-size: cover;
        position:relative;
        color:white;
      
        background-position: center;
    }

    .navbar-collapse{
        background-color: #1D1645;
        border-radius: 20px;
    }

    .container{
        width:100%;
    }

    .sec-beneficios h5{
        font-size:14px;
    }

    .sec-beneficios h1{
        text-align: center;
    }
    
    .danper-img{
        width:100px;
    }

    .innovate-img{
        width:180px;
    }
    
    .desafio-img{
        height:252px;
    }

    .banner{ 
       
        background: url(../img/banner2.png) no-repeat center 0;
        height: 300px;
       
    }
}
}