@charset "utf-8";
header{
	background:#fff;
	/*position:absolute;
	z-index:1000;*/
	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: #08B1EF;
	font-size: 0.9rem;
}
header .redesTop{
	list-style: none;
	display: inline-flex;
    padding: 0;
	margin: 0;
}
header .redesTop li{
	
	margin-left: 10px;
}
header .redesTop li a{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 1.0);
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #08B1EF;
	font-size: 0.9rem;
}
#cont_slider{
 	position:relative;   
}
.head_top{
 	background:rgba(0,0,0,1.00);
}
.head_b{
	background: #F3F1F1;
    padding: 3px 0 3px 0;
}
.cont-escudo{
    width:300px;
    position:absolute;
    z-index:500;
    left:3%;
    top:5%;
}
.imagen-degradado{
    display:block;
    
}
.imagen-degradado::before {
  content: "";
  background: linear-gradient(to right, rgba(0, 0, 0, 0.85), transparent);
  width: 50%;
  height: 100%;
    position:absolute;
}
nav{
	
}
main{
	
}
article{
	
}
aside{
	
}
footer{
	padding-top: 50px;
	padding-bottom: 50px;
}
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: 28px;
	height: 28px;
    border-radius:50%;
    background: #038efa;
    color:#fff;
	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.75); /* Fondo inicial */
    transition: background 0.5s ease; /* Transición suave para el fondo */
}
/*  LOGO Y TEXTO  */
.logo-link-header{
	text-decoration: none;
}
.logo-title-a{
	text-align: center;
	font-size: 1.0rem;
	color: #000;
	line-height: normal;
}
.logo-title-b{
	text-align: center;
	font-size: 0.9rem;
	color: #000;
}	
.logo-slogan{
    font-family: "Kaushan Script", cursive;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	font-size: 1.3rem;
	color: #000;
}
/* END LOGO TEXTO */
.cont-subsec-info{
	padding-top: 50px;
	padding-bottom: 50px;
}
.cont-subsec-info h2{
    font-family: "Roboto Condensed", sans-serif;
	font-size:1.2rem;
    color:rgb(128, 128, 128);
}
.cont-subsec-info h3{
    font-family: "Roboto Condensed", sans-serif;
	font-size:1.5rem;
}
/* === ICONOS TOP DIRECT - TEL === */
.cont-dats-insti{
			color: rgba(0,0,0,0.75);
		}
		.cont-dats-insti > div:first-of-type{
			background:#E7F0F5;
			width: 45px;
			height: 45px;
			border-radius: 50%;
			
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.4rem;
			margin-right: 15px;
		}
/*COLORES TEXTO */
.font-color_a{
    color:rgb(0, 0, 0);
}
.font-color_b{
    color:#007FC9;
}
.font-slogan{
 	font-family: "Kaushan Script", cursive;
    font-size:1.3rem;
    font-weight: 200;
}
/* === FOOTER === */
.foot-title{
 	font-family: "Roboto Condensed", sans-serif !important;
    font-size: 1.0rem;
}
.foot-menu{
 	list-style:none;
    padding:0;
    margin:0;
}
.foot-menu li{
    font-family: "Roboto Condensed", sans-serif !important;
 	font-size: 0.9rem;
    margin-bottom:5px;
}
.foot-menu li a{
    text-decoration:none;
    color:#000;
}
.foot-menu li > div:first-of-type{
    width:25px;
    height:25px;
    display:flex;
    justify-content: center;
    align-items: center;
    background: #5e5f5f;
    color:#fff;
    border-radius:50%;
    margin-right:10px;
}
.foot-menu li a span{
    font-size:1.1rem;
    color:#34437A;
    margin-right:10px;
    position:relative;
    top:2px;
}
.redes-footer a{
 	width:28px;
    height:28px;
    border-radius:50%;
    color: #038efa;
    display:flex;
    justify-content: center;
    align-items: center;
}
/* === MIS TABS === */
	.my-nav-tabs{
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: flex-start;
	}
	.my-nav-tabs li{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;
		padding: 7px 15px 5px 15px;
		border-radius: 6px 6px 0 0;
		margin-right: 3px;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 0.95rem;
	}
	.my-nav-tabs li > div{
		width: 22px;
		height: 22px;
		display: flex;
		border-radius: 50%;
		justify-content: center;
    	align-items: center;
		margin-right: 5px;
	}
	.my-nav-tabs li > div span{
		position: relative;
		font-size: 1.0rem;	
	}
	
	.my-tab-active{
		background:rgba(2,90,195,1.00);
		color:#fff;
	}
	.my-tab-active > div{
		background: rgba(251,249,249,1.00);
		color:rgba(3,124,251,1.00);
	}
	.my-tab-inactive{
		background: none;
		color:rgba(41,40,40,1.00);
	}
	
	.my-tab-inactive > div{
		background: rgba(191,188,188,1.00);
		color:#ffffff;
	}
	.my-tab-active, .my-tab-inactive {
    transition: background 0.3s ease;
	}
	.my-tab-inactive:hover {
    background: rgba(220,220,220,0.5); 
	}
	
