@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{
  background-color:#fcf8f9;
}
.sub-head-a{
	/*background: #fcf8f9;*/
    background:#014625;
	padding: 6px 0;
    font-size:0.9rem;
    color:#FFFFFF;
    font-weight:500;
}
.head_b-color{
 
}
.fijo{
	position:fixed; top:0; z-index: 100;
	background-color:#fcf8f9 !important; /* Fondo inicial */
    transition: background 0.5s ease; /* Transición suave para el fondo */
}
/* == INTRANER === */
.cj-intranet{
 text-decoration:none;
   color:rgba(255,255,255,0.8);
   font-size:0.85rem;
   font-weight:400;
}
.cj-intranet:hover{
   color:rgba(255,255,255,1.0);
}
.cj-intranet span{
 position:relative;
 top:2px;
 font-size:1.0rem;
}
/* === 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;
}
/* === 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;
}
/* === FIN BÁSICOS */
/* === MAPA === */
.map-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    overflow: hidden;
    border-radius: 8px; /* opcional */
}
.map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
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: #ffffff;
    border-radius:50%;
    margin-right:8px;
}
footer .foot-datos li {
    margin-bottom: 4px;
}
footer .foot-datos li > div > span{
    color:#ccc;
}
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;
}
/* === LOADING === */
.msje-loading {
    position: absolute;
    inset: 0; /* cubre todo el contenedor */
    background: rgba(255, 255, 255, 0.5); /* blanco semi-transparente */
    display: none; /* oculto por defecto */
    z-index: 20;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
	font-size:0.8rem;
    padding: 20px;
}
/*
.msje-loading.show {
    display: flex; 
}
*/
/* === MENSAJES === */
.cont-mensaje{
    padding:25px;
}
.cont-mensaje span{
font-size:4.0rem;    
}
.cont-mensaje .msj_a, .msj_b{
    font-size:0.9rem;
}
/* === MENU FOOTER === */
.menu-footer{
 list-style:none;
 padding:0;
 margin:0;
}
.menu-footer li{
 border-radius:3px;
 padding:2px 5px;
 transition: background-color 0.7s ease;
}
.menu-footer li a{
 display:block;
 text-decoration:none;
 color:#FFFFFF;
font-size:0.80rem;
}
.menu-footer li:hover{
 background-color: rgba(255, 255, 255, 0.2);  
}
.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;
}
.img_page_section{
 margin-bottom:50px;   
}
.h1-seccion{
 color:#fff;
 font-size:3.0rem;
 display:block;
 border-left:solid 3px #FFB606;
 padding-left: 15px;
}
.h2-slogan{
  color:#fff;
 font-size:1.5rem;  
}
.dats-seccion{
    z-index: 2;
    bottom:0;
    position: absolute;
}
/* === 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;
}
/* === REDES FLOTANTES === */
.ac-redes-float{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ac-redes-float li{
    display: flex;
    justify-content: center;
}
/* BOTONES GENERALES (REDES PEQUEÑAS) */
.ac-redes-float li a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0E2A0C;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
/* CENTRAR ICONO */
.ac-redes-float li a span{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* HOVER */
.ac-redes-float li a:hover{
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 8px 18px rgba(0,0,0,0.3);
}
/* === COLORES POR RED === */
.ac-redes-float li a.facebook{
    background: #1877F2;
}
.ac-redes-float li a.instagram{
    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
}
.ac-redes-float li a.twitter{
    background: #000000;
}
.ac-redes-float li a.tiktok{
    background: #000000;
}
.ac-redes-float li a.youtube{
    background: #FF0000;
}
/* === WHATSAPP (MÁS GRANDE + DESTACADO) === */
.ac-redes-float li a.whatsapp{
    background: #25D366;
    width: 60px;
    height: 60px;
    font-size: 30px;
    box-shadow: 0 6px 20px rgba(37,211,102,0.6);
}
/* HOVER WHATSAPP MÁS LLAMATIVO */
.ac-redes-float li a.whatsapp:hover{
    transform: scale(1.15);
}
/* 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) { }
/* Tablets horizontal / pantallas medianas */
@media (max-width: 992px) { }
/* Laptops / pantallas grandes */
@media (max-width: 1200px) { }
/* Monitores extra grandes */
@media (max-width: 1400px) {
	.ac-cont-logo-top{
	max-width: 200px;
}
}