@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&family=Oxanium:wght@200;300;400;500;600&family=Roboto:wght@300;400;500;700;900&family=Kalam:wght@300;400;700&display=swap'); 
@import url("../../assets_global/webfonts/bootstrap-icons.css");
@import url("alertify.min.css");
@import url("alertify-bootstrap.min.css");
* {
    -webkit-touch-callout: none;    
    -webkit-user-select: text;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    font-display: swap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
html {
	min-height: 100vh;
	width: 100vw;		
}
html::-webkit-scrollbar {
    width: 1px; 
    height: 1px; 
    display: none; 
}
html, body { 
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin: 0;
	padding: 0;	
	overflow-x: hidden;
    min-width: 280px;
}
body {
    background-color: #FFFFFF;
    font-size: 16px;
    font-family: "Oxanium", "Roboto", sans-serif;
    font-weight: normal !important;
    position: relative;
}
/* GLOBAL 
AZUL1: #033F73
AZUL2: #044D8B
AZUL3: #002E5D PIE
AMARILLO1: #F4BC00
AMARILLO2: #F1B800

*/ 
a {text-decoration: none;}
a:hover {color:#F4BC00;}
.bg-azul1{background-color: #033F73;}
.bg-azul2{background-color: #044D8B;}
.bg-azul3{background-color: #002E5D;}

/* NAVBAR */
#header { text-align: center; z-index: 1020;}
#navbar { overflow: hidden; z-index: 1050; }
#header { text-align: center; z-index: 1020;}
#frase {
    padding-top: 45px;
    padding-bottom: 40px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + #frase {
  padding-top: 85px;
}
.small{font-size: 80%;}  
.nav-proyect{position: absolute; margin: 1px; font-size: 75%; color: #E7E7E7; line-height: 16px; z-index: 1060;} 
.nav-menu{font-size: 60%; margin: auto 7px auto 0; line-height: 30px}
.toggle-icon{line-height: 1px; font-size: 28px; float: right; color:#F4BC00;}
.nav-link{font-size: 100%; padding: 10px; margin: 0 9px;}
#navbar{padding: 0; border-bottom: 3px solid #F4BC00;}
#navbar .navbar-nav a:hover {background-color: #F4BC00;} 
/* BODY */
.row{margin: 0 !important; padding: 0;}
.titulo1{font-family: 'Kalam', cursive; font-size: 210%; font-weight: 700; color: #033F73; line-height: 130%;}
.titulo-sec{font-size: 140%; margin-top: 15px; font-weight: 600; color: #033F73; }
.titulo-sec .bi{color: #F4BC00; font-size: 120%;}
.subtitulo{font-size: 115%; margin-top: 15px; font-weight: 600; color: #033F73; }
.subtitulo2{font-size: 115%; margin-top: 15px; font-weight: 600; color: #731E02; }
.subtitulo .bi{color: #F4BC00; font-size: 130%;}
.texto{font-family: "Roboto", sans-serif; font-size: 100%; font-weight: normal; margin: 0 8px;}
.justify{text-align: justify;}
.flotante{
    position: absolute;
    width: 93% !important;
    margin: -100px auto;
}
.flotante .card{
    max-width: 190px;
    min-height: 140px;
    padding: 13px;
    margin: 15px 2%;
    display: inline-grid;
    border-radius: 12px;
    box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.40);
    -webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.40); 
    vertical-align: middle;
    justify-content: center;
}
.card .card-text1{
    font-size: 115%;
    font-weight: 600;
    color: #033F73;
    text-align: center;
    margin: auto;
    line-height: 110%;
}
.flotante .card1{
    background-color: #FFBA27;
}
.flotante .card2{
    background-color: #E9813B;
}
.flotante .card3{
    background-color: #6CDCEF;
}
/* NOTICIAS */
.news-titulo{
    font-size: 150%;
    font-weight: 500;
    color: #000000;
    line-height: 110%;
    padding: 5px 15px;
    background-color: #F4BC00;
    margin-top: 30px;
}
.news-content{
    background-color: #E9E4D8;
    padding: 15px 19px;
    font-family: "Roboto", sans-serif; 
}
.news-subtitulo{
    margin-top: 10px;
    padding: 13px 0 0 0;
    border-top: 1px dashed #B8B5B5;
    font-size: 115%; 
    font-weight: 600; 
    color: #033F73;
    line-height: 110%;
}
/* PROGRAMA */
#frame-prog .accordion-button{font-weight: 700; font-size: 17px;}
#frame-prog .accordion-body { display: grid;}
#frame-prog .btn-prog {text-align: center;}
#frame-prog .img-tall {margin: auto !important; max-width: 180px !important;}
#frame-prog .img-conf {margin: 10px auto !important; width: 100%; max-width: 680px !important; border-radius: 15px;
    box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.50);
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.50);
}
#frame-prog .btn-ingresar-act {margin: 8px 5px; text-align: center; padding: 10px;}

/* REFLEXIONES */
.refl-titulo{
    font-size: 150%;
    font-weight: 500;
    color: #F7F7F7;
    line-height: 110%;
    padding: 5px 15px;
    background-color: #044D8B;
}
.refl-content{padding: 0; margin-top: 20px; border-bottom: 3px solid #F4BC00;}
.refl-content1{
    background-color: #BDD1E1;
}
.refl-content2{
    background-color: #BDE1D9;
}
.refl-content3{
    background-color: #DCE1BD;
}
.refl-content4{
    background-color: #C7E1BD;
}
.refl-content1, .refl-content2, .refl-content3, .refl-content4{padding: 7px 15px; border: 1px dotted #A69E9E;}
/* CONTACTO */
.img-mtro{
    border-radius: 20%;
    box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.50);
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.50);
    margin: 4px 8px;
    padding: 3px;
}
.txt-mtro{
    margin: 4px 1px;
    padding: 0;
    font-size: 75%; 
    font-weight: 600; 
    color: #034E8F;
    line-height: 117%; 
    text-align: center;
}

/* FOOTER */
.item--primary {
    right: 10px;
    position: fixed;
    bottom: 20px;
    margin: auto;    
    text-align: center;
    background-color: #086086;
    z-index: 9999;;
}
.item--primary .bi {
    margin: auto;   
    font-size: 28px;
    line-height: 0;  
    padding: 2px 3px;
}
.footer {
    position: sticky;
    bottom: 0;
    padding: 12px 10px;
    width: 100%;
    background-color: #002E5D;
    border-top: 2px solid #F4BC00;
    border-bottom: 1px solid #F4BC00;
    z-index: 999;
}
.creditos{color: #F0F0F0; font-size: 75%; font-family: "Roboto", sans-serif;}
/* mobile */
@media (max-width: 767px) {   
.nav-proyect{position: relative;}    
#navbar{padding: 5px;}   
#navbar .navbar-toggler{margin: 0 5px;}    
.titulo1{font-size: 190%;}    
.flotante{
    position: relative;
    width: 100% !important;
    margin: 10px auto;
} 
.flotante .card{
    max-width: 160px;
    min-height: 120px;
    margin: 18px 1.7%;
} 
.card .card-text1{
    font-size: 100%;
}
}
@media (max-width: 400px) {
.flotante .card{
    min-width: 95%;
    min-height: 100px;
    margin: 17px 1.7%;
}     
}
/* ANIMATE */
.cmenu2024, #in_po {
    padding: 0;
    
}
.cmenu2024 img, .creg2024 img {
    width: 64px;
    
}
#in_po {border: 1px solid #FFDFA4; background-color: #FFF8EF;}
@keyframes zoom {
  from {transform: scale(1.00);}
  to {transform: scale(1.02);}
} 
.cmenu2024:hover, #in_po:hover{
    animation: 0.1s ease-out 0s 1 zoom;
} 
#form-ponente label, #form-ponente form-select-sm, #form-ponente form-control-sm {font-size: 80%; font-weight: 500; color: #0060C7;}
#form-ponente .form-check-label {font-size: 90%; font-weight: 500; color: #000000;}