.encab-sec{ font-size: 1.625rem; text-align: center; margin: 0 0 30px 0;
}
.encab-sec span.mayus{ font-size: 2.25rem; text-transform: uppercase; font-weight: 700; display: block;
}
.encab-sec.subrayado::after{ content: ''; display: block; width: 70px; height: 5px; background-color: #E32726; border-radius: 5px 0 5px 0; margin: 10px auto 0 auto;
}
.descrip{ font-style: italic; text-align: center; font-size: 1.125rem; font-weight: 300;
}
.descrip strong{ font-weight: 800;
}

@media(min-width:992px){
    .encab-sec{ font-size: 2.25rem; text-align: right; margin: 0 40px 0 0;
    }
    .encab-sec span.mayus{ font-size: 2.875rem;
    }
    .encab-sec.subrayado::after{ width: 70px; height: 5px; border-radius: 5px 0 5px 0; margin: 10px 0 0 auto;
    }
    .descrip{ height: 100%; padding: 0 0 0 30px; border-left: 15px solid #F2F6FA; text-align: left; align-content: center;
    }
}
@media(min-width:1200px){
    .encab-sec{ font-size: 2.875rem;
    }
    .encab-sec span.mayus{ font-size: 3.5rem;
    }
    .descrip{ font-size: 1.375rem;
    }
    .encab-sec.subrayado::after{ width: 110px; 
    }
}
@media(min-width:1600px){
    .encab-sec{ font-size: 3.5rem;
    }
    .encab-sec span.mayus{ font-size: 4.125rem;
    }
    .descrip{ border-left-width: 20px; font-size: 1.625rem;;
    }
}

/*================================*/
/*       #region: BANNER          */
/*================================*/

:root{
    --altura-barra-menu: 70px;
    --altura-offscreen-banner: 100px;
}
.banner{ height: calc(100vh + var(--altura-offscreen-banner)); min-height: 300px; margin-top: calc(var(--altura-barra-menu)*-1); padding: calc(50px + var(--altura-barra-menu)) 0 calc(50px + var(--altura-offscreen-banner)) 0; background: #023F75 url("../img/banners/bnr-portada.jpg") no-repeat bottom left; background-size: cover; position: relative; z-index: 0;
    
    display:flex; align-items: center;
}
.banner::before{ content: ''; display: block; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #023C70; 
    background: linear-gradient(0deg, 
    rgba(2, 60, 112, 0.7) 0%, 
    rgba(2, 60, 112, 0.4) 48%, 
    rgba(2, 60, 112, 0.4) 70%, 
    rgba(2, 60, 112, 1) 100%);
}
.banner .container{ position: relative;
}
.banner .intro{ margin: 0 auto; max-width: 800px; color: #fff; text-align: center;
}
.banner .intro img{ min-width: 200px; max-width: 334px; width: 70%;
}
.banner .intro .separador{ margin: 0 auto; display: block; width: 187px; height: 15px; background: url("../img/portada/elipses.svg") no-repeat top center; background-size: 187px 15px;
}
.banner .intro .msj{ font-size: 1.25rem; padding-top: 40px;
}
.banner .intro .msj strong{ font-style: italic; font-weight: 800;
}

@media(min-width:768px){
    .banner .intro .msj{ font-size: 1.625rem;
    }
}
@media(min-width:992px){
    :root{
        --altura-offscreen-banner: 200px;
    }
    .banner .intro .msj{ font-size: 1.875rem;
    }
}
@media(min-width:1200px){
    .banner .intro .msj{ font-size: 2.25rem;
    }
}

/* animacion mouse scroll */
.icn-ScrollMouse {
	width: 25px;
	height: 45px;
	border: 2px solid white;
	border-radius: 25px;
	position: absolute; left: 50%; bottom: calc(20px + var(--altura-offscreen-banner)); z-index: 9999;
	&::before {
		content: '';
		width: 6px;
		height: 6px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: white;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}
@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}
@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

/* #endregion*/


/*================================*/
/*       #region: HISTORIA        */
/*================================*/



