/* =========================================================
   EDSAONE · Cabecera en móvil (complementa el CSS del child)
   Por debajo de 768px Enfold quita la transparencia y pinta la cabecera
   de blanco, pero la regla del child que la vuelve transparente sigue
   aplicando: quedaba fondo blanco con el logo blanco (invisible).
   ========================================================= */
@media only screen and (max-width: 767px) {
  #top #header,
  #top #header.av_header_transparency #header_meta,
  #top #header.av_header_transparency #header_main {
    background: var(--eds-azul-dark, #1f2143);
    border-color: transparent;
  }

  /* Logo al tamaño de Figma */
  /* En pantallas muy estrechas se reduce para dejar sitio a la lupa y la hamburguesa */
  #top #header .logo img { width: 190px; max-width: calc(100vw - 175px); height: auto; }

  /* Texto en blanco. Enfold fuerza "color: inherit" en estos enlaces con
     ".responsive #top #wrap_all .av_header_transparency …": por eso se pone
     el color en los contenedores y con #wrap_all para igualar especificidad */
  #top #header_meta,
  #top #header_main { color: #fff; }
  .responsive #top #wrap_all #header_meta .sub_menu > ul > li > a { color: #fff; }

  /* Hamburguesa y lupa en blanco */
  #top #header .av-hamburger-inner,
  #top #header .av-hamburger-inner::before,
  #top #header .av-hamburger-inner::after { background-color: #fff; }
  /* Con el menú abierto el fondo es blanco: la X pasa a azul oscuro */
  #top #header .av-hamburger.is-active .av-hamburger-inner,
  #top #header .av-hamburger.is-active .av-hamburger-inner::before,
  #top #header .av-hamburger.is-active .av-hamburger-inner::after { background-color: var(--eds-azul-dark, #1f2143); }
  .responsive #top #wrap_all #header .menu-item-search-dropdown > a,
  .responsive #top #wrap_all #header .av-burger-menu-main > a { color: #fff; }
  .responsive #top #wrap_all #header .menu-item-search-dropdown svg { fill: #fff; }

  /* Menú superior: en móvil se quita de encima del logo; sus opciones están en la hamburguesa */
  #top #header_meta { display: none; }
}

/* Opciones del menú superior añadidas al menú principal (mu-plugin edsaone-barra-movil.php):
   solo se ven en la hamburguesa, separadas del resto y en un tono secundario */
#top #avia-menu > li.eds-menu-movil { display: none; }
#top #av-burger-menu-ul li.eds-menu-movil--first { margin-top: 24px; border-top: 1px solid rgba(31, 33, 67, .15); }
.responsive #top #wrap_all #av-burger-menu-ul li.eds-menu-movil > a { color: var(--eds-azul-light); font-size: 13px; }

/* Sin las líneas azul claro arriba y abajo de la cabecera (las pone el style.css del child).
   Abajo se deja el borde de 3px original pero del color del fondo de la cabecera: Enfold reserva 170px
   para la cabecera fija y la cabecera debe montar un poco sobre la primera sección; si mide justo
   170px, con el zoom del navegador o de Windows (125 %, 150 %…) asoma una raya blanca entre las dos. */
#top #header_meta { border-top: 0; }
#top #header_main { border-bottom: 0; }
#top #header_main_alternate { border-bottom: 3px solid #1f2352; }

/* Menú principal en escritorio: cada opción en una sola línea (si el texto se partía, Enfold dejaba
   dos líneas de 50px con un hueco enorme). En portátiles estrechos se reduce un poco la letra. */
@media only screen and (min-width: 990px) {
  #top #header .av-main-nav > li > a .avia-menu-text { white-space: nowrap; }
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
  #top #header .av-main-nav > li > a .avia-menu-text { font-size: 14px; }
}
@media only screen and (min-width: 990px) and (max-width: 1099px) {
  #top #header .av-main-nav > li > a .avia-menu-text { font-size: 13px; }
}

