/* ====================== GLOBAL ====================== */
body{
  padding-bottom:0;
  color:#000;
  background-size:100% auto;
}

#franja_superior{height:10px;background-color:#1990CE;}
#franja_inferior{height:10px;background-color:#003B8E;}

/* Parallax (si lo usas) */
.paral{min-height:800px;background-attachment:fixed;background-size:cover;background-position:50% 50%;}
.paraldireccion{background-image:url("../img/fondo.jpg");}

/* ====================== NOTICIAS ====================== */
#noticias{background:#2F2E2E;}
#noticias h2{font-size:30px;color:#FFF;font-family:avenir-lt-w01_35-light1475496,sans-serif;}
#noticias .row p.info{
  height:200px;width:230px;background:#fff;font:18px "open sans",sans-serif;color:#333;
}

/* ====================== BOTONES ====================== */
.botonVerde,.botonAzul{
  color:#fff;height:40px;width:110px;margin-top:-57px;border-radius:0;border:1px solid transparent;
}
.botonVerde{background:#AF8514;border-color:#AF8514;padding:7px;}
.botonAzul{background:#003B8E;border-color:#003B8E;}

/* ====================== LOGOS / TÍTULOS ====================== */
#consolidacion{width:80px;margin-top:25px;}
#logo{width:70px;margin-top:25px;}

/* IDs actualizados según el nuevo HTML */
#titulo-principal,
#titulo-uni,
#titulo-mobile{
  position:absolute;left:49%;top:80px;transform:translate(-50%,-50%);font-size:22px;color:#FFF;
}
#titulo-uni{left:50%;}

/* ====================== MENÚ / NAV ====================== */
#fondo_menu{height:auto;background-color:#003B8E;padding:0;}

/* Tema base de tu barra (además de las clases de Bootstrap) */
.menu_principal{z-index:1000;color:#fff;margin:0;padding:0;}
.menu_principal .navbar-nav .nav-link{color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.35);}
.menu_principal .navbar-nav .nav-link:hover{background:#1990CE;color:#fff;}
.menu_principal .navbar-nav .nav-link.active{background:#8F6D11;color:#fff;}

.menu_principal .dropdown-menu{
  background:#AF8514;color:#fff;opacity:.95;border:none;
}
.menu_principal .dropdown-item{color:#fff;}
.menu_principal .dropdown-item:hover{background:rgba(0,0,0,.2);color:#fff;}

/* Toggler visible en navbar-dark */
.navbar-dark .navbar-toggler{border-color:#fff;}
.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Bloque idioma (si se muestra) */
#idioma .nav{position:absolute;padding-top:10px;padding-left:5%;}
#idioma .nav>a{color:#FFF;text-decoration:none;font-size:18px;}
#idioma .nav>span{color:#FFF;font-size:28px;}

/* ====================== CAJAS / EXTRAS ====================== */
.col-extra{display:none;}

.color_btn_azul,
.color_btn_amarillo{
  color:#fff;font-weight:bold;cursor:pointer;font-size:10px;
  padding:30px 0;border-top:7px solid;border-bottom:7px solid;
}
.color_btn_azul{background:rgba(0,59,142,.5);border-color:rgba(0,59,142,1);}
.color_btn_amarillo{background:rgba(175,133,20,.5);border-color:rgba(175,133,20,1);}

#content-wrapper{position:relative;z-index:1 !important;min-width:100%;min-height:100%;padding:25% 0 0;}

.breadcrumb{background:#fff;font-size:10px;padding:10px 14px;}
.breadcrumb-item.active{color:#000;}

/* ====================== ENCABEZADOS SUPERIOR / INFERIOR ====================== */
#big_menu{display:none;visibility:hidden;}
#small_menu{display:block;visibility:visible;}

.superior{height:80px;margin:0;padding:20px 0 0;background-color:#b89d2b;}
.superior .logo{width:100px;height:105px;margin:0;padding:0;top:0;}
.superior .consolidacion{width:130px;margin:0;padding:0;}
.superior .logo_dcs{width:130px;margin:0;padding:0;}

.inferior{
  height:150px;
  background:linear-gradient(90deg,rgba(0,59,126,1) 0%,rgba(27,104,171,1) 48%,rgba(29,112,184,1) 100%);
}
.inferior #titulo-uni{width:450px;top:180px;text-align:center;font-size:24px;}

#titulo2{
  position:absolute;left:50%;transform:translate(-50%,-50%);width:100%;
  padding-top:30px;text-align:center;font:normal 13px "Roboto",Sans-serif;color:#FFF;
  text-transform:uppercase;letter-spacing:30px;
}

/* ====================== BOX TRANSMISIÓN ====================== */
#box-transmision .box{background-color:#0f3d8a;color:#fff;font-size:24px;width:100%;height:100px;}
#box-transmision .titulos-left{padding:3% 0 0 2%;text-align:center;font-weight:normal;}
#box-transmision .titulos-right{padding:3% 2% 0 30px;text-align:center;font-weight:normal;}
#box-transmision .col-img{width:100%;height:100%;}
#box-transmision .imagen_trans{width:100%;height:100%;}
#box-transmision .oro{color:#AF8514;}
#box-transmision .bold_text{font-weight:bold;}

/* ====================== FOOTER ====================== */
.footer{position:relative;width:100%;height:70px;background:#DBD1B9;color:#fff;text-align:center;}
.titulo{color:var(--e-global-color-text);font-family:"Roboto Condensed",Sans-serif;font-size:12px;font-style:italic;letter-spacing:5px;padding-top:5px;}
#redes_sociales{background:#f1ebd5;padding:0;margin:0;}
#uni{background:#003595;padding:0;margin:0;height:29.19px;}
#small{display:block;visibility:visible;}
#big{display:none;visibility:hidden;}
#big a,#small a{color:#FFF;text-decoration:none;}

/* ====================== NAVBAR UNIVERSAL (UAS) ====================== */
.uas-navbar{
  --nav-bg:#b8860b; --nav-fg:#ffffff; --nav-bg-hover:#a6780a; --drop-bg:#b8860b; --drop-fg:#ffffff;
}
.uas-navbar .navbar-nav{display:flex;align-items:stretch;flex-wrap:nowrap;}
.uas-navbar .nav-item{flex:0 0 auto;position:relative;}
.uas-navbar .nav-link{
  display:inline-block;background:var(--nav-bg);color:var(--nav-fg);
  font-size:clamp(12px,0.95vw,15px);line-height:1.3;padding:.6rem 1.2rem;text-align:center;white-space:nowrap;
  border-right:1px solid rgba(255,255,255,.35);
}
.uas-navbar .nav-link:hover,.uas-navbar .nav-link:focus{background:var(--nav-bg-hover);color:#fff;text-decoration:none;}
.uas-navbar .dropdown-menu{
  width:100%;min-width:100%;box-sizing:border-box;margin-top:0;background:var(--drop-bg);border:none;text-align:center;padding:0;
}
.uas-navbar .nav-item.dropdown:hover > .dropdown-menu,
.uas-navbar .dropdown-menu:hover{display:block;}
.uas-navbar .dropdown-item{
  display:block;padding:.6rem 1.2rem;color:var(--drop-fg);text-align:center;margin:0 auto;
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.3;font-size:clamp(12px,0.95vw,15px);
}
.uas-navbar .dropdown-item:hover,.uas-navbar .dropdown-item:focus{background:rgba(0,0,0,.2);color:#fff;}
.uas-navbar .nav-item#correo .nav-link{white-space:normal;line-height:1.2;}

/* ====================== MEDIA QUERIES ====================== */
@media (min-width:500px){
  #titulo-principal,#titulo-uni,#titulo-mobile{
    left:49%;top:90px;font-size:22px;width:300px;text-align:center;color:#FFF;
  }
  #consolidacion{width:80px;margin-top:25px;}
  #logo{width:70px;margin-top:25px;}
}

@media (min-width:768px){
  #titulo-principal,#titulo-uni,#titulo-mobile{
    left:50%;top:80px;font-size:38px;width:400px;text-align:center;
  }
  #consolidacion{width:100px;margin-top:25px;}
  #logo{width:100px;margin-top:5px;}
  #idioma .nav{padding-top:10px;padding-left:33%;}

  .color_btn_azul,.color_btn_amarillo{font-size:20px;padding:55px 0;}
  #content-wrapper{padding:25% 0 0;}

  /* Encabezados */
  .superior{height:80px;background-color:#b89d2b;}
  .superior .logo{width:160px;height:165px;}
  .superior .consolidacion{width:198px;}
  .superior .logo_dcs{width:200px;}
  .inferior{height:200px;}
  .inferior #titulo-uni{top:210px;font-size:38px;}

  /* Footer */
  .footer{height:70px;}
  .titulo{font-size:18px;padding:20px;}
  .foot_logo1{position:absolute;width:109.19px;top:-40px;left:0;float:left;}
  .foot_logo2{position:absolute;width:98.59px;top:-1px;right:0;float:right;}

  #big{display:block;visibility:visible;}
  #small{display:none;visibility:hidden;}
}

@media (min-width:992px){
  .container{width:980px;}

  #titulo-principal{left:50%;top:80px;font-size:32px;width:600px;}
  #consolidacion{width:100px;margin-top:15px;}
  #logo{width:100px;margin-top:10px;}

  /* Fondo y colores del menú grande */
  #fondo_menu{background-color:#AF8514;}
  .menu_principal{background-color:#AF8514;}
  .menu_principal .dropdown-menu{background-color:#AF8514;color:#fff;opacity:.95;}

  #idioma .nav{padding-top:10px;padding-left:0;}

  .col-extra{display:block;}

  #content-wrapper{padding:50% 0 0;}

  /* Box transmisión en layout grande */
  #box-transmision .box{background-color:#071F4E;height:150px;margin-top:28px;}
  #box-transmision .titulos-left{padding:3% 30px 0 2%;text-align:right;}
  #box-transmision .titulos-right{padding:3% 2% 0 30px;text-align:left;}
  #box-transmision .col-img{width:290px;height:200px;}
  #box-transmision .imagen_trans{width:290px;height:200px;position:absolute;}

  /* Encabezados */
  #big_menu{display:block;visibility:visible;}
  #small_menu{display:none;visibility:hidden;}
  .superior{
    height:135.42px;margin:0;padding:0;
    background:linear-gradient(90deg,rgba(33,105,172,1) 0%,rgba(22,70,134,1) 56%,rgba(22,70,134,1) 100%);
  }
  .superior .consolidacion{width:198px;}
  .superior .logo_dcs{width:200px;}
  .inferior{
    height:30px;
    background:linear-gradient(90deg,rgba(0,59,126,1) 0%,rgba(27,104,171,1) 48%,rgba(29,112,184,1) 100%);
  }
  .superior #titulo-principal{width:400px;left:450px;top:70px;text-align:left;font-size:32px;}
}

	/* ====================== OVERRIDES: PRIORIZA MI TEMA =======================
   Coloca este bloque AL FINAL de tu css.css para que gane a Bootstrap
=========================================================================== */

/* Paleta base del sitio (opcional: sobrescribe variables de BS5) */
:root{
  --bs-primary: #003B8E;          /* azul institucional */
  --bs-warning: #b8860b;          /* dorado navbar */
  --bs-light:   #f1ebd5;
  --bs-dark:    #071F4E;
}

/* ===== Navbar principal (mi tema por encima de BS) ======================= */
.menu_principal.navbar,
#fondo_menu .menu_principal.navbar{
  background-color:#AF8514; /* en >=992px ya lo pones, aquí reforzamos */
}

/* Links del menú (fuerte especificidad para ganar) */
#fondo_menu .menu_principal .navbar-nav .nav-link{
  background:#b8860b;             /* oro base en cada item */
  color:#fff !important;          /* fuerza texto blanco */
  border-right:1px solid rgba(255,255,255,.35);
  line-height:1.3;
  padding:.6rem 1.2rem;
}
#fondo_menu .menu_principal .navbar-nav .nav-link:hover,
#fondo_menu .menu_principal .navbar-nav .nav-link:focus{
  background:#a6780a;             /* hover dorado más oscuro */
  color:#fff !important;
  text-decoration:none;
}

/* Estado activo/actual */
#fondo_menu .menu_principal .navbar-nav .nav-link.active,
#fondo_menu .menu_principal .navbar-nav .show>.nav-link{
  background:#8F6D11;             /* tu activo */
  color:#fff !important;
}

/* Dropdown (mismo ancho que el padre + colores tema) */
#fondo_menu .menu_principal .dropdown-menu{
  display:none;                    /* evita parpadeos */
  width:100%; min-width:100%; box-sizing:border-box;
  margin-top:0; padding:0;
  background:#b8860b;              /* dorado */
  border:none;
  text-align:center;
}
#fondo_menu .menu_principal .nav-item.dropdown:hover > .dropdown-menu{
  display:block;                   /* abre por hover (además del click BS) */
}
#fondo_menu .menu_principal .dropdown-item{
  color:#fff; padding:.6rem 1.2rem; white-space:normal;
  overflow-wrap:anywhere; word-break:break-word; line-height:1.3;
}
#fondo_menu .menu_principal .dropdown-item:hover,
#fondo_menu .menu_principal .dropdown-item:focus{
  background:rgba(0,0,0,.2); color:#fff;
}

/* Botón hamburguesa visible con tu tema */
.menu_principal.navbar.navbar-dark .navbar-toggler{ border-color:#fff; }
.menu_principal.navbar.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ===== Botones (prioriza tus colores) ==================================== */
.btn-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#003B8E;            /* azul UAS */
  --bs-btn-border-color:#003B8E;
  --bs-btn-hover-bg:#0a4ea6;
  --bs-btn-hover-border-color:#0a4ea6;
  --bs-btn-active-bg:#083f86;
  --bs-btn-active-border-color:#083f86;
}
.btn-secondary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#8F6D11;            /* dorado activo de tu menú */
  --bs-btn-border-color:#8F6D11;
  --bs-btn-hover-bg:#7a5d0f;
  --bs-btn-hover-border-color:#7a5d0f;
}

/* ===== Carrusel: indicadores/controles con tu paleta ===================== */
.carousel .carousel-indicators [data-bs-target]{
  background-color:#AF8514;
}
.carousel .carousel-indicators .active{
  background-color:#8F6D11;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
  filter:none;
  background-image: none;
  width:2.5rem;height:2.5rem;border-radius:50%;
  background-color:rgba(0,0,0,.35);
  position:relative;
}
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before{
  content:'';
  position:absolute;inset:0;margin:auto;
  width:0.6rem;height:0.6rem;border:0.2rem solid #fff;border-top:none;border-left:none;
  transform:rotate(45deg);
}
.carousel-control-prev-icon::before{ transform:rotate(225deg); }

/* Caption legible sobre imágenes claras */
.carousel-caption{
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}

/* ===== Footer enlaces: prioridad sobre BS ================================ */
.footer a{ color:#fff !important; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }

/* ===== Utilidades propias (evita inline styles) ========================= */
.brand-32{ font-size:32px; color:#003595; }

/* ===== Responsive ajustes finos ======================================== */
@media (min-width:992px){
  /* refuerza color de barra grande */
  #fondo_menu{ background-color:#AF8514; }
  .menu_principal.navbar{ background-color:#AF8514; }
}


/* ===================== FEATURETTES ===================== */
.featurette-divider {
  margin: 5rem 0; /* espaciado vertical */
}

.featurette-heading {
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.featurette .lead {
  font-size: 1.1rem;
  color: #333;
}

/* Imagen */
.featurette-image {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  display: block;
  margin: 0 auto;
  transition: transform .3s ease, box-shadow .3s ease;
}
.featurette-image:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

/* Responsive ajustes */
@media (min-width: 768px) {
  .featurette-heading {
    font-size: 2.2rem;
  }
  .featurette .lead {
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    font-size: 2.6rem;
  }
  .featurette .lead {
    font-size: 1.3rem;
  }
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%; /* ancho del área clickeable */
}

.carousel-control-prev i,
.carousel-control-next i {
  text-shadow: 0 2px 6px rgba(0,0,0,.7);
  transition: transform .2s ease-in-out;
}

.carousel-control-prev i:hover,
.carousel-control-next i:hover {
  transform: scale(1.2); /* efecto zoom al pasar el mouse */
}

/* pega esto en tu css */
/* Navbar con degradado */
#fondo_menu .menu_principal.navbar {
  background: linear-gradient(90deg, #b8860b 0%, #a6780a 100%) !important;
}

/* 1) Mostrar SOLO un header según tamaño */
#big_menu { display:block; }
#small_menu { display:none; }
@media (max-width: 991.98px){
  #big_menu { display:none !important; }
  #small_menu { display:block !important; }
}

/* 2) Limpiar floats del bloque superior para que no invada la navbar */
.superior::after { content:""; display:block; clear:both; }

/* 3) Navbar con degradado, 100% ancho y sticky (opcional) */
#fondo_menu .menu_principal.navbar{
  background: linear-gradient(90deg,#b8860b 0%,#a6780a 100%) !important;
  width:100%;
  z-index:1030;
}
#fondo_menu { position:relative; }
.sticky-nav { position: sticky; top: 0; }

/* 4) Estilos móviles de la navbar (collapse con fondo, padding y bordes) */
@media (max-width: 991.98px){
  #fondo_menu .menu_principal .navbar-collapse{
    background: linear-gradient(90deg,#b8860b 0%,#a6780a 100%) !important;
    padding: .5rem 1rem;
    border-radius: 0 0 .5rem .5rem;
  }
  #fondo_menu .menu_principal .nav-link{
    padding:.75rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
  #fondo_menu .menu_principal .nav-link:last-child{ border-bottom:0; }
}

/* 5) Icono hamburguesa legible sobre el degradado */
.navbar-dark .navbar-toggler { border-color: rgba(255,255,255,.25); }
.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22' /%3E%3C/svg%3E");
}

/* 6) Logotipos: tamaños razonables en móvil para que no empujen todo */
@media (max-width: 575.98px){
  #small_menu .logo,
  #small_menu .consolidacion,
  #small_menu .logo_dcs{
    max-height:56px;
    width:auto;
  }
}

/* 7) Carousel: que no se monte con la barra */
#myCarousel{ margin-top:0; }


/* 1) Mostrar SOLO un header según tamaño */
#big_menu{display:block}
#small_menu{display:none}
@media (max-width:991.98px){
  #big_menu{display:none !important}
  #small_menu{display:block !important}
}

/* 2) Accesibilidad mínima */
.visually-hidden-focusable:active,.visually-hidden-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* 3) Navbar / dropdowns */
.menu_principal .navbar-nav .nav-link{padding-left:1rem;padding-right:1rem;white-space:nowrap}
.navbar .dropdown-menu{max-height:70vh;overflow:auto}

/* 4) Icono hamburguesa legible */
.navbar-dark .navbar-toggler{border-color:rgba(255,255,255,.25)}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

/* 5) Navbar con DEGRADADO (Opción A) y sticky */
#fondo_menu .menu_principal.navbar{
  background:linear-gradient(90deg,#b8860b 0%,#a6780a 100%) !important; /* unifica tono con items */
  width:100%;
  z-index:1030;
}
#fondo_menu{position:relative}
.sticky-nav{position:sticky;top:0}

/* 6) Collapse móvil con mismo degradado y padding */
@media (max-width:991.98px){
  #fondo_menu .menu_principal .navbar-collapse{
    background:linear-gradient(90deg,#b8860b 0%,#a6780a 100%) !important;
    padding:.5rem 1rem;border-radius:0 0 .5rem .5rem
  }
  #fondo_menu .menu_principal .nav-link{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.12)}
  #fondo_menu .menu_principal .nav-item:last-child .nav-link{border-bottom:0}
}

/* 7) Limpiar floats de la franja de logos para que no empuje la navbar */
.superior::after{content:"";display:block;clear:both}

/* 8) Carousel: corrige franja amarilla y desbordes */
#myCarousel{background:#000}
#myCarousel .carousel-inner{overflow:hidden}
#myCarousel .carousel-item{background:#000}
#myCarousel .carousel-item img{display:block;width:100%;height:clamp(320px,56vh,700px);object-fit:cover;object-position:center}
.carousel-indicators [data-bs-target]{background-color:#fff}
#myCarousel,
.carousel-inner,
.carousel-item {
  background-color: transparent !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.carousel-item img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  display: block;
}

/* 9) Utilidad iconos footer */
.brand-32{font-size:32px;color:#003595}

/* 10) Espaciado contenedor navbar */
.uas-navbar .container{padding-left:.75rem;padding-right:.75rem}

/* 11) Imágenes featurettes */
.featurette-image{border-radius:.5rem}

 /* Accesibilidad / utilidades mínimas */
      .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
      .skip-link { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
      .skip-link:focus { position:static; width:auto; height:auto; padding:.5rem 1rem; background:#fff; border:2px solid #000; z-index:1050; }
      .brand-logos img { max-height: 56px; object-fit: contain; }
      .bg-gradient-hero { background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35)), var(--hero-image, #2f2f2f); }
      .section-heading { letter-spacing:.2px; }
      .shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.08); }
      .card-hover:hover { transform: translateY(-4px); transition: .2s ease; box-shadow: 0 12px 24px rgba(0,0,0,.12); }
      footer .logo-strip img { max-height: 48px; }
      .nav-link { white-space: nowrap; }
      /* Ajuste ejemplo para menús extensos en desktop */
      .navbar .dropdown-menu { max-height: 70vh; overflow:auto; }
      /* Placeholders para slider si aún no hay imágenes */
      .hero-slide { min-height: 56vh; display:flex; align-items:center; }
      .hero-slide svg { width:100%; height:56vh; display:block; }

/* Unificar colores del menú */
.uas-navbar .nav-link{
  background: var(--nav-bg) !important;
  color:#fff;
}
.uas-navbar .nav-link:hover,
.uas-navbar .nav-link:focus,
.uas-navbar .nav-link.active{
  background: var(--nav-bg-hover) !important;  /* o var(--nav-bg) si no quieres resaltado */
}

/* (Opcional) desactiva los colores viejos para que no se crucen */
.menu_principal .navbar-nav .nav-link:hover{ background: var(--nav-bg-hover); }
.menu_principal .navbar-nav .nav-link.active{ background: var(--nav-bg-hover); }

.uas-navbar{
  --nav-bg:#b8860b;                 /* color base (dorado) */
  --nav-bg-hover:#a6780a;           /* hover/activo */
}
.uas-navbar .nav-link{ background:var(--nav-bg); }
.uas-navbar .nav-link:hover{ background:var(--nav-bg-hover); }

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
    color: #5a5a5a;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
    background-color: #777;
}
.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}
.marketing h2 {
    font-weight: 400;
}
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* Featurettes
------------------------- */
.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }
    .featurette-heading {
        font-size: 50px;
    }
}
@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

/* ===== FIX HEADER MOBILE ===== */
#small_menu .inferior #titulo-mobile {
  position: static;         /* deja que fluya */
  transform: none;          /* elimina la traslación */
  margin: 0 auto;
  padding: 10px 15px;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  max-width: 100%;
  word-wrap: break-word;
}

/* En pantallas medianas/grandes vuelves a posicionar */
@media (min-width: 768px) {
  #titulo-principal,
  #titulo-uni {
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translate(-50%,-50%);
    font-size: 32px;
    width: 400px;
    text-align: center;
  }
}

