/* contenedor de la columna derecha del header */
.aw-header .h1.marginzero{
  display:flex;
  align-items:center;
  justify-content:space-between; /* logo a la izda, acciones/usuario a la dcha */
}

/* apila "acciones" y "usuario" en dos (o tres) alturas */
.aw-header .private{
  display:flex;
  flex-direction:column;
  align-items:flex-end; /* alinea a la derecha */
  gap:.35rem;
}

/* fila de acciones: selector + botones, en una sola línea con salto si falta espacio */
.aw-header .private .row-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem;
}

/* fila de usuario (tercera altura) */
.aw-header .private .row-user{
  margin-top:.15rem;
  font-weight:600;
  text-align:right;
}

/* (opcional) que el icono del botón herede el verde de tu clase .green */
.aw-header .langdrop-btn.green svg { color: #2b8a3e; } /* ajusta al verde de tu .green */

/* fila superior del header: logo a la izquierda, acciones a la derecha */
.aw-header .header-top{
  display:flex;
  align-items:center;        /* verticalmente centrado */
  justify-content: space-between;
}

/* bloque del logo: icono + marca pegaditos */
.aw-header .header-top .brand{
  display:flex;
  align-items:center;
  gap:.5rem;                 /* separación pequeña entre marca y bola */
}

/* acciones (selector idioma + botones) con separación controlada */
.aw-header .header-top .actions{
  display:flex;
  align-items:center;
  gap:1rem;                  /* reduce si quieres más compacto */
}
.aw-header .pull-right {
   		float: right !important;
		display: flex;
    	flex-direction: column;
    	align-items: flex-end;
   	}

/* Espacio claro entre logo y controles (idioma + botones) */
.aw-header .pull-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.5rem;                /* separa logo y fila de botones */
}

/* El logo “empuja” un poco hacia abajo la fila de acciones */
.aw-header .logo-archivaweb{ 
  max-height:50px;
  margin-top:10px;
  padding-bottom:10px;
  display:block;
  display:inline-block !important;
}

/* Fila de acciones: altura y padding uniforme (vertical) */
.aw-header .private .row-actions{
  display:flex;
  align-items:center;
  gap:.6rem;
  min-height:34px;
}

/* Selector de idioma y botones con la misma altura/padding */
.aw-header .langdrop-btn,
.aw-header .private .actions .btn{
  display:inline-flex; align-items:center; gap:.35rem;
  height:34px; padding:0; line-height:1;
}

/* Corrige solapamiento del desplegable con el logo */
.aw-header .langdrop-menu{
  top: calc(100% + 6px);    /* baja un poco el menú para no pisar el logo */
}

/* Quita el ajuste raro que desplaza “Registrarse” */
.aw-header .private .actions .btn[title="Registrarse"]{
  margin-right:0 !important;
}

.aw-header .navbar-default .navbar-nav li.menu h2.h3 > a {
  color: #3a3a3a !important;      /* mismo gris que las otras */
  font-size: x-large !important;   /* igual que ul h2.h3 */
}
.aw-header .menu_superior{
  color: #3a3a3a !important;      /* mismo gris que las otras */
  font-size: x-large !important;   /* igual que ul h2.h3 */
}

.aw-header #navbar .navbar-nav >li {
  float: none;               /* evita conflicto con col-* */
  flex: 1 0 25%;             /* 4 columnas iguales */
  background: #eaeaea;       /* tu gris de pestañas */
  border-top: 3px solid #fff;
}

/* Todo el contenido interior ocupa 100% de la altura del <li> */
.aw-header #navbar .navbar-nav > li > h2.h3,
.aw-header #navbar .navbar-nav > li > a {           /* para el <li> Menú que no lleva <h2> */
  margin: 0; height: 100%;
}

/* Los enlaces (todas las pestañas y el Menú) con la misma “caja” */
.aw-header #navbar .navbar-nav > li h2.h3 > a,
.aw-header #navbar .navbar-nav > li.menu > a {
  display: flex;
  align-items: center;       /* centra icono + texto */
  gap: 10px;
  height: 100%;              /* ← ocupa todo lo alto del <li> */
  padding: 18px 24px;        /* mismo alto visual que las otras */
  line-height: 1.2;
  color: #3a3a3a !important; /* mismo color de texto */
  text-decoration: none;
  box-sizing: border-box;
}

.aw-header #navbar .navbar-nav >.searchSimple:hover,
.aw-header #navbar .navbar-nav >.searchSimple.active {
	border-top: 3px solid #00a2a6;
}

