@charset "utf-8";
/* === BÁSICOS === */
*{
	padding: 0;
	margin: 0;
}
body{
    font-family: "Poppins", sans-serif;
}
header{
    position:relative;
    
}
header.header-absolute {
    position: absolute;
    z-index:100;
	width: 100%;
}
nav{
	
}
main{
	
}
article{
	
}
aside{
	
}
footer{
	
}
.head_a{
	
}
.head_b{
  
}
.sub-head-a{
	background-color: #28406D;
}
.head_b-color{
 
}
.fijo{
	position:fixed; top:0; z-index: 5000;
	background: rgba(40, 64, 109, 1.0); /* Fondo inicial */
    transition: background 0.5s ease; /* Transición suave para el fondo */
}
#cont_slider{
 /*height: 550px !important; 
    overflow: hidden;*/
    /* o la altura que quieras */
}
/* === MAIL, TELEFONO, DIREC === */
.ac-contact-info{
 list-style:none;
 padding:0;
 margin:0;
 display:flex;
}
.ac-contact-info li{
 color:#FFFFFF;
 font-size:0.7rem;
 margin-right:20px;
}
.ac-contact-info li i{
 margin-right:5px;
 font-size:0.75rem;
}
/* === ATENCION INFO === */
.ac-atencion-info{
 font-size:0.7rem;
 color:#FFFFFF;
}
.ac-atencion-info i{
 margin-right:5px;
 font-size:0.75rem;
}
/* === REDES SOCIALES CABECERA === */
.red-soc-top{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
.red-soc-top li{
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	background: #000;
	margin: 0 2px;
}
.red-soc-top li a{
	color: #FFFFFF;
	font-size: 0.9rem;
	text-decoration: none;
}
/* === REDES SOCIALES FOOTER === */
.red-soc-foot{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
.red-soc-foot li{
	border-radius: 50%;
	
	
	background: #FFFFFF;
	margin: 0 5px;
}
.red-soc-foot li a{
	color: #000000;
	font-size: 0.9rem;
	text-decoration: none;
    width: 28px;
	height: 28px;
    display: flex;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
/* === LOGO TOP === */
.ac-cont-logo-top{
	display: flex;
	max-width: 250px;
}
#cont_slider{
background:#CCCCCC;
}   
#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 */
}
.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;
}
/* === FOTO DIRECTOR === */
.ac-director{
	display: flex;
	flex-direction: column;
	align-items: center;   /* CENTRA TODO */
	text-align: center;
}
.ac-cont-director{
 width:180px;
 height:180px;
 border-radius:4px;
 border:4px solid #FFFFFF;
 background-size: cover;        
  background-position: center; 
  background-repeat: no-repeat; 
 box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
}
.ac-nom-director{
 margin-top:20px;
 font-size:0.95rem;
 color:#28406D;
    font-weight:500;
}
.ac-cargo-director{
 font-size:0.9rem;
 color:#7A7A7A;
 margin-bottom:20px;
}
/* === PIE DE PÁGINA === */
.ac-footer-title{
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 20px;
  padding-bottom: 8px;   /* espacio para el borde */
  position: relative;
    font-weight:500;
  
}
.ac-footer-title::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;        /* 🔑 pegado a la izquierda */
  width: 50%;     /* 50% del ancho */
  height: 1px;
  background: #FFFFFF;
}
.ac-footer-important{
 list-style:none;
 padding:0;
 margin:0;
}
.ac-footer-important li{
    
}
.ac-footer-important li a{
    text-decoration:none;
    color:#FFFFFF;
    font-size:0.8rem;
}
/* === FIN BÁSICOS */
/* Extra pequeño (teléfonos muy pequeños) */
@media (max-width: 360px) { }
/* Teléfonos pequeños */
@media (max-width: 480px) { }
/* Teléfonos "normales" */
@media (max-width: 576px) { }
/* Tablets vertical */
@media (max-width: 768px) { 
.carousel-item {
        height: 60vh;
      }
}
@media (max-width: 992px) { }
/* Laptops / pantallas grandes */
@media (max-width: 1200px) { }
/* Monitores extra grandes */
@media (max-width: 1400px) { }