/* ===== TOPBAR ===== */
.topbar {
  border-bottom: 3px solid #AF8514; /* línea divisoria en dorado UAS */
  background-color: #f8f9fa;       /* gris claro consistente con Bootstrap */
  font-size: 0.9rem;
  z-index: 1020;                   /* encima del header */
}
.topbar img {
  height: 36px;
}
.topbar a {
  text-decoration: none;
}
.topbar a:hover {
  text-decoration: underline;
}

/* ===== TOPBAR SUPERIOR ===== */
.topbar {
  border-bottom: 3px solid #AF8514;  /* división dorada */
  background-color: #f8f9fa;         /* gris claro */
  font-size: 0.9rem;
  position: relative;
  z-index: 900;                      /* debajo del header azul */
}
.topbar img {
  height: 30px;
}
.topbar a {
  text-decoration: none;
}
.topbar a:hover {
  text-decoration: underline;
}

/* ===== Cookies / Privacidad ===== */
.cookie-banner{
  position: fixed;
  inset: auto 0 0 0; /* bottom */
  background: #f8f9fa;
  border-top: 3px solid #AF8514; /* dorado institucional */
  z-index: 1100; /* sobre el contenido, debajo de modales */
}
.cookie-banner a { text-decoration: underline; }
.cookie-banner a:hover { text-decoration: none; }