.aw-header #navbar .navbar-nav >.searchAdvanced:hover,
.aw-header #navbar .navbar-nav >.searchAdvanced.active {
	border-top: 3px solid #ff7f00;
}

.aw-header #navbar .navbar-nav >.exploreDocuments:hover,
.aw-header #navbar .navbar-nav >.exploreDocuments.active {
	border-top: 3px solid #ff3f9f;
	margin-top: 10px;
}


.aw-header .header-menu{
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    height: 34px;
    min-height: 34px;
    width: 46px;
    padding: 6px 12px;
    line-height: 1;
}
.aw-header .header-menu .menu_superior{
  border: 0;
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  cursor: pointer;          
  width: 100%;
  height: 100%;             /* el padding ya lo tiene header-menu */
}

/* ocultamos cualquier texto visual, usamos solo el icono */
.aw-header .header-menu .menu_superior .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

/* icono hamburguesa */
.aw-header .header-menu .menu-icon{
  position: relative;
  width: 20px;
  height: 3px;
  display: inline-block;
   top: 0;
}
.aw-header .header-menu .menu-icon::before{
  top: -3px;     /* barra superior */
}

.aw-header .header-menu .menu-icon::after{
  top: 3px;      /* barra inferior */
}
.aw-header .header-menu .menu-icon,
.aw-header .header-menu .menu-icon::before,
.aw-header .header-menu .menu-icon::after{
  background: #087021;          /* verde corporativo */
  border-radius: 999px;
}

.aw-header .header-menu .menu-icon::before,
.aw-header .header-menu .menu-icon::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height: 3px;
}



.aw-header .header-menu .menu-icon::before{
  top: -5px;                     /* barra superior */
}

.aw-header .header-menu .menu-icon::after{
  top: 5px;                      /* barra inferior */
}

/* ====== DESPLEGABLE DEL MENÚ ====== */

.aw-header .header-menu .dropdown-menu{
  margin-top: 8px;
  right: 0;
  left: auto;                    /* pegado a la derecha */
  min-width: 220px;
  background: #eaeaea;
  border: 0;
  border-radius: 0 0 0 0;
  box-shadow: none;
  padding: 16px 24px;
}

/* enlaces del desplegable: texto verde centrado y sin iconos */
.aw-header .header-menu .dropdown-menu > li > a{
  display: block;
  padding: 8px 0;
  text-align: center;
  color: #087021 !important;
  background: transparent !important;
  font-weight: 600;
  text-decoration: none !important;
}
.aw-header .header-menu .menu-icon{
  transition: transform .2s ease;   /* animación suave */
  transform-origin: center center;  /* rota desde el centro */
}

/* Cuando el dropdown está abierto (Bootstrap añade .open) */
.aw-header .header-menu.open .menu-icon{
  transform: rotate(90deg);
}
.aw-header .header-menu .dropdown-menu > li + li > a{
  border-top: 1px solid #dcdcdc; /* línea entre opciones */
}

/* quitar glyphicons dentro del menú (en la captura no se ven) */
.aw-header .header-menu .dropdown-menu .glyphicon{
  display: none;
}

/* hover sutil */
.aw-header .header-menu .dropdown-menu > li > a:hover,
.aw-header .header-menu .dropdown-menu > li > a:focus{
  background: #f3f8f4 !important;
  color: #065a1a !important;
}

/* Dropdown bien posicionado y visible */
.aw-header #navbar .navbar-nav > li.dropdown { position: static; }
.aw-header #navbar .navbar-nav > li.dropdown .dropdown-menu {
  right: 0; left: auto;
  z-index: 1051;
  margin-top: 0;
}
.menu .chev{  display: inline-block; transition:transform .18s; vertical-align:middle}
.menu.open .chev{transform:rotate(90deg)} /* de > a v */
/* 1) El <li> sirve de ancla para posicionar el menú */
.aw-header #navbar .navbar-nav > li.menu.dropdown{
  position: relative;          /* referencia para el absolute del menú */
  overflow: visible;           /* por si algún padre corta */
}

/* 2) El desplegable ocupa el MISMO ancho que la pestaña */
.aw-header #navbar .navbar-nav > li.menu .dropdown-menu{
  position: absolute;
  top: 100%;                   /* justo bajo la pestaña */
  left: 0; right: 0;           /* estira al ancho del <li> */
  min-width: 100%;
  width: 100%;
  box-sizing: border-box;

  /* L&F para integrarlo */
  margin-top: 0;
  padding: 8px 0;
  border: 1px solid #dcdcdc;
  border-top: 0;               /* que “empalme” con la pestaña */
  border-radius: 0;
  background: #eaeaea;         /* mismo gris de las pestañas */
  box-shadow: none;            /* sin sombra Bootstrap */
  z-index: 1051;               /* por encima de la banda gris */
}