/* Barra fija de contacto en móvil, estilo app, solo iconos (marcado: mu-plugin edsaone-barra-movil.php) */
.eds-appbar { display: none; }
@media only screen and (max-width: 767px) {
  .eds-appbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 990; display: grid; grid-template-columns: repeat(3, 1fr); padding-bottom: env(safe-area-inset-bottom); background: var(--eds-azul-dark); box-shadow: 0 -2px 12px rgba(31, 33, 67, .25); font-family: var(--eds-font); }
  .eds-appbar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 56px; color: var(--eds-verde); text-decoration: none; }
  .eds-appbar__item + .eds-appbar__item { border-left: 1px solid rgba(255, 255, 255, .15); }
  .eds-appbar__item svg { width: 24px; height: 24px; }
  .eds-appbar__item:hover, .eds-appbar__item:focus-visible, .eds-appbar__item:active { background: var(--eds-azul-light); color: var(--eds-blanco); }
  body { padding-bottom: calc(56px + env(safe-area-inset-bottom)); }   /* que la barra no tape el final del pie */
  #scroll-top-link { bottom: calc(68px + env(safe-area-inset-bottom)) !important; }
}

/* Cabecera encogida al hacer scroll (Enfold añade .header-scrolled a #header): la fila del logo pasa
   de 88 a 44px y el menú superior, el logo y el botón quedaban pegados. Se sube el menú superior
   dentro de su franja y se reducen logo y botón para dejar aire. */
@media only screen and (min-width: 768px) {
  #top #header_meta .sub_menu, #top #header .logo img, #top .eds-cta__btn { transition: all .2s ease-in-out; }
  #top #header.header-scrolled #header_meta .sub_menu { top: 0; }
  #top #header.header-scrolled .logo img { padding: 7px 0; }
  #top #header.header-scrolled .eds-cta { gap: 22px; }
  #top #header.header-scrolled .eds-cta__phone { font-size: 14px; }
  #top #header.header-scrolled .eds-cta__btn { padding: 5px 14px; font-size: 14px; }
  #top #header.header-scrolled .eds-cta__arrow { width: 18px; height: 18px; }
}

/* Móvil: cabecera que reaparece al hacer scroll hacia arriba (script en el mu-plugin edsaone-barra-movil.php).
   Cuando se fija, #wrap_all reserva su alto para que el contenido no salte. */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header.eds-head-fixed { position: fixed !important; top: 0; right: 0; left: 0; z-index: 600; transform: translateY(-100%); transition: transform .25s ease; box-shadow: 0 2px 10px rgba(31, 33, 67, .25); }
  .responsive #top #wrap_all #header.eds-head-fixed.eds-head-in { transform: none; }
  #top #wrap_all.eds-head-space { padding-top: var(--eds-head-h, 80px); }
}

/* Selector de idioma «ES | EU | EN | FR | DE» (mu-plugin edsaone-idiomas.php).
   Se ocultan los demás: el de WPML (menú y pie), las banderas de Enfold y el antiguo del child theme. */
#top #header_meta .menu-item-language,
#top #avia-menu .menu-item-language,
#top .avia_wpml_language_switch,
#top .eds-lang-switch,
#top .wpml-ls-statics-footer,
#top .wpml-ls-statics-post_translations { display: none !important; } /* el último: «This post is also available in…» */
#top #header_meta .sub_menu > ul > li.eds-idiomas-item { display: flex; align-items: center; padding-left: 26px; border-right: 0; }
#top #header_meta .sub_menu .eds-idioma { padding: 0; color: var(--eds-blanco); font-size: 14px; line-height: 30px; }
#top .eds-idioma + .eds-idioma::before { content: "|"; display: inline-block; margin: 0 8px; color: rgba(255, 255, 255, .45); font-weight: 400; text-decoration: none; }
#top #header_meta .sub_menu .eds-idioma.is-actual,
#top #av-burger-menu-ul .eds-idioma.is-actual { color: var(--eds-verde); }
/* En la hamburguesa (fondo blanco): arriba, en el hueco a la izquierda de la lupa y la X */
.responsive #top #wrap_all #av-burger-menu-ul li.eds-idiomas-item--movil { position: absolute !important; top: 0; left: 0; display: flex; align-items: center; height: 80px; margin: 0; padding: 0 0 0 50px; border: 0; }
.responsive #top #wrap_all #av-burger-menu-ul li.eds-idiomas-item--movil > a.eds-idioma { display: inline; padding: 0; border: 0; color: var(--eds-azul-dark); font-size: 14px; font-weight: 700; }
.responsive #top #wrap_all #av-burger-menu-ul li.eds-idiomas-item--movil > a.eds-idioma.is-actual { color: var(--eds-azul-light); }
#top #av-burger-menu-ul .eds-idioma + .eds-idioma::before { margin: 0 6px; color: rgba(31, 33, 67, .35); }
@media only screen and (max-width: 359px) {
  .responsive #top #wrap_all #av-burger-menu-ul li.eds-idiomas-item--movil { padding-left: 25px; }
  #top #av-burger-menu-ul .eds-idioma + .eds-idioma::before { margin: 0 4px; }
}