.historia{ margin-top: calc(var(--altura-offscreen-banner)*-1);
}
.historia .wpr-contenido{ position: relative; background-color:#023F75; border-radius: 0 0 40px 0; padding: 20px 25px; overflow: hidden;
}
.historia .wpr-contenido::before{ content: ''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/portada/bg-historia.jpg') no-repeat top right; background-size: cover; opacity: 0.3; z-index: 0;
}
.historia .contenido{ position: relative; z-index: 1; color: #fff;
}
.historia .encab-sec{ margin-bottom: 30px;
}
.historia .btn.btn-rojo{ font-weight: bold;
}
@media(min-width:992px){
    .historia{ margin-top: calc(var(--altura-offscreen-banner)*-1);
    }
    .historia .wpr-contenido{ border-radius: 0 0 60px 0; padding: 40px 50px;
    }
    .historia .encab-sec{ margin-bottom: 50px;
    }
    .historia .lead{ font-size: 1.7rem; margin-bottom: 50px;
    }
    .historia .btn.btn-rojo{ font-size: 1.25rem;
    }
}
@media(min-width:1400px){
    .historia .wpr-contenido{ border-radius: 0 0 100px 0; padding: 60px 70px; font-size: 1.125rem;
    }
    .historia .lead{ font-size: 2.18rem;
    }
    .historia .btn.btn-rojo{ font-size: 1.5625rem;
    }
}
@media(min-width:1600px){
    .historia .wpr-contenido{ border-radius: 0 0 100px 0; padding: 70px 90px;
    }
}

/* #endregion */


/*================================*/
/*       #region: EVENTOS         */
/*================================*/

.eventos{ padding: 70px 0;
}
.wpr-evts{ margin: 50px 0 0 0; padding: 30px 15px; background: #F6F9FC; border-radius: 30px 0 30px 0; text-align: center;
}
article.evt{ position: relative; margin: 0 0 30px 0; padding: 15px 0 30px 0; border-bottom: 1px solid #DCE4ED;
}
article.evt .evt-titulo{ margin: 20px 0 20px 0; font-size: 1.25rem; font-weight: 700;
}
.wpr-evt-fecha{ font-size: 1rem; font-weight: 700; text-transform: uppercase;
}
.wpr-evt-fecha span{ display: block; font-size: 3.125rem; font-weight: 700; color: #0058A6; line-height: 100%;
}
article.evt .evt-fecha-hora{ position: relative; margin: 0; padding: 0 0 3px 30px; line-height: 100%;
}
article.evt .evt-fecha-hora::before{ content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 5px -3px -30px; background: url('../img/general/icn-reloj.svg') no-repeat center; background-size: auto 100%;
}
article.evt .evt-lugar{ position: relative; margin: 5px 0 0 0; padding: 0 0 3px 30px; line-height: 100%;
}
article.evt .evt-lugar::before{ content: ''; display: inline-block; position: relative; width: 20px; height: 20px; margin: 0 9px -3px -30px;background: url('../img/general/icn-ubicacion.svg') no-repeat  center; background-size: auto 100%;
}
.wpr-evt-enlace{ margin-top: 50px;
}
.btn-calendario{ position: relative; display: flex; width:100%; max-width: 600px; min-height: 50px;
}

@media(min-width:576px){
    .eventos .wpr-evts{ margin: 50px 0 0 0; padding: 30px 30px;
    }
}
@media(min-width:992px){
    .eventos{ padding: 100px 0;
    }
    .eventos .wpr-evts{ text-align:unset; border-radius: 60px 0 60px 0; padding: 40px 50px;
    }
    .eventos header{ margin-bottom: 70px;
    }
    .eventos .evt{ display: flex; gap: 5%; align-items: center;
    }
    .wpr-evt-fecha{ width: 10%; text-align: center;
    }
    .wpr-evt-titulo{ width: 35%;
    }
    .wpr-evt-detalle{ width: 35%;
    }
    .evt-fecha-hora{ font-weight: 700;
    }
    .wpr-evt-enlace{ width: 10%; text-align: center; margin: 0;
    }
    .btn.evt-enlace{ margin: 0; padding: 0; width: 60px; height: 60px;
    }
    .btn-calendario{ font-size: 1.125rem;
    }
    .btn span.icn-flecha-tipo-1{ position:absolute; width: 1px; height:1px; overflow: hidden; margin-left: -2000px; opacity: 0;
    }
}
@media(min-width:1200px){

}
@media(min-width:1400px){
    .eventos{ padding: 130px 0;
    }
    .eventos .wpr-evts{ border-radius: 100px 0 100px 0; padding: 60px 70px;
    }
}
@media(min-width:1600px){
    .eventos{ padding: 150px 0;
    }
    .eventos header{ margin-bottom: 100px;
    }
}

/* #endregion */


/*================================*/
/*       #region: GALERIA         */
/*================================*/

.galeria header{ margin-bottom: 50px; 
}
.galeria .card{ border: none; 
}
.galeria .card-header{ display: flex; align-items:end; border: none; border-radius: 0; padding-right: 80px !important;
}
.galeria .card-header::before{ content: ''; width: 100%; height:100%; position: absolute; bottom: 0; left: 0; z-index: 0;
    background: RGBA(0, 0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 15%, rgba(0, 0, 0, 0) 100%);
}
.galeria .card-header::after{ content: ''; width: 40px; height:40px; position: absolute; bottom: 20px; right: 20px;
    background:url('../img/general/icn-flecha-link-azul.svg') no-repeat center; background-size: 40px;
}
.galeria .card-header h3{ font-size: 1rem; font-weight: 600; z-index: 1;
}