/* 3) Estilo de los enlaces del menú (verde corporativo) */
.aw-header #navbar .navbar-nav > li.menu .dropdown-menu > li > a{
  color: #087021;              /* verde Junta */
  font-weight: 600;
  padding: 10px 16px;
}
.aw-header #navbar .navbar-nav > li.menu .dropdown-menu > li > a:hover{
  background: #f3f8f4;         /* leve fondo al pasar */
  color: #065a1a;
}

/* 4) Seguridad: evita que el navbar “corte” el menú */
.navbar-nav, .navbar-nav > li{ overflow: visible !important; }
/* Contenedor en fila (salta a varias líneas si no cabe) */
.aw-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:16px auto 24px;
  padding:0 12px;
  max-width:1200px;
}

/* Botón tipo “pestaña” gris claro con texto verde */
.action-tab{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.65rem 1rem;
  border:1px solid #dfe5e2;
  background:#f2f4f3;
  color:#087021;               /* verde texto */
  text-decoration:none;
  line-height:4;
  white-space:nowrap;
  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    transform .02s ease;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  cursor:pointer;
  font-size: large;
}



/* Focus accesible */
.action-tab:focus{
  outline:0;
}
.action-tab:focus-visible{
  box-shadow:0 0 0 3px rgba(74,163,167,.35);
}

/* Active (al pulsar) */
.action-tab:active{
  transform:translateY(1px);
}

/* Estado seleccionado/persistente (como el de la captura) */
.action-tab.is-active{
  background:#fff;
  border-color:#4aa3a7;        /* borde azul verdoso */
  box-shadow:0 0 0 2px rgba(74,163,167,.18) inset;
  color:#087021;
  font-weight:600;
}

.icon-green { color: #087021; }
.icon-lg { font-size: 18px; line-height: 1; vertical-align: -2px; }

/* ===== ESTILOS MÓVIL CORREGIDOS ===== */
.container-fluid.visible-xs .mobile-menu-toggle { margin-right: 15px; }

/* MÓVIL: hacer más grande el sublogo de Cultura y Patrimonio */
@media (max-width: 768px){
      /* La fila del logo + hamburguesa será el contenedor relativo */
  .aw-header .container-fluid.visible-xs .cabecera-logos{
    position: relative;
  }

  /* El botón hamburguesa no es el ancla del menú */
  .aw-header .container-fluid.visible-xs .mobile-menu-toggle{
    position: static;
  }

  /* El desplegable ocupa todo el ancho y centra la lista */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu{
    position: absolute;
    top: 100%;        /* justo debajo de la fila */
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;   /* ← centra el texto/enlaces */
    background: #e6f4ea; 
    border-radius: 0;
    box-shadow: none;
    z-index: 9999;
    border-top: 1px solid #087021;
    border-bottom: 1px solid #087021;
  }

  /* Cada <li> ocupa toda la línea */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu > li{
    display: block;
  }

  /* Los enlaces, centrados y “gorditos” */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu > li > a{
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #087021;
  }

  /* En el bloque de búsquedas, cada enlace en su línea */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu .mobile-search-links a{
    display: block;
    padding: 14px 0;
    padding: 8px 0;
  }
  /* Separadores más finos para ahorrar espacio */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu .divider{
    margin: 4px 0;
  }
    /* Iconos algo más pequeños */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu .icon-left{
    max-height: 32px;           /* baja de ~48px a 32px aprox */
    margin-right: 6px;
  }

  /* Iconos de glyphicon un pelín más pequeños */
  .aw-header .container-fluid.visible-xs .mobile-dropdown-menu .glyphicon{
    font-size: 14px;
  }
  .aw-header .container-fluid.visible-xs .mobile-lang-item{
    padding: 0 0 4px;
  }

  /* Panelito con la lista de idiomas justo debajo del enlace */
  .aw-header .container-fluid.visible-xs .mobile-lang-inline,
  .aw-header .container-fluid.visible-xs #langMobileInline{
    margin-top: 4px;
    padding: 4px 0 6px;
    border-top: 1px solid #afd8ba;
  }

  .aw-header .container-fluid.visible-xs #langMobileInline .lang-quick a{
    display:block;
    padding:4px 0;
    font-size:13px;
    color:#087021;
  }
}
/* === ESCRITORIO (≥768px) === */
@media (min-width: 768px){
  #navbar .navbar-nav {
    display: flex;
    align-items: stretch;
    margin: 0; 
    padding: 0;
  }
  #navbar .navbar-nav > li {
    float: none;
    flex: 1 0 25%;
    background: #eaeaea;
    border-top: 3px solid #fff;
  }
}
/* Evitar que la hamburguesa baje entre 768 y 800px de ancho */
@media (min-width: 768px) and (max-width: 800px){

  /* La fila completa en una sola línea */
  .aw-header .private .row-actions{
    flex-wrap: nowrap;    /* <- clave: que no salte a otra línea */
    gap: .25rem;          /* menos hueco entre elementos */
  }

  /* Hacemos más “compactos” los botones para que entren */
  .aw-header .langdrop-btn,
  .aw-header .private .actions .btn,
  .aw-header .header-menu{
    padding: 4px 6px;
    height: 30px;
    min-height: 30px;
    font-size: 11px;
  }

  /* La caja de la hamburguesa no obliga a ocupar 46px fijos */
  .aw-header .header-menu{
    width: auto;
  }
}

