body{
    font-family: 'Source Code Pro', monospace;
    color:#ffffff;
    font-weight: 400;
    line-height: 2rem;
    font-size: 16px;
}
a:hover { text-decoration: none;
color:#EF5D6D;}
.code_grey{ 
    background-color:#2B2F3B;
}
.code_dark{ 
    background-color:#292C36;
}
.turquoise{
    color:#77BDCA; 
}
.grey{
    color:#666666;
}
.rose{
    color:#ED9BE4;
}
.orange{
    color:#FAD098;
}
.white{
    color:#ffffff;
}
.bg_orange{
    background:#48BED1;
}
.bg_rose{
    background:#FAD098;
}

.purple{
    background:#713A8D;
}


.crema{
    background-color:#FEF0CC;
}

.bluegrey{
    color:#3D3E61;
}
.bluegrey_bg{
    background-color:#3D3E61;
}

.b_space_100{
    margin-bottom: 100px;
}
.tb_space_100{
    margin-bottom: 100px;
    margin-top: 100px;
}
.tb_space_50{
    margin-bottom: 50px;
    margin-top: 50px;
}
a.nav-link {
    color:#ffffff!important;
    font-size: 16px;
}

.navbar-light .navbar-nav a.nav-link:hover, .navbar-light .navbar-nav a.nav-link:active{
    color: #48BED1!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#ffffff;
}
.code{
    font-family: 'Source Code Pro', monospace;
    color:#77818B;
    font-weight: 400;
    line-height: 2rem;
    font-size: 18px;
    margin-bottom: .5rem;
}

.btn-primary {
    background-color: #77BDCA;
    border-color: #77BDCA;
    min-width: 250px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2a717e;
    border-color: #2a717e;
}
.bg-white {
    background-color: #ffffff!important;
    box-shadow: 0px 2px 15px #0000001a; ;
}
.angulo1{
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    width:100%;
    height: 90px;
}
.angulo2{
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    width:100%;
    height: 90px;
}
ul#fase1, ul#fase2, ul#fase3{
    list-style: none;
    padding-inline-start: 25px;
}
ul#fase1 li:before, ul#fase2 li:before, ul#fase3 li:before  {
    content: "";
			position: absolute;
			left: 12px;
            width: 10px;
            height: 10px;
            margin: 11px;
            background-color: #FF5F00;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
}

ul#fase2 li:before {
    background-color: #713A8D;
    left: 7px;
}
ul#fase3 li:before {
    background-color: #24B7C9;
    left: 7px;	
}

.footer{
    font-size:12px;
}

.hero{
    background-color:#292C36; 
    height:580px;
    background-position: center;
    background-repeat: no-repeat;
}
.hero_inscription{
    
    background-image:url(assets/fondo_inscripcion.jpg); 
    background-position: center top;
    background-repeat: no-repeat;
}

#inscripcion .col-md-6 {
    height: 400px;
    padding: 8% 0;
}
#btn_participa {
    width: 330px;
    font-size: 20px;
    height: 40px;
}

ul#nav_mobile {
    display:none;
    }
    
.btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #FF5F00;
        border-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(255, 95, 0, 0.48);
    }
.form-control {
        border: 0;
    }
 
#navbarNav a.nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

button.btn.btn-outline-secondary {
    padding:0;
    border:0;
    }

.line{
    height:2px;
    background-color: #3D3E61;
}

#msgfinal {
    height: 400px;
    padding: 8% 0;
}

#msgfinal h5{
    font-weight: 400; 
    line-height: 2rem;
}
#msgfinal .col-md-9{
padding-left: 0;
}
.custom-control-input {
    position: relative;
}
.form-box{
    box-shadow: 1px 2px 15px #6666663d;
    background-color: #f8f9fa;
}
.hero_inscription .img_mobile{
        
        display:none;
        }

#contadora{
    color:#713A8D;
    font-size: 45px;
    font-weight: 600;
    line-height: normal;
} 
.size img{
    max-height: 220px;
}       
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    
   
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
    
    .hero{
    background-image:url(assets/fondo_banner_m.jpg)!important; 
    height:736px;
    background-position: bottom center;
    background-repeat: no-repeat;
    }
    
    #dequeva{
    text-align: center;
    margin: 50px 0;
    }
    .reverse{
        flex-wrap: wrap-reverse;
    }
    .b_space_50{
        padding-bottom:50px;
    }
    footer div.col-md-6{
        text-align:center!important;
    } 
    #msgfinal .col-md-9{
        padding-left: 15px;
        }
    
    #msgfinal{
            text-align: center;
        }
    .form-box{
            margin-top:0 !important;
            margin-bottom: 0 !important;
        }
    .form-box .reverse{
            flex-wrap: wrap-reverse;
        }
    .hero_inscription .img_desk{
        
            display:none;
        }
    .hero_inscription .img_mobile{
            
            display:block;
        }
    .hero_inscription{
            background-image:none; 
        
        background-color: #FBC230 ;
        }
    #contador{
            font-size: 40px !important;
            line-height: normal;
            
        }
        
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {  
    

    ul#nav_desk {
        display:none;
    }
    ul#nav_mobile {
        display:block;
    }
    li.nav-item {
        border-bottom: 1px solid #f3f3f3;
    }
    li.nav-item:last-child {
        border-bottom: 0;
    }
    ul.navbar-nav.justify-content-end {
        text-align: center;
        padding-top: 15px;
    }   
    button.navbar-toggler{
        border: none;
    } 
   #contador{
       font-size: 80px;
       line-height: normal;
   }
   #cronograma div.col-sm-3{
       min-width: 50%;
       padding-bottom:30px;
   }
    
}

/*  Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
    .hero{
        background-image: url(assets/fondo_banner_T.jpg); 
    }
    
 }

/* Extra large devices (large desktops)*/
/* No media query since the extra-large breakpoint has no upper bound on its width*/