@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;600;700;800;900&family=PT+Sans+Narrow&family=Dancing+Script:wght@400;500;600;700&family=Saira+Stencil+One&family=Saira:ital,wght@0,100..900;1,100..900&display=swap&family=Material+Icons'); 
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url("css/font-awesome.css");
@import url("css/font-awesome-all.css");
/*
@import url("../../assets_global/webfonts/bootstrap-icons.css");
<style>

</style>
*/

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
  box-sizing: inherit;
}

*::before,
*::after {
  box-sizing: inherit;
}
html, body {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    overflow-x: hidden;
    min-width: 320px!important;
    min-height: 95vh;
    max-width: 2600px;
}
body {
    background-color: #003A70;
    /*
    background-image:url("../images/fondo-body.png");
    background-repeat: repeat;
    background-size: 50px;
    */
    font-size: 16px;
    font-family: "Roboto", sans-serif;
}
/* GLOBAL */
.row {margin: 0; padding: 0;}
a { text-decoration: none; }
a:hover{ text-decoration:none; }
.header, .navbar, .footer, .top-background-filter{
    background-color: #003A70;
}
.justificado{text-align: justify;}
.spinner-border{width: 18px; height: 18px;}
/* HEADER */
.header{border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.header .row{
    padding: 10px 0;
}
.list-social-icons {
    list-style: none;
    display: inline-flex;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.list-social-icons .social-icon {
    color: #ffffff;
    margin: 0 12px;
    font-size: 30px;
}
.header-titulo{
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    text-align: start;
}
.header-titulo::before{
    content: "Innovación educativa en la ENP con tecnologías digitales emergentes. ";
    display: table;
}
.nav-item .active {
    font-weight: 500;
    font-size: 105%;
}
.dropdown-menu {
    width:100px;
    text-align:center;
    margin: auto;
}
.navbar{padding-left: 25px; padding-right: 25px;}

.navbar-brand img{max-height: 50px;}
.logos{padding: 3px 15px;}
.logos img {width: auto; max-height: 77px;}
/* HOME */
.home-container {padding: 0;}
.top-background-filter{
    float: left;
    opacity: 0.45;
    z-index: 1;
}
.top-background-filter, .top-background-container, .top-background, .home-container {width: 100%; min-height: 580px;}
.top-background { 
    margin: 0;
    align-items: center;    
    background-image: url("../images/bg_eart.jpg"); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center 15%; 
    background-attachment: scroll; 
    z-index: -1;
}
.top-text-cont {
    margin-top: 7%;
    margin-left: 4%;
    margin-right: 50%;
    position: absolute;
    max-width: 310px;
    z-index: 2;
}
.logo-central{ width: 100%; max-width: 350px;}
.top-text-titulo {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 500;
    font-family: "Saira", serif;
    line-height: 30px;
}
.top-text-subtitulo {
    margin-top: 15px;
    color: #FFCC5E;
    font-size: 28px;
    font-weight: 400;
    font-family: "Saira Stencil One", serif;
    line-height: 21px;
}
.img-foot-home{
    margin: 0;
    min-height: 250px;
    background-image: url("../images/muralestadio1.webp"); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center 75%; 
    background-attachment: scroll; 
    z-index: -1;    
}
/* CONTACTO FORMULARIO */
.contacto-form{
    min-height: 350px;
    display: grid;
    background-color: #FFFFFF;
}
/* FOOTER */
.footer{
    height: 150px;
    display: grid;
    background-color: #003A70;
}
.footer .row{
    height: 100%;
}
.footer .col-12, .footer {
    display: grid;
}
.footer-titulo{
    margin: auto;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}
.text-dr-cont {
    border-top: 1px solid #575757; border-bottom: 1px solid #DDDDDD;
    padding: 20px 5px;
    background-color: rgba(0,0,0,0.35);
}
.text-dr {
    font-weight: 600;
    font-size: 12px;
    color: #DFDFDF;
    text-align: center;
}
/* CAROUSEL */

/* PARTICIPANTES */
.participantes .foto {
    border-radius: 45%;
    border: 1px solid #F3E8CD;
    width: 190px;
    height: 230px;
    margin: 5px auto 0px auto;
    background-color: #FBFBFB;
}
.participantes .col-auto {
     display: flex;
}
.participantes .card {
    box-shadow: 1px 1px 7px 0px rgba(88,88,88,0.20);
    -webkit-box-shadow: 1px 1px 7px 0px rgba(88,88,88,0.20);
    -moz-box-shadow: 1px 1px 7px 0px rgba(88,88,88,0.20);
}
.participantes .card {width: 240px; margin: 10px; display: grid; background-color: rgba(217,171,81,0.16);}
.participantes .card-body {padding: 5px 15px;}
.participantes .card-title{font-weight: 600; font-size: 103%; text-align: center; line-height: 20px;}
.participantes .card-text{font-weight: 400; font-size: 98%; line-height: 20px;}
.participantes .text-muted{font-size: 93%; line-height: 20px;}

/* TEXTOS */
.titulo{
    color: #00328B;
    font-size: 200%;
    font-weight: 400;
    font-family: "Saira Stencil One", serif;
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.card-text1 {font-size: 110%;}
.aviso {
    text-align: center; 
    margin: 20px auto; 
    padding-bottom: 25px; 
    font-size: 107%; 
    font-weight: 600; 
    line-height: 21px;
}
.formacion .cartel {
    width: 100%;
    border-radius: 18px;
    box-shadow: 1px 1px 7px 0px rgba(88,88,88,0.20);
    -webkit-box-shadow: 1px 1px 7px 0px rgba(88,88,88,0.20);
    -moz-box-shadow: 1px 1px 7px 0px rgba(88,88,88,0.20);    
}
.contador{font-size: 14px; font-weight: 700; color: #C1BABA; line-height: 17px; padding: 0; margin: auto;}
/* LG */
@media (max-width: 991.98px) {
	 
}
/* MDs */
@media (max-width: 800px) {	

}
@media (max-width: 767.98px) { 
.top-background-filter, .top-background-container, .top-background, .home-container {width: 100%; min-height: 400px;}   
.top-text-cont {margin-top: 10%; margin-bottom: 10%; margin-left: 15%; margin-right: 15%; max-width: 270px;} 
.header-titulo{font-size: 14px;}
.header-titulo::before{display: inline;}
.logos img {max-height:65px;}      
}
/* SM */
@media (max-width: 575.98px) { 
.top-background-filter, .top-background-container, .top-background, .home-container {min-height: 380px;}      
.top-text-cont {margin-top: 12%;}        

}
/* XS */
@media (max-width: 430.95px) {    
.logos img {max-height:60px;}   
}