.galeria blockquote{ line-height: 200%; font-size: 1.25rem; font-style: italic; font-weight: 300; padding-left: 30px; padding-right: 30px;
}
.galeria blockquote .ancla-abre-comillas, 
.galeria blockquote .ancla-cierra-comillas{ position:relative;
}
.galeria blockquote .ancla-abre-comillas::before, 
.galeria blockquote .ancla-cierra-comillas::before{ content: '"'; color: #BF940D; font-size: 3rem; position: absolute;
}
.galeria blockquote .ancla-abre-comillas::before{ left: -30px;
}
.galeria blockquote .ancla-cierra-comillas::before{ bottom: -10px;
}

/**/
.gal-inicios .card-header{ background: url('../img/portada/galeria/inicios.jpg'); background-size: cover; aspect-ratio: 4/4;
}
.gal-inicios .card-body{ align-content: center; line-height: 180%; background: #0058A6; background: linear-gradient(0deg, rgba(0, 88, 166, 1) 0%, rgba(2, 63, 117, 1) 100%);
}
/**/
.gal-estandar, .gal-inicios{ padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.gal-estandar .card-header{ background-size: cover; aspect-ratio: 4/4;
}
.gal-estandar.decada-80 .card-header{ background-image: url('../img/portada/galeria/decada-80.jpg');
}
.gal-estandar.decada-90 .card-header{ background-image: url('../img/portada/galeria/decada-90.jpg');
}
.gal-estandar.decada-2000 .card-header{ background-image: url('../img/portada/galeria/decada-2000.jpg');
}
.gal-estandar.logos .card-header{ background-image: url('../img/portada/galeria/logos.jpg');
}

@media(min-width:425px){
    .galeria-inicios .card-header{ aspect-ratio: 16/9;
    }
}
@media(min-width:768px){
    .galeria{ margin-top: 50px;
    }    
}
@media(min-width:992px){
    .galeria header{ margin-bottom: 70px; 
    }
    .gal-inicios .card-header{ aspect-ratio: 4/4;
    }
    .gal-inicios .card-header h3{ font-size: 1.125rem;
    }
    .galeria .card a:hover .card-header::before{ background: #000; opacity: 0.7;
    }
    .galeria .card a:hover .card-header{ flex-direction: column; gap: 15px; align-items: center; justify-content: center; text-align: center; padding: 0 !important;
    }
    .galeria .card a:hover .card-header::after{ position: relative; bottom: auto; right: auto;
    }
    .galeria .card a:hover .card-header h3{ font-size: 1.25rem;
    }

}
@media(min-width:1400px){
    .galeria header{ margin-bottom: 150px; 
}
    .gal header{ margin-bottom: 100px; 
    }
    .gal-inicios .card-header{ aspect-ratio: 4/3; padding-right: 100px !important;
    }
    .gal .card-header::after{ width: 50px; height:50px; background-size: 50px;
}
    .gal-inicios .card-header h3{ font-size: 1.25rem;
    }
}
@media(min-width:1600px){
    
}

/* #endregion */



/*================================*/
/*       #region: IDENTIDAD       */
/*================================*/

.identidad{ margin: 150px 0; overflow: hidden;
}
.identidad header{ margin-bottom: 50px;
}
.identidad .imagen60{ width: 80%; max-width: 350px; margin: 0 auto 10px auto; aspect-ratio: 6/4.5; background: url('../img/portada/identidad/60-v2.jpg') no-repeat; background-size: contain;
}

/*recursos*/
.identidad .wpr-recursos{ position: relative; z-index: 1; width: 140%; margin-left: -20%; padding-left: 20%; padding-right: 20%; padding-top: 100px; padding-bottom: 100px;
    background: rgba(20, 144, 255, 0);
    background: linear-gradient(0deg, rgba(227, 238, 251, 0) 0%, rgba(176, 201, 237, 1) 35%, rgba(227, 39, 38, 1) 100%);
}
.identidad .bnr-recursos{ position: absolute; top: 0px; left: 0; z-index: 2; width: 100%; height:250px; /*margin-left: calc(-100% + -3%);*/ overflow: hidden; background: #065BA7 url('../img/portada/identidad/banner.jpg') repeat-x center right; background-size: cover;
}
.identidad .bnr-recursos::after{ content: ''; display: block; width: 100%; height: 100%; background-color: #065BA7; opacity: 0.8;
}
.identidad .recursos{ position: relative; z-index: 2; width:90%; margin: 0 auto; z-index: 999; overflow: hidden; background-color: #0058A6; border-radius: 0 0 50px 0px;
}
.identidad .recursos .info{ padding: 50px 25px 100px 25px; color: #fff; font-size: 1.125rem; font-weight: 300; text-align: center; background: url('../img/portada/identidad/bg-recursos.png') no-repeat bottom right; background-size: 80%;
}
.identidad .recursos .info .btn{ box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.identidad .deco{ height: 100%; padding: 50px 25px 100px 25px; background-color: #0C3F75;
    background: linear-gradient(180deg, rgba(12, 63, 117, 1) 35%, rgba(0, 88, 166, 1) 100%);
}


@media(min-width:576px){
}
@media(min-width:768px){
    .identidad .imagen60{ max-width: 450px; margin: 0 auto 30px auto;
    }
    .identidad .recursos .info{ padding: 50px 50px 100px 50px; background-size: 60%;
    }

}
@media(min-width:992px){
    .identidad{ margin: 150px 0; padding-bottom: 100px;
        background: #EFF4FB; background: linear-gradient(0deg, rgba(239, 244, 251, 1) 0%, rgba(255, 255, 255, 1) 19%);
    }
    .identidad header{ margin-bottom: 240px;
    }
    .identidad .imagen60{ width: 80%; max-width: 650px; margin: 0 auto -200px auto; aspect-ratio: 6/4.5; background: url('../img/portada/identidad/60-v2.jpg') no-repeat; background-size: contain;
    }
    .identidad .descrip{ border: none; padding-left: 40px;
    }
    .identidad .subrayado::after{display:none;
    }
    /*recursos*/
    .identidad .wpr-recursos{ position: relative; z-index: 1; width: 200%; margin-left: -100%; padding-left: 100%; padding-top: 100px;  padding-bottom: 60px; border-radius: 0 0 100px 0; 
        background: rgba(20, 144, 255, 0);
        background: linear-gradient(0deg, rgba(227, 238, 251, 0) 0%, rgba(176, 201, 237, 1) 35%, rgba(227, 39, 38, 1) 100%);
    }
    .identidad .bnr-recursos{ position: absolute; top: -100px; left: 0; z-index: 2; width: 200%; height:475px; overflow: hidden; border-radius: 0 50px 50px 0; margin-left: calc(-100% + -3%); background: #065BA7 url('../img/portada/identidad/banner.jpg') repeat-x center right; background-size: contain;
    }
    /*.identidad .bnr-recursos::after{ content: ''; display: block; width: 100%; height: 100%; background-color: #065BA7; opacity: 0.8;
    }*/
    .identidad .recursos{ position: relative; z-index: 2; width: 100%; /*margin-top: 100px;*/ z-index: 999; background-color: #0058A6; border-radius: 0 0 50px 50px;
    }
    .identidad .recursos .info{ text-align: left; background-size: 80%;
    }
}
@media(min-width:1200px){
}
@media(min-width:1400px){
    .identidad{ margin: 250px 0; overflow: hidden; padding-bottom: 150px;
    }
    .identidad header{ margin-bottom: 400px;
    }
    .identidad .imagen60{ width: 80%; max-width: 850px; margin: 0 auto -300px auto;
    }
    
    .identidad .recursos .info{ padding: 100px 50px 100px 50px; font-size: 1.375rem;
    }
    .identidad .deco{ padding: 100px 25px 100px 25px;
    }
}
@media(min-width:1600px){
    .identidad .imagen60{ max-width: 1000px;
    }
    /*recursos*/
    .identidad .bnr-recursos{ height:575px; border-radius: 0 70px 70px 0; 
    }
}
/*#endregion*/


/*================================*/
/*       #region: NOTICIAS        */
/*================================*/
.noticias{ margin: 70px 0;
}
.noticias header{ margin-bottom: 70px;
}
/**/
.noticias .card::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 4px ; background-color: #E32726;
}
.noticias .card a{ color: #0C3F75; font-weight: 700; font-size: 1.125rem; text-decoration: none;
}
.noticias .card a:hover{ text-decoration: underline;
}
.noticias .card-img-top { aspect-ratio: 3 / 2; object-fit: cover; width: 100%;
}
.noticias .btn.btn-rojo{ font-size: 1.125rem; width: 100%;
}

@media(min-width:768px){
    .noticias{ margin: 100px 0;
    }
    .noticias header{ margin-bottom: 100px;
    }
    .noticias .card-img-top { aspect-ratio: 4 / 4;
    }
    .noticias .btn.btn-rojo{ font-size: 1.125rem; width: auto; padding: 10px 100px;
    }
}
@media(min-width:992px){
    .noticias{ margin-top: 150px;
    }
    .noticias header{ margin-bottom: 150px;
    }
}
@media(min-width:1400px){
    .noticias{ margin: 200px 0;
    }
}
/* #endregion */