.aw-header { 
  margin-bottom: 20px; 
}

.cabecera-logos { 
  padding:10px 0; 
  border-bottom:none; 
}

.logo-principal { 
  height:90px; 
}

.header-user { 
  text-align:right; 
  font-size:14px; 
}

.header-links {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:25px;
    height:auto;
}


.header-links a {
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#087021;
    font-size:14px;
}

.header-links a .glyphicon { 
  margin-right:6px; 
}

.header-links svg { 
  vertical-align:middle; 
}

.user-name { 
  margin-right: 10px; 
  margin-top:5px; 
  font-weight:bold; 
  font-size:14px; 
}

.header-menu.inline { 
  display:inline-block; 
  vertical-align:middle; 
}

.menu_superior .menu-icono-dropdown {
    position: relative;
    width: 20px;
    height: 3px;
    display: inline-block;
    top: 0;
    background: #087021;
    border-radius: 999px;
    transition: transform .25s ease-in-out;
    transform-origin: center center;
}

.menu_superior .menu-icono-dropdown::before,
.menu_superior .menu-icono-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: #087021;
    border-radius: 999px;
}

.menu_superior .menu-icono-dropdown::before { 
  top: -6px; 
}

.menu_superior .menu-icono-dropdown::after { 
  top: 6px; 
}

.dropdown.open .menu-icono-dropdown { 
  transform: rotate(90deg); 
}

.row.no-gutter { 
  margin:0; 
}

.busquedas-full {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}

.busquedas-full [class*='col-'] { 
  padding-left:0; padding-right:0; 
}

.busquedas-full .col-xs-4 {
    background:#f0f0f0;
    border-top:1px solid transparent;
    text-align:center;
}

.busquedas-full .col-xs-4 a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:5px 0;
    text-decoration:none;
    color:black;
    transition:background .25s, border-top .25s;
    font-size:20px;
}

.busquedas-full .col-xs-4 img.icon-left { 
  margin-right:6px; 
  max-height:30px; 
  height:auto; 
}

.searchSimple a:hover, .searchSimple.active a { 
	background:#fff; 
	border-top:1px solid #00a2a6; 
}
.searchAdvanced a:hover, .searchAdvanced.active a { 
	background:#fff; 
	border-top:1px solid #ff7f00; 
}
.explorer a:hover, .explorer.active a { 
	background:#fff; 
	border-top:1px solid #ff3f9f; 
}
/* ===== Overlay de idioma móvil ===== */
.lang-mobile-overlay {
    position: fixed;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0,0,0,0.4);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang-mobile-overlay[hidden] {
    display: none;
}

.lang-mobile-panel {
    position: relative;
    background: #e6f4ea;      /* verde clarito */
    border: 1px solid #087021; /* verde corporativo */
    border-radius: 4px;
    padding: 15px;
    width: 90%;
    max-width: 320px;
    text-align: center;
}

.lang-mobile-panel h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #087021;
}

.lang-mobile-panel .lang-quick a {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #087021;
    text-decoration: none;
}

.lang-mobile-panel .lang-quick a:hover {
    text-decoration: underline;
}

.lang-mobile-close {
    position: absolute;
    top: 6px;
    right: 8px;
    border: none;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #087021;
}