@charset "utf-8";
*{
	padding: 0;
	margin: 0;
}
body{
	/*font-family: "Roboto", sans-serif;*/
    font-family: "Poppins", sans-serif;
    /*font-family: "Open Sans", sans-serif;*/
}
header{
    position:relative;
    
}
header.header-absolute {
    position: absolute;
    z-index:100;
	width: 100%;
}
header .cont-ico{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	margin-right: 5px;
}
header .cont-ico span{
	color: #000;
	font-size: 0.9rem;
}
.head_a{
 background:#0099D6;   
}
.head_b{
 /*background:#ECF1F5;*/
}
.head_b-color{
 
}
#btns-bottom-slider{
position: absolute;
	z-index: 200;
	bottom: 0;
	width: 100%;
}
#btns-bottom-slider ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 20px; /* espacio entre botones */
}
/* === DATOS TOP === */
.dats-top{
list-style:none;
padding:5px 0;
margin:0;
display:flex;
}
.dats-top li{
 color:rgba(255, 255, 255, 0.8);
 font-size:0.8rem;
 margin-right:20px;
 display:flex;
 align-items: center;
}
.dats-top li span{
 font-size:1.0rem;
 margin-right:5px;
}
/* === REDES TOP === */
.cont-redesTop{
 width:15%;   
}
.redesTop{
	list-style: none;
	display:flex;
	justify-content: flex-end;
    padding:0;
    margin:0;
    width:100%;
}
.redesTop li{
	width:28px;
    height:28px;
    margin-left:5px;
    border:solid 0px #000000;
    border-radius:50%;
    display:flex;
    justify-content: center;
    align-items: center;
    background:#0E84FF;
}
.redesTop li a{
	text-decoration: none;
	color:#939393;
	font-size: 0.9rem;
    display:flex;
}
.redesTop li a span{
	color:#ffffff;
    font-size:0.9rem;
}
.a-logo{
 text-decoration:none;   
}
.cont-logo-head{
 width:85px !important; 
 margin-right:10px;
}
.cont-logo-head-scroll {
  width: 60px !important;
}
.logo-title{
 text-align:center;
 font-size:1.2rem;
 font-weight: 500;
 color:#001B4E;
 text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
   line-height:80%;
}
.logo-subtitle{
 text-align:center;
 font-size:1.0rem;
 font-weight: 500;
 color:#001B4E;
 text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
 line-height:normal;
}
.logo-title-scroll {
  font-size: 0.8rem !important;
}
.logo-subtitle-scroll {
  font-size: 0.8rem !important;
}
#cont_slider{
 padding:0 !important;   
}
nav{
	
}
main{
	
}
article{
	
}
aside{
	
}
footer{
	padding-top: 50px;
	padding-bottom: 50px;
	color:#ffffff;
}
footer .foot-datos{
    padding: 0;
	margin: 0;
}
footer .cont-span{
    width:25px;
    height:25px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #F9CA02;
    border-radius:50%;
    margin-right:8px;
}
footer .foot-datos li {
    margin-bottom: 8px;
}
footer .foot-datos li > div > span{
    color:#000000;
}
footer .redesFooter{
	list-style: none;
	display: inline-flex;
	padding: 0;
	margin: 0;
}
footer .redesFooter li{
	border-radius: 50%;
	background: #fff;
	margin-right: 10px;
}
footer .redesFooter li a{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;		
}
footer .redesFooter li a span{
	text-decoration: none;
		
}
footer .menuFooter_b{
	list-style: none;
	padding: 0;
	margin: 0;
}
footer .menuFooter_b li{
	font-size:0.85rem;
}
footer .menuFooter_b span{
	margin-right: 10px;
	font-size: 1.0rem;
}
.fijo{
	position:fixed; top:0; z-index: 5000;
	background: rgba(0, 0, 0, 0.9); /* Fondo inicial */
    transition: background 0.5s ease; /* Transición suave para el fondo */
}
.cont-subsec-info{
	padding-top: 50px;
	padding-bottom: 50px;
}
/* === CLASES === */
/* === STULES SECCIONES WEB === */
.fdo_page_section{
   background-position: center center;
   background-size: cover; 
   position: relative;
}
.overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  /*background-color: rgba(0, 0, 0,0.4);*/
  background: linear-gradient(
  to bottom,
  rgba(0, 0, 0, 0.6) 0%,
  rgba(0, 0, 0, 0.4) 30%,
  rgba(0, 0, 0, 0) 60%
);
  z-index: 1;
}
.img_page_section{
 /*bottom:25px;*/   
}
.h1-seccion{
 color:#fff;
 font-size:1.8rem;
 display:block;
 line-height:80% !important;
}
.h2-slogan{
  color:#fff;
 font-size:1.2rem;
 font-weight:400;
   line-height:100%;
}
.dats-seccion{
    z-index: 2;
    border-left:solid 3px #FFB606;
 	padding-left: 15px;
    margin-bottom:20px !important;
}
/* === TITULO SECCIONES === */
.titulo-seccion {
  font-size: 2.0rem;
  text-transform: uppercase;
   text-align:center;
}
.titulo-seccion .parte-1 {
  color: #000000; /* azul */
}
.titulo-seccion .parte-2 {
  color:#0E84FF; /* rojo */
}
.subtitulo-seccion {
  font-size: 1.6rem;
  text-transform: uppercase;
   text-align:center;
}
/* === CLSE DE NOTICIAS Y FOTOS WEB ANTIGUO === */
/* NOICIAS */
.noti-g{
  text-decoration:none;
}
.noti-g .fecha-noti-g{
 color:#515051;
  font-size:0.8rem;
}
.noti-g .img-noti-g{
  width: 100%;
  aspect-ratio: 700 / 410;
  overflow: hidden;
  background-size: cover;    /* mantiene proporción, rellena sin deformar */
  background-position: center center; /* centra en ambas direcciones */
  background-repeat: no-repeat;
  border-radius:4px;
  border:solid 5px #ffffff;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
.noti-g .tit-noti-g{
 font-size:1.0rem;
 text-transform: uppercase;
 color:#000000;
 padding:5px 3px;
 line-height:normal;
}
.noti-p{
 text-decoration:none;
 width: 48% !important;
}
.noti-p .fecha-noti-g{
 color:#515051;
  font-size:0.8rem;
}
.noti-p .img-noti-g{
  width: 100%;
  aspect-ratio: 700 / 410;/* Mantiene la proporción */
  overflow: hidden;
  background-size: cover;    /* mantiene proporción, rellena sin deformar */
  background-position: center center; /* centra en ambas direcciones */
  background-repeat: no-repeat;
  border-radius:4px;
  border:solid 5px #ffffff;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
.noti-p .tit-noti-g{
 font-size:0.9rem;
 text-transform: uppercase;
 color:#000000;
 padding:10px 3px 10px 3px;
 font-weight:500;
 line-height:110%;
}
.cont-noti_g{
	width: 90%;
  	aspect-ratio: 700 / 410; /* Mantiene la proporción */
  	overflow: hidden;
}
.cont-noti_g:hover img{
	filter: opacity(.75);
}
.cont-noti_p{
	display: block;
	width: 45%;
	text-decoration: none;
	font-size: 0.9rem;
	line-height: normal;
	color: rgba(2,22,61,1.00);
	text-align: center;
	margin-bottom: 20px;
}
.cont-noti_p:hover img{
	filter: opacity(.75);
}
/* FOTOS */
.cont-foto-desc{
	width: 260px;
	margin-bottom: 25px;
	
}
.cont-foto{
	width: 250px;
	height: 140px;
	border: solid 5px #fff;
	border-radius: 3px;
	background-size: 100% auto;
	background-position:top;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.cont-foto:hover{
	transform:scale(1.1);
	transition-property: all;
    transition-duration: 0.5s;
	filter: grayscale(80%);
	cursor: pointer;
}
.titulo-foto{
	color: #fff;
	font-size: 0.8rem;
	text-align:center;
	margin-top: 10px;
	text-shadow:0px 1px 0px #000000;
}
.header_fecha{
	border-radius: 3px 3px 0 0;
	background: rgba(205,203,203,1.00);
	padding: 6px 12px 2px 12px;
	color: #000;
	text-align: center;
	font-weight: 600;
	font-size: 1.0rem;
}
.footer_fecha{
	border-radius:0 0 3px 3px;
	background:rgba(1,19,61,1.00);
	padding: 2px 12px 3px 12px;
	color: #fff;
	text-align: center;
	font-size: 0.8rem;
}
.btn-services{
	list-style: none;
}
.btn-services li{
	display:inline-flex;
	background: rgba(80,188,248,1.00);
	padding: 15px 15px 15px 10px;
	border-radius: 5px;
	width: 20%;
	margin: 10px;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.39);
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.39);
}
.btn-services li a{
	display: block;
	text-decoration: none;
}
.btn-services li:hover{
	background: linear-gradient(to bottom,  #54d0f0 0%,#2fabe0 100%);
}
.btn-serv-icon{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	box-shadow: 0px 0px 0px 20px rgba(255,255,255,0);
	transition: box-shadow .4s, background .4s;
}
.btn-serv-icon span{
	font-size: 1.3rem;
	color: #000;
}
.btn-serv-info{
	width: 75%;
}
.btn-services-title{
	color: #fff;
	font-size: 0.9rem;
	text-align: center;
	line-height: normal;
	text-shadow:0px 1px 0px #0372F7; 
	/*transition: font-size .3s;*/
}
.btn-services-desc{
	text-align: center;
	color:rgba(0,0,0,1.00);
	font-size: 0.8rem;
	opacity: 0.7;
}
.btn-services a:hover .btn-serv-icon{
	box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
	background: rgba(255,255,255,1);
}
.btn-services a:hover .btn-serv-icon span{
	color:rgba(3,46,106,1.00);
}
.btn-services a:hover .btn-services-title{
	/*font-size: 0.95rem;*/
}
.cont_sub_info_a{
	width: 28%;
	margin: 10px 5px;
	background: rgba(252,251,251,0.8);
	padding: 25px 35px;
	border-radius: 8px;
	position: relative;
}
.info_a_title{
	font-size: 1.1rem;
	color:#4291C9;
	margin-bottom: 10px;
	text-align: center;
}
.info_a_desc{
	font-size: 0.9rem;
	color: #000;
	text-align: justify;
	
}
.info_a_span{
	text-align: center;
	/*position:relative;
	bottom:20px; margin-left: calc(50% - 80px);
	*/
	float: left; margin: 0 20px 10px 0;
	position: relative;
	top:10px;
	background-color:rgba(251,249,249,0.4);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.info_a_span span{
	font-size: 3.5rem;
	color: #58CCE6;
	
}
/* fin index */
.cont_info{
	padding: 25px 75px;
}
.num-popup_a{
 border-radius:50%;
 background:#0D83FD;
  width:25px;
  height:25px;
  color:#ffffff;
  display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size:0.8rem;
}
/* === FECHA CALNEDARIO === */
.cont-fecha-a{
 border-radius:5px;
background:#E1EEFF
}
.cont-fecha-a .cont-dia-mes{ 
    padding:6px 2px;
}
.cont-fecha-a .dia{
 font-size:1.1rem;
 text-align:center;
 line-height:100%;
 font-weight:600;
}
.cont-fecha-a .mes{
 font-size:0.7rem;
 text-align:center;
 line-height:100%;
}
.cont-fecha-a .anio{
 background:#01133D;
 color:#ffffff;
 text-align:center;
 font-size:0.8rem;
 border-radius:0 0 5px 5px;
 padding:0 10px;
}
/* FIN CLASES ANTIGUOS */
@media screen and (max-width: 800px) {
    .cont-logo-head{
 width:60px !important;
}
	.logo-title{
 font-size:1.1rem;
}
.logo-subtitle{
 font-size:1.1rem;
}
#btns-bottom-slider {
		position: relative; /* o static, según lo que necesites */
		bottom: auto;
		margin-top: 20px; /* opcional, para separar del header */
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
.cont-logo-head{
 width:80px !important;
}
.logo-subtitle{
 font-size:0.9rem;
}
    .logo-title{
   line-height:normal;
}
}
  
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  
}