/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 27 2026 | 18:22:47 */
:root {--u-color-azul:#0369B1;	--u-color-azul-rgb:2, 106, 174;  --u-color-gris:#D9D8D7;	--u-color-celeste-rgb:0, 176, 255; --u-color-celeste :#00b0ff; /*0, 176, 255*/ --u-color-azul-oscuro: #162F73; --u-color-lila: #9747FF; --u-color-rojo: #BA2F63;
	--menu-1-alto: 25px; --menu-2-port-mt: 60px; --menu-2-alto: 70px; --suma-alto-menu-1-y-2: 95px;  }
body {font-family: 'Roboto', sans-serif;  font-weight: 300; }

/*Uso en general*/  
.u-txt {color: #000000;}
.u-color-azul {color:var(--u-color-azul);}
.u-color-celeste{color:var(--u-color-celeste);}
.u-bg-celeste{background-color:var(--u-color-celeste);}
.u-bg-celeste-alpha10{background-color: rgba(var(--u-color-celeste-rgb),0.1);}

.border-radius {border-radius: 18px;}
.radius-arr {border-radius: 18px 18px 0 0;}
.radius-aba {border-radius: 0 0 18px 18px;}
.mt-titular {margin-top: 30px;}
.mt-seccion {margin-top: 40px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.u-ms-10 {margin-left: 10px;}
.u-ms-20 {margin-left: 20px;}
.u-fw-bold{font-weight: bold;}
.u-fs-08{font-size: 0.8rem;}
.u-fs-07{font-size: 0.7rem;}
.u-fs-1{font-size: 1.0rem;}
.u-fs-1-5{font-size: 1.5rem;}
.u-fs-1-7{font-size: 1.7rem;}
.u-fs-1-8{font-size: 1.8rem;}
.u-fs-2{font-size: 2.0rem;}
.u-d-flex {  display: flex;}
.u-align-items-center {  align-items: center;}


/*Ficha PERSONA*/
.u-per-cont{}/*contenedor principal, incluye el grid*/
.u-per-datos {display:flex; justify-content: center; align-items: left;}
.u-per-correo::before {content: "\f0e0"; font-weight: 900; color: var(--u-color-celeste) !important;  margin-right: 8px; font-family: "Font Awesome 5 Free";}
.u-per-datos a {color: var(--u-color-celeste) !important;}

/*ENTRADAS - el titulo del post */
     /* PLT artic oculta el titulo que se incluye por defecto*/
/*.category-vra .page-header, .category-fch .page-header{ display: none;} */
.single-post .page-header{ display: none;} 

.PLT-artic-titulo {margin-top: var(--suma-alto-menu-1-y-2); background-color: var(--u-color-azul) !important; height: 180px; display: flex !important; align-items: center !important; justify-content: center !important;}
.PLT-artic-titulo .elementor-heading-title {font-size: 2.0rem; line-height: normal; color: white; margin-top: auto; text-align: center;}
.PLT-artic-titulo .e-con-inner { flex-grow: 0 !important; display: flex; align-items: center; height: auto !important; }
.PLT-artic-con-img-sup {margin-top: var(--suma-alto-menu-1-y-2); height: auto; display: flex !important; align-items: center !important; justify-content: center !important;}
.PLT-artic-alto-fin-head{height: 15px;}/*se usa ára dar un espacio entre el header y el contenido(cuerpo)*/




/*degradado abajo-azul...txt blanco sobre img y color degradado azul bajo el txt*/
.u-deg-azul {position:absolute !important; bottom: 0px !important;background-image: linear-gradient(0deg, var(--u-color-azul) 0%, transparent 100%); min-height: 100px; padding-top: 20px !important; padding-left: 15px !important; padding-right: 15px !important;}

/*para mostrar en una linea, un txt a la izquierda y el otro a la derecha*/
.u-izq-der {display: flex; justify-content: space-between; align-items: center;}
.u-izq-der .der   {text-align:auto;}
.u-izq-der .izq {text-align:auto;}

/*en area de maps, txt de dirección física y el correo*/
.u-maps-txt {color: var(--u-color-celeste) !important;}

/*FORM*/
.u-form-contacto #u-form-enviar { background-color:white ; color: var(--u-color-celeste); border: 1px solid var(--u-color-celeste); width: 100px !important; max-width: 100px; display: inline-flex; justify-content: center; margin-left: auto !important; }

/*frase sobre el video, izquierda abajo ..Conocimiento y Territorio.. */
.u-txt-video-izq-ab{font-size:2.0rem; position: absolute; left: 0; bottom: 32px; }

/*botones de elementor*/
.u-btn a.elementor-button  {  background-color: #ffffff !important;  border: 1px solid var(--u-color-azul) !important; color: var(--u-color-azul) !important; text-decoration: none !important; }
.u-btn a.elementor-button:hover {  background-color: var(--u-color-azul) !important;  border: 1px solid #ffffff !important; color: #ffffff !important;}

/*Menues superiores*/
.u-menu-1-cont {background-color: var(--u-color-azul) !important; height: var(--menu-1-alto); z-index:2;} /*z-index menu-1 > menu-2*/ 
.u-menu-2-cont {position: absolute; top: var(--menu-2-port-mt) !important;   height: var(--menu-2-alto); z-index: 1;} 
.u-menu-2-artic-cont {background-color: white;position: absolute; top: var(--menu-1-alto) !important;  z-index: 1;  } /*PLT articulo ...sobreescribe el top que aplica para PORT*/
.u-menu-1 > nav > ul { margin-left: auto;  flex-direction: row;justify-content: flex-start;align-items: flex-start; transition: background-color 0.5s easy;}
.u-menu-2 > nav > ul { margin-left: auto;  flex-direction: row;justify-content: flex-start; align-items: flex-start;}
.u-menu-1 > nav > ul > li {transition: background-color 0.5s ease;}
.u-menu-1 > nav > ul > li:hover { background-color: var(--u-color-azul-oscuro);}
.u-menu-1 > nav > ul > li> a { font-weight: 600 !important; padding-top: 3px !important; padding-bottom: 3px !important; font-size: 0.8rem;}
.u-menu-2 > nav > ul > li> a { font-weight: 300 !important;  font-weight: bold !important;}
.u-menu-2 > nav > ul > li:last-child a {align-items: flex-end;  padding-right: 0px !important;}
.u-menu-2-artic > nav > ul > li> a { color:  var(--u-color-azul) !important;  }
.u-menu-2-artic > nav > ul > li> a:hover { color:  var(--u-color-azul-oscuro) !important;}
.u-menu-1 > nav > ul > li > ul, .u-menu-2>nav>ul>li>ul{border-radius: 7px;}
.u-menu-1 > nav > ul > li:last-of-type{  background-color: var(--u-color-celeste) !important;}
.u-menu-1 > nav > ul > li:last-of-type a{color: #fff !important; } 
.u-menu-1 > nav > ul > li > ul > li > a, .u-menu-2>nav>ul>li>ul>li>a, .u-menu-2-artic>nav>ul>li>ul>li>a{font-weight: 300 !important; color: var(--u-color-azul); padding-top: 3px !important; padding-bottom: 3px !important; padding-right: 7px !important;  font-size: 0.8rem;}
.u-menu-1 .sub-menu .menu-item a, .u-menu-2 .sub-menu .menu-item a, .u-menu-2-artic .sub-menu .menu-item a{padding-right: 25px !important;  font-size: 0.8rem;}
.u-menu-2-artic .sub-arrow svg {fill: var(--u-color-azul) !important; width: 0.8rem; height: auto; display: inline-block; vertical-align: middle; opacity: 1 !important; visibility: visible !important;}
.u-menu-2-artic > nav > ul > li > span.sub-arrow { border: 10px solid red; content: "▼" !important;  color: var(--u-color-azul);  margin-left: 5px;  font-size: 0.8rem; opacity: 1; }

/* === Menú 2 variante relativa y azul === */
/*.u-menu-2-relative-azul {position: relative !important; min-height: 250px; border: 1px solid red; margin-top: 0px !important;}
.u-menu-2-relative-azul > nav > ul > li > a {  color: var(--u-color-azul) !important;}
*/

/*
.u-menu-2-relative-azul > nav > ul > li:hover {  background-color: var(--u-color-azul-oscuro) !important;}
.u-menu-2-relative-azul > nav > ul > li > ul { background-color: #fff !important;  border-radius: 7px;}
.u-menu-2-relative-azul > nav > ul > li > ul > li > a {  color: var(--u-color-azul) !important;  font-weight: 400 !important;  padding: 3px 10px !important;}
.u-menu-2-relative-azul .sub-arrow svg {  fill: #fff !important;  width: 0.8rem;  height: auto;  vertical-align: middle;}
*/

/*
.elementor-item {display: inline-flex;align-items: center;gap: 6px; white-space: nowrap; border: 2px solid yellow;} 
.elementor-item .sub-arrow {  display: inline-flex; align-items: center;  line-height: 1; }
.elementor-item .sub-arrow svg {  height: 0.6em;  width: auto;  fill: currentColor;       }*/

/*VIDEO*/
.u-port-video {height: auto; margin-top: var(--menu-1-alto);} /*comienza despues del menu-1 */
.u-video-16-9 {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; max-height: 400px; /* opcional, límite máximo de altura */}
.u-video-16-9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/*titulos de bloques de portada, tienen titulo y texto*/
.u-port-bloque-tit {font-size: 2.0rem; color: var(--u-color-azul); font-weight:500;}
.u-port-bloque-txt{color: var(--u-color-celeste);}
.u-espacio-ht{margin-top:40px;} /*espacio entre bloques*/

/*icono mail*/
.u-ico-mail::before {  font-family: "Font Awesome 6 Free";  content: "\f0e0";  font-weight: 900; margin-right: 7px;}

/*Foto autoridad*/
.u-port-jefe-foto img {border-radius: 7px !important;}
.u-port-jefe-txt-up   {background-color: white; border: 1px solid var(--u-color-azul) !important;}


/*Titulados se usa en portada de vra*/
.u-port-titulados-tipcarr, .u-port-titulados-lugar, .u-port-titulados-fecha{font-size: 0.7rem !important;}

/*Tableta direcciones y oficina: img de fondo y sobre esa, titulo y flecha a la derecha*/
/*.u-port-dependencia {position: relative !important; padding: 0px !important;}
.u-port-dependencia img {}
.u-port-dependencia-base { position:absolute !important; bottom: 0px !important;background-image: linear-gradient(0deg, var(--u-color-azul) 0%, transparent 100%); padding-top: 30px !important; padding-bottom: 10px !important ;}
.u-port-dependencia-tit span {display:block; color: #FFFFFF !important; font-size: 0.8rem !important; font-weight: normal !important; line-height: 1.0rem !important;}
.u-port-dependencia-flecha span{color: #FFFFFF !important; }*/

/*Tableta direcciones y oficina: img de fondo y sobre esa, titulo y flecha a la derecha*/
.u-port-dependencia {position: relative !important;padding: 0px !important; overflow: hidden;border-radius: 8px;}
.u-port-dependencia img {transition: transform 0.4s ease;}
/* Efecto zoom en imagen al hacer hover en el contenedor */
.u-port-dependencia:hover img { transform: scale(1.05);}
.u-port-dependencia-base { position: absolute !important;bottom: 0px !important; width: 100%;background-image: linear-gradient(0deg, var(--u-color-azul) 0%, transparent 100%);
    padding-top: 30px !important; padding-bottom: 10px !important;display: flex;align-items: flex-end;justify-content: space-between;}
/* Título */
.u-port-dependencia-tit { flex: 1;}
.u-port-dependencia-tit span {display: block;color: #FFFFFF !important;font-size: 0.8rem !important;font-weight: normal !important;line-height: 1.0rem !important;}
.u-port-dependencia-tit a {color: #FFFFFF !important;text-decoration: none;transition: all 0.3s ease;display: inline-block;}
.u-port-dependencia-tit a:hover {color: #FFFFFF !important;text-shadow: 0 0 8px rgba(255, 255, 255, 0.8); transform: translateX(5px);}
/* Flecha */
.u-port-dependencia-flecha {flex-shrink: 0; margin-left: 15px;}
.u-port-dependencia-flecha span { color: #FFFFFF !important;}
.u-port-dependencia-flecha a { color: #FFFFFF !important; text-decoration: none; font-size: 1.5rem; display: inline-flex; align-items: center;  justify-content: center; width: 35px; height: 35px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); transition: all 0.3s ease;}
.u-port-dependencia-flecha a:hover {  background-color: rgba(255, 255, 255, 0.3); transform: translateX(5px) scale(1.1);}
/* Hover en todo el contenedor */
.u-port-dependencia:hover .u-port-dependencia-base {background-image: linear-gradient(0deg, rgba(0, 113, 182, 0.95) 0%, transparent 100%);}
/* Responsive */
@media (max-width: 768px) {
    .u-port-dependencia-tit span { font-size: 0.75rem !important;line-height: 0.95rem !important; }
    .u-port-dependencia-flecha a {  width: 30px; height: 30px; font-size: 1.3rem; }
}



/*FACULTADES*/
.u-fac-dir-cont {background-color: rgba(var(--u-color-celeste-rgb), 0.1); border: 1px solid var(--u-color-celeste);}
.u-fac-dir-cont img{width: 150px;  height: 150px; margin-top: 15px; border-radius: 50%; object-fit: cover; overflow: hidden;}
.u-fac-dir-datos {text-align:center;}
.u-fac-dir-datos .nombre{color: var(--u-color-azul);font-size: 1.3rem; font-weight: bold;}
.u-fac-dir-datos .cargo{color: var(--u-color-azul);}
.u-fac-dir-datos .correo{color: var(--u-color-celeste); margin-top: 10px;}
.u-fila-videos-cont {display: flex;  gap: 20px; background-color: rgba(var(--u-color-azul-rgb), 0.1);; overflow: hidden;  position: relative;} /*fila con videos, facultades*/
.u-fac-tit-centrado {font-size: 2.0rem; color: var(--u-color-celeste) !important ; font-weight:500; text-align: center;}


/*footer*/
.u-footer-col-tit  {color: white; font-size: 0.8rem; font-weight:bold; margin-bottom: 10px;}
.u-footer-col-item a{color: white; font-size: 0.7rem; line-height: normal; transition: 0.6s color; }
.u-footer-col-item a:hover{color: var(--u-color-celeste);}

/*
.sty-global-seccion-footer {background-color: var(--sty-mnu-glob-color-oscuro); padding-top: 30px; padding-bottom: 30px;}
.sty-global-seccion-footer-tit  {font-weight: bold;color: var(--sty-mnu-glob-color-item);}
.sty-global-seccion-footer-tit span     {display:block; width: 40px; height: 3px; background-color: #fff;margin-bottom: 10px;}
.sty-global-seccion-footer-item a       {color: var(--sty-mnu-glob-color-item);}
.sty-global-seccion-footer-item a:hover {color: #eee;}
.sty-global-seccion-footer-logo img {}*/

@media (max-width: 1024px) {
   .u-menu-1-cont {    display: none;  } /*no muestra menu-1*/
   .u-port-video { margin-top: 0px;}
   .u-menu-2-cont {top: 0px !important; margin-top: 0px;}
   .u-menu-2-cont .elementor-menu-toggle .e-font-icon-svg  {fill: var(--u-color-celeste) !important; stroke: var(--u-color-celeste) !important;  }
	 
}


@media (max-width: 768px) {
    /* CONTENEDOR GENERAL */
    .u-menu-2-cont {position: relative !important; height: auto !important; padding: 10px 12px;
        display: flex; align-items: center; }
    /* CONTENEDOR INTERNO */
    .u-menu-2-cont .e-con-inner {  display: flex; align-items: center; justify-content: space-between;  width: 100%;   gap: 10px;  }
    /* LOGO */
    .u-menu-2-cont img {  max-width: 180px;  height: auto;  }
    /* CONTENEDOR LOGO */
    .u-menu-2-cont .e-con-full:first-child { flex: 1; display: flex; align-items: center;    }
    /* MENÚ */
    .u-menu-2 {        flex: 0 0 auto;    }
    /* ICONO HAMBURGUESA */
    .elementor-menu-toggle {        padding: 6px;    }
    .elementor-menu-toggle svg {        width: 26px;        height: 26px;    }
}



/* ============================================ */
/* BOTÓN IR ARRIBA                              */
/* ============================================ */
.u-ir-arriba {position: fixed; bottom: 30px;right: 30px; width: 50px; height: 50px; background-color: var(--u-color-azul); color: white; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; z-index: 999; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; opacity: 0;    visibility: hidden;}
.u-ir-arriba.visible {    opacity: 1;    visibility: visible;}
.u-ir-arriba:hover {    background-color: var(--u-color-azul-oscuro);    transform: translateY(-5px);    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);}
.u-ir-arriba:active {    transform: translateY(-3px);}
/* Responsive - Tablet */
@media (max-width: 768px) {
    .u-ir-arriba { bottom: 20px; right: 20px; width: 45px; height: 45px; font-size: 20px;}
}
/* Responsive - Móvil */
@media (max-width: 480px) {
    .u-ir-arriba { bottom: 15px; right: 15px; width: 40px; height: 40px; font-size: 18px;    }
}
/* ============================================ */
/* Fin boton Ir Arriba */