/* Cabecera: pergamino con texto azul (diseño). Transparente sobre el hero en las páginas que lo eligen; al hacer scroll vuelve el pergamino */
#top #header_meta { display: none; }
#top #header_main,
#top #header_main_alternate { border: 0; }

#top #header {
  background-color: #f6ead2;
  background-image: url('');
  background-repeat: no-repeat; background-position: center top; background-size: cover;
  border: 0; box-shadow: var(--ipuin-sombra);
}
#top #header #header_main { background: transparent; border: 0; }

/* Cabecera transparente (encima del hero) */
#top #header.av_header_transparency,
#top.av_header_transparency #header,
#top .av_header_transparency #header_main,
#top .av_header_transparency #header_meta {
  background: transparent; background-image: none; border: 0; box-shadow: none;
}

#top #header_main .container {
  height: 97px; display: flex; align-items: center; justify-content: space-between;
  max-width: 100%; width: 100%; padding: 0 8%;
}
#top #header_main .container > * { float: none; }

/* Logo 258x67 */
#top #header .logo { float: none; height: auto; display: flex; align-items: center; }
#top #header .logo img { width: 258px; height: auto; max-height: none; }

/* Menú */
#top #header .main_menu { float: none; height: auto; position: static; margin-right: 18%; }
#top #header .av-main-nav { display: flex; align-items: center; }
#top #header .av-main-nav > li > a {
  font-family: var(--ipuin-fuente-texto); font-size: 17px; font-weight: 700; letter-spacing: 0; text-transform: none;
  color: var(--ipuin-azul-noche); height: auto; line-height: 20px; padding: 0 17px;
  background: transparent;
}
@media only screen and (min-width: 990px) {
  #top #header .av-main-nav > li > a .avia-menu-text { white-space: nowrap; }
}
#top #header .av-main-nav > li > a .avia-menu-fx { display: none; }
#top #header .av-main-nav > li > a .avia-menu-text { display: inline-block; padding-bottom: 6px; border-bottom: 2px solid transparent; }
#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 > a:hover { color: #c8601e; }
#top #header .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top #header .av-main-nav > li.current_page_item > a .avia-menu-text { border-bottom-color: #c8601e; }
#top #header .av-main-nav ul { border-top: 2px solid #c8601e; background: #f6ead2; box-shadow: var(--ipuin-sombra); }
#top #header .av-main-nav ul a { color: var(--ipuin-azul-noche); font-size: 16px; }

/* Transparente sobre el hero: texto blanco */
#top .av_header_transparency #header:not(.header-scrolled) .av-main-nav > li > a,
#top.av_header_transparency #header:not(.header-scrolled) .av-main-nav > li > a { color: var(--ipuin-blanco); }
#top .av_header_transparency #header:not(.header-scrolled) .av-main-nav > li.current-menu-item > a,
#top .av_header_transparency #header:not(.header-scrolled) .av-main-nav > li.current_page_item > a,
#top .av_header_transparency #header:not(.header-scrolled) .av-main-nav > li > a:hover { color: var(--ipuin-dorado); }
#top .av_header_transparency #header:not(.header-scrolled) .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top .av_header_transparency #header:not(.header-scrolled) .av-main-nav > li.current_page_item > a .avia-menu-text { border-bottom-color: var(--ipuin-dorado); }

/* Estado scroll: pergamino con texto azul */
#top #header.header-scrolled,
#top #header.header-scrolled #header_main,
#top #header.av_header_transparency.header-scrolled #header_main {
  background-color: #f6ead2;
  background-image: url('');
  background-repeat: no-repeat; background-position: center top; background-size: cover;
  box-shadow: var(--ipuin-sombra);
}
#top #header.header-scrolled .av-main-nav > li > a { color: var(--ipuin-azul-noche); }
#top #header.header-scrolled .av-main-nav > li.current-menu-item > a,
#top #header.header-scrolled .av-main-nav > li.current_page_item > a,
#top #header.header-scrolled .av-main-nav > li > a:hover { color: #c8601e; }
#top #header.header-scrolled .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top #header.header-scrolled .av-main-nav > li.current_page_item > a .avia-menu-text { border-bottom-color: #c8601e; }

@media only screen and (max-width: 1100px) {
  #top #header .main_menu { margin-right: 0; }
}

/* Móvil */
@media only screen and (max-width: 989px) {
  #top #header_main .container { padding: 0 20px; height: auto; min-height: 80px; }
  #top #header .main_menu { margin-right: 0; position: absolute; right: 20px; top: 0; height: 100%; }
}
@media only screen and (max-width: 767px) {
  #top #header .logo img { width: 190px; max-width: calc(100vw - 110px); }
  #top #header .av-hamburger-inner,
  #top #header .av-hamburger-inner::before,
  #top #header .av-hamburger-inner::after { background-color: var(--ipuin-azul-noche); }
  #top .av_header_transparency #header:not(.header-scrolled) .av-hamburger-inner,
  #top .av_header_transparency #header:not(.header-scrolled) .av-hamburger-inner::before,
  #top .av_header_transparency #header:not(.header-scrolled) .av-hamburger-inner::after { background-color: var(--ipuin-blanco); }
  #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(--ipuin-blanco); }
  .responsive #top #wrap_all #header .av-burger-menu-main > a { color: var(--ipuin-azul-noche); }
}
.responsive #top #wrap_all #av-burger-menu-ul li a { font-family: var(--ipuin-fuente-texto); font-size: 18px; color: var(--ipuin-blanco); }
.responsive #top #wrap_all #av-burger-menu-ul,
.responsive #top #wrap_all #av-burger-menu-ul li { background: var(--ipuin-azul-noche); }
#top .av-burger-overlay { background: var(--ipuin-azul-noche); }