/* Tipografía de los menús en escritorio: Figma usa Arial 400 (la negrita venía del child/Enfold) */
@media only screen and (min-width: 768px) {
  #top #header_meta .sub_menu > ul > li > a,
  #top #header_meta .sub_menu .eds-idioma,
  #top #header_meta .sub_menu .eds-idioma.is-actual,
  #top #header_meta .sub_menu .eds-idioma + .eds-idioma::before,
  #top #header .av-main-nav > li > a,
  #top #header .av-main-nav > li > a .avia-menu-text { font-weight: 400; }
}

/* Idioma activo y página actual con recuadro azul (Figma: #3d62ac, radio 5, texto blanco) */
@media only screen and (min-width: 768px) {
  #top #header_meta .sub_menu .eds-idioma { padding: 6px 10px; border-radius: 5px; line-height: 20px; }
  #top #header_meta .sub_menu .eds-idioma + .eds-idioma::before { display: none; }
  #top #header_meta .sub_menu .eds-idioma.is-actual { background-color: var(--eds-azul-light); color: var(--eds-blanco); }
  #top #header .av-main-nav > li.current-menu-item > a,
  #top #header .av-main-nav > li.current_page_item > a,
  #top #header .av-main-nav > li.current-menu-ancestor > a { border-radius: 5px; background-color: var(--eds-azul-light); color: var(--eds-blanco); }
  #top #header .av-main-nav > li.current-menu-item > a .avia-menu-fx,
  #top #header .av-main-nav > li.current_page_item > a .avia-menu-fx,
  #top #header .av-main-nav > li.current-menu-ancestor > a .avia-menu-fx { display: none; }
}

/* Cabecera transparente sobre el hero (Figma): sin banda azul, solo escritorio.
   Heros claros (.eds-phero, .eds-hero--claro): texto #1f2143 y logo oscuro.
   Heros oscuros (.eds-dhero): transparente con texto blanco (ya existente).
   Al hacer scroll (.header-scrolled) vuelve el fondo azul y el texto blanco. */
@media only screen and (min-width: 768px) {
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header:not(.header-scrolled),
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header:not(.header-scrolled) #header_meta,
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header:not(.header-scrolled) #header_main,
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header:not(.header-scrolled) #header_main_alternate {
    background: transparent;
    border-color: transparent;
  }
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header.header-scrolled,
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header.header-scrolled #header_meta,
  #top:has(.eds-phero, .eds-dhero, .eds-hero--claro) #header.header-scrolled #header_main {
    background: var(--eds-azul-dark);
  }

  /* Texto y logo oscuros solo en heros claros y sin scroll */
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) #header_meta .sub_menu > ul > li > a,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) #header_meta .sub_menu .eds-idioma:not(.is-actual),
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .eds-cta__phone,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .av-main-nav > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor) > a,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .av-main-nav > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor) > a .avia-menu-text {
    color: var(--eds-azul-dark);
  }
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) #header_meta .sub_menu .eds-idioma.is-actual,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .av-main-nav > li.current-menu-item > a,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .av-main-nav > li.current_page_item > a,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .av-main-nav > li.current-menu-ancestor > a {
    color: var(--eds-blanco);
  }
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .menu-item-search-dropdown > a,
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .menu-item-search-dropdown svg { color: var(--eds-azul-dark); fill: var(--eds-azul-dark); }
  /* Aproximación al logo de color: el logo blanco pasa a azul oscuro plano (sustituir por el SVG de color, ver «manual») */
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) .logo img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(1900%) hue-rotate(207deg) brightness(95%);
  }
  /* Separadores del menú superior visibles sobre fondo claro */
  #top:has(.eds-phero, .eds-hero--claro) #header:not(.header-scrolled) #header_meta .sub_menu > ul > li { border-color: rgba(31, 33, 67, .25); }
}