/* Accesibilidad visual de switches/checkbox si deseas reforzar */
#modalCookies .form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(175,133,20,.25); }

.uas-valores {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  color: #212529;
  padding-left: 1.2rem; /* leve sangría */
  border-left: 3px solid #DBDED4; /* detalle visual */
}

.uas-valores li {
  margin-bottom: 0.3rem;
  position: relative;
}

.uas-valores li::before {
  content: "•";
  color: #AF8514; /* dorado institucional */
  position: absolute;
  left: -1.2rem;
  font-size: 1.2em;
  line-height: 1;
}
/* ===== VISIBILIDAD SEGÚN DISPOSITIVO ===== */

/* Por defecto: mostrar versión móvil, ocultar escritorio */
#big_menu {
  display: none !important;
}
#small_menu {
  display: block !important;
}

/* A partir de pantallas grandes (≥992px) */
@media (min-width: 992px) {
  #big_menu {
    display: block !important;
  }
  #small_menu {
    display: none !important;
  }
}

/* ===== ESTILO TARJETAS DE BASES DE DATOS ===== */
#main h2 {
  color: #003b8e;
  font-weight: 700;
  text-transform: uppercase;
}

#main figure img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#main figure:hover img {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

#main figcaption a {
  color: #003b8e;
  font-weight: 600;
}