.cont_titles_a{
	font-family: "Roboto", sans-serif;
	font-size: 0.9rem;
	background: #EAF1F7;
	border-radius: 4px;
	padding: 8px 10px 8px 15px;
}.color_folder{
	color:rgba(248,178,2,1.00);
	font-size: 1.2rem;
	text-shadow:0px 1px 0px #fff;
}
/* === ESTRUCTURA DE DOCUMENTOS === */
.doc-date{
		font-family: "Roboto", sans-serif;
		padding-left: 10px;
		padding-right: 10px;
	}
	.doc-date div:first-child {
 		background:rgba(192,189,189,0.5);
		color: #000;
		border-radius: 3px 3px 0 0;
		text-align: center;
		font-size: 1.0rem;
		padding: 3px;
		font-weight: 500;
		/*text-shadow:0px 1px 0px #000;*/
	}
	.doc-date div:nth-child(2) {
 		background:rgba(1,29,106,1.00);
		color: #fff;
		border-radius: 0 0 3px 3px;
		text-align: center;
		padding: 3px 10px;
		font-size: 0.75rem;
	}
	.doc-date div:nth-child(3) {
		color:rgba(18,18,18,0.8);
		text-align: center;
		font-size: 0.8rem;
		padding-top: 2px;
	}
	.doc-details{
		font-family: "Roboto", sans-serif;
		padding-left: 5px;
		padding-right: 5px;
	}
	.doc-details div:first-child {
		font-size: 1.0rem;
		color: rgba(2,52,111,1.00);
		font-weight: 500;
	}
	.doc-details div:nth-child(2) {
		font-size: 0.9rem;
		color: rgba(85,83,83,1.00);
		line-height: normal;
	}
	.doc-icon{
		font-size: 0.75rem;
		text-decoration: none;
		text-align: center;
		white-space: nowrap;
        color:#000000;
	}
/* === ESTRUCTURA LOADING === */
.cont-loading{
	position: absolute;
	display:none;
	background: rgba(255,255,255,0.7);
	top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.loading{
	
	position: absolute; /* <-- esto es esencial */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  border-radius: 3px;
  padding: 3px 15px;
  border: solid 2px rgba(255,255,255,0.5);
  background: rgba(255,255,255,1);
  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);
}
@keyframes dots {
  0%   { content: ""; }
  33%  { content: "."; }
  66%  { content: ".."; }
  100% { content: "..."; }
}
.dots::after {
  content: "";
  display: inline-block;
  width: 1em;
  animation: dots 1s steps(4, end) infinite;
}
/* === MENSAJES OK, ERROR Y ALERT === */
.iconOk{
	font-size: 4.0rem;
	color:rgba(41,154,1,1.00);
}
.iconOk{
	font-size: 4.0rem;
	color:rgba(41,154,1,1.00);
}
.iconOk{
	font-size: 4.0rem;
	color:rgba(41,154,1,1.00);
}
.iconAlert{
	font-size: 3.5rem;
	color:rgba(249,217,4,1.00);
}
.iconError{
	font-size: 4.0rem;
	color:rgba(245,4,8,1.00);
}
/* === TABLAS DE DATOS === */
.cont-tables{
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.5);
}
.table thead tr{
    background: rgba(4, 115, 187,1);
}
.table thead tr th{
    color:#fff;
    text-align:center;
    font-size:0.9rem;
    font-weight:600;
}
.table thead tr th:first-child{
    border-top-left-radius: 4px;
}
.table thead tr th:last-child{
    border-top-right-radius: 4px;
}
.table tbody tr td:first-child{
    padding-left: 25px;
}
/* === FOTOS === */
.cont-personal{
   width: 20%;
   border:solid 7px #FFFFFF;
   border-radius: 4px;
    box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.55);
-webkit-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.55);
    margin:10px 5px 20px 5px;
}
.cont-foto_a{
		width: 100%;
		aspect-ratio: 250 / 315;
		background-size: cover;
		background-position: center;
		image-rendering: auto;
	}
@media screen and (max-width: 800px) {
	.cont-escudo{
    display:none;
}
    .cont-personal{
   width: 45%;
}
 }