#main figcaption a:hover {
  color: #b8860b;
  text-decoration: underline;
}

/* ===== ORGANIGRAMA UAS ===== */
#main h2 {
  color: #003b8e;
  font-weight: 700;
  text-transform: uppercase;
}

#main img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#main img:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

#main h5 {
  color: #000;
}

#main p.text-primary {
  color: #003b8e !important;
  font-weight: 600;
  font-style: italic;
}

/* ===== ORGANIGRAMA ===== */
#organigrama h2 {
  color: #003b8e;
}

#organigrama img {
  object-fit: cover;
  border: 4px solid #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#organigrama img:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Conector visual entre niveles */
.connector-line {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: linear-gradient(90deg, #003b8e, #b8860b);
  z-index: 0;
}

@media (max-width: 768px) {
  .connector-line {
    display: none;
  }
}

/* ====== ORGANIGRAMA LÍNEAS ENTRE NIVELES ====== */
.nivel {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}

/* Línea divisoria después de cada nivel */
.nivel:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15%;
  width: 70%;
  height: 3px;
  background: linear-gradient(90deg, #003b8e 0%, #b8860b 100%);
  border-radius: 10px;
  opacity: 0.7;
}

/* === UNIFICAR TONO DORADO DEL MENÚ (UAS) === */
#fondo_menu {
  background-color: #b8860b !important; /* Dorado institucional */
}

#fondo_menu .menu_principal.navbar {
  background: transparent !important; /* Evita doble capa */
  box-shadow: none !important;
  border: none !important;
}

/* Opcional: ajustar hover para mantener el mismo estilo */
#fondo_menu .menu_principal .navbar-nav .nav-link {
  background-color: #b8860b !important;
  color: #fff !important;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

#fondo_menu .menu_principal .navbar-nav .nav-link:hover,
#fondo_menu .menu_principal .navbar-nav .nav-link:focus {
  background-color: #a6780a !important; /* Dorado más oscuro al pasar el mouse */
  color: #fff !important;
}