/**
 * MODERAM / SPDA — adaptación directa de los estilos originales de navegación.
 * Procedencia: tema institucional SPDA, style.css.
 *  - .column-menu -> .spda-hdr__initial .spda-hdr__nav
 *  - .column-bar-menu -> .spda-hdr__sticky .spda-hdr__nav
 *  - .row-menu-mobile -> .spda-hdr__mobile-nav
 *  - .row-search-mobile, .row-lang-mobile, .row-social-mobile -> .spda-hdr__mobile-panel
 * Deliberadamente NO se trasladan estilos globales del tema (body, section, header,
 * reset CSS, banners ni footer), para preservar Avada y MODERAM SPDA Timeline.
 */
/* SPDA original usa 13px como base bajo 1760px. Se limita a esta cabecera. */
@media (min-width:961px) and (max-width:1760px) {
 .spda-hdr__desktop {font-size:13px;}
}
@media (min-width:961px) {
  /* Valores origen: font 1.0625em book; li margin-left 3.4375em;
     menu margin-right 3.0625em; button margin-left 3.6875em. */
  .spda-hdr__initial .spda-hdr__menu,
  .spda-hdr__sticky .spda-hdr__menu { gap:0; justify-content:flex-end; }

  .spda-hdr__initial .spda-hdr__menu > li,
  .spda-hdr__sticky .spda-hdr__menu > li {
    margin:0 0 0 3.4375em !important;
    padding:0 !important;
    transition:all .5s ease-in-out;
  }
  .spda-hdr__initial .spda-hdr__menu > li > a,
  .spda-hdr__sticky .spda-hdr__menu > li > a {
    font-size:1.0625em;
    line-height:1;
    font-weight:400;
    text-transform:uppercase;
    padding:0;
    transition:font-weight .5s ease-in-out;
  }
  .spda-hdr__initial .spda-hdr__menu > li:hover > a,
  .spda-hdr__sticky .spda-hdr__menu > li:hover > a,
  .spda-hdr__initial .spda-hdr__menu > li:focus-within > a,
  .spda-hdr__sticky .spda-hdr__menu > li:focus-within > a {
    font-family:"SPDA Gotham Bold","SPDA Gotham Book",Arial,sans-serif;
    font-weight:400;
  }

  .spda-hdr__initial .spda-hdr__lower,
  .spda-hdr__sticky .spda-hdr__lower { gap:0; }
  .spda-hdr__initial .spda-hdr__nav,
  .spda-hdr__sticky .spda-hdr__nav { margin-right:3.0625em; }
  .spda-hdr__initial .spda-hdr__cta,
  .spda-hdr__sticky .spda-hdr__cta {
    margin-left:3.6875em;
    padding:1.1em 3.25em;
    min-height:0;
    font-size:1.0625em;
    font-weight:700;
    transition:background-color 1s,color 1s,border-color 1s;
  }
  .spda-hdr__initial .spda-hdr__cta:hover {background:#fff;color:#a93228 !important;}
  .spda-hdr__sticky .spda-hdr__cta:hover {background:#a93228;color:#fff !important;}

  /* Identidad del original: menu principal sin caja, sombra, borde ni desplazamiento.
     Se conservan 0.5s y los retrasos incrementales de los <li>. */
  .spda-hdr__initial .spda-hdr__menu > li > .sub-menu {
    position:absolute;
    top:100%;
    left:0;
    width:130%; min-width:190px; max-width:none;
    padding:2em 0 0 !important; margin:0 !important;
    background:var(--spda-red);
    color:#fff;
    box-shadow:none;
    border:0;
    opacity:0;
    visibility:hidden;
    transform:none;
    transition:opacity .5s ease-in-out,visibility .5s ease-in-out;
  }
  .spda-hdr__initial .spda-hdr__menu > li:hover > .sub-menu,
  .spda-hdr__initial .spda-hdr__menu > li:focus-within > .sub-menu {
    opacity:1; visibility:visible; transform:none;
  }
  .spda-hdr__initial .spda-hdr__menu .sub-menu li,
  .spda-hdr__sticky .spda-hdr__menu .sub-menu li {
    margin:0 0 .75em !important;
    opacity:0; visibility:hidden; transform:none;
    transition:opacity .5s ease-in-out,visibility .5s ease-in-out;
  }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li,
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li {
    opacity:1; visibility:visible; transform:none;
  }
  .spda-hdr__initial .spda-hdr__menu .sub-menu a,
  .spda-hdr__sticky .spda-hdr__menu .sub-menu a {
    font-size:1.0625em;
    line-height:1.3;
    font-weight:400;
    padding:0;
    color:inherit !important;
    text-transform:uppercase;
  }
  .spda-hdr__initial .spda-hdr__menu .sub-menu a:hover,
  .spda-hdr__sticky .spda-hdr__menu .sub-menu a:hover {
    font-weight:700;
  }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(1),
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(1) { transition-delay:0s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(2) { transition-delay:.10s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(3) { transition-delay:.20s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(4) { transition-delay:.30s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(5) { transition-delay:.40s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(6) { transition-delay:.50s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(7) { transition-delay:.60s; }
  .spda-hdr__initial .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(8) { transition-delay:.70s; }
  /* En el CSS original una segunda declaración posterior prevalece:
     sticky usa retrasos de 0.10 s por elemento, igual que el menú superior. */
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(2) { transition-delay:.10s; }
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(3) { transition-delay:.20s; }
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(4) { transition-delay:.30s; }
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(5) { transition-delay:.40s; }
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(6) { transition-delay:.50s; }
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(7) { transition-delay:.60s; }
  .spda-hdr__sticky .spda-hdr__menu > li:is(:hover,:focus-within) > .sub-menu li:nth-child(8) { transition-delay:.70s; }

  .spda-hdr__sticky .spda-hdr__menu > li > .sub-menu {
    position:absolute; top:100%; left:-1em;
    padding:2em 1em 1em !important; width:130%;
    background:#fff; color:#000; border:0; box-shadow:none;
    transform:none; transition:opacity .5s ease-in-out,visibility .5s ease-in-out;
  }
  .spda-hdr__sticky .spda-hdr__menu > li:hover > .sub-menu,
  .spda-hdr__sticky .spda-hdr__menu > li:focus-within > .sub-menu {
    transform:none; visibility:visible;opacity:1;
  }
  /* Original: SVG blancos, alto 1.01875em. Conservamos una superficie blanca para los iconos adaptados. */
  .spda-hdr__upper .spda-hdr__social {gap:.9em;}
  .spda-hdr__upper .spda-hdr__social a {height:1.01875em;width:1.01875em;border-radius:1px;}
  .spda-hdr__upper .spda-hdr__social svg {height:90%;width:90%;}
  /* La familia Gotham Bold del plugin está registrada con peso CSS 400.
     Usamos esa familia explícitamente para evitar una segunda negrita sintética. */
  .spda-hdr__initial .spda-hdr__cta,
  .spda-hdr__sticky .spda-hdr__cta,
  .spda-hdr__upper .spda-hdr__langs .is-active {
    font-family:"SPDA Gotham Bold","SPDA Gotham Book",Arial,sans-serif;
    font-weight:400;
  }
}
/* El tema antiguo reduce la fuente base al estrecharse la pantalla.
   Conservamos la misma relación sin llegar a un menú horizontal desbordado. */
@media (min-width:961px) and (max-width:1500px) {
 .spda-hdr__initial .spda-hdr__menu > li,
 .spda-hdr__sticky .spda-hdr__menu > li { margin-left:clamp(12px,2.45vw,39px) !important; }
 .spda-hdr__initial .spda-hdr__menu > li > a,
 .spda-hdr__sticky .spda-hdr__menu > li > a { font-size:clamp(10px,.94vw,14px); }
 .spda-hdr__initial .spda-hdr__nav,
 .spda-hdr__sticky .spda-hdr__nav {margin-right:clamp(12px,2.7vw,39px);}
 .spda-hdr__initial .spda-hdr__cta,
 .spda-hdr__sticky .spda-hdr__cta { margin-left:clamp(12px,2.8vw,42px);padding:1em 2em;font-size:clamp(11px,.95vw,14px);}
 .spda-hdr__initial .spda-hdr__menu .sub-menu a,
 .spda-hdr__sticky .spda-hdr__menu .sub-menu a {font-size:clamp(11px,.95vw,14px);}
}
@media (max-width:960px) {
 /* Original: .row-menu-mobile ul li margin-bottom:1.5em, links 1.5em book.
    .sub-menu margin:2em 0 3.5em 0; .sub-menu a 1.4em book. */
 .spda-hdr__mobile-panel {
   /* Original: 8em de relleno desde el inicio de la página, incluida la barra.
      Nuestro panel arranca después de la barra de 76px: se descuenta esa altura. */
   padding:5em 5% 50px;
   font-size:11.15px;
   overflow-y:auto;
   scrollbar-width:thin;
   scrollbar-color:rgba(255,255,255,.55) transparent;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu > li {
   display:flex;align-items:flex-start;flex-wrap:wrap;
   margin:0 0 1.5em !important; padding:0 !important;
   border:0 !important;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu > li > a {
   font-size:1.5em;line-height:1;font-weight:400;
   width:auto;flex:1; padding:0;
   margin-top:0;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu > li.current-menu-ancestor > a,
 .spda-hdr__mobile-nav .spda-hdr__menu > li:has(.current-menu-item) > a,
 .spda-hdr__mobile-meta .spda-hdr__langs a.is-active {
   font-family:"SPDA Gotham Bold","SPDA Gotham Book",Arial,sans-serif;
   font-weight:400;
 }
 .spda-hdr__mobile-nav .spda-hdr__submenu-toggle {
   flex:0 0 1.2em;
   width:1.2em;height:1.2em;
   margin:0 2px 0 6px;
   transform:rotate(0);
   transition:transform .35s ease-in-out;
 }
 .spda-hdr__mobile-nav .spda-hdr__submenu-toggle::before,
 .spda-hdr__mobile-nav .spda-hdr__submenu-toggle::after {
   width:100%;height:1px;left:0;top:50%;
 }
 .spda-hdr__mobile-nav .spda-hdr__submenu-toggle[aria-expanded="true"] {transform:rotate(135deg);}
 .spda-hdr__mobile-nav .spda-hdr__menu .sub-menu {
   display:block;
   width:100%;max-width:none;min-width:0;
   margin:0 !important; padding:0 0 0 1.5em !important;
   max-height:0; overflow:hidden;
   transition:max-height .35s ease-in-out,padding .35s ease-in-out;
   background:transparent;box-shadow:none;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu li.spda-hdr__submenu-open > .sub-menu {
   display:block;
   max-height:var(--spda-submenu-height,550px);
   padding:2em 0 3.5em 1.5em !important;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu .sub-menu li {margin:0 0 1.5em !important;}
 .spda-hdr__mobile-nav .spda-hdr__menu .sub-menu a {
   font-size:1.4em;line-height:1;
   max-width:fit-content;
   display:inline-flex;align-items:center;
   text-transform:uppercase;padding:0;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu .sub-menu a::after {
   width:1.1em;height:.7em;margin-left:.5em;flex:0 0 1.1em;
 }
 .spda-hdr__mobile-nav .spda-hdr__menu .sub-menu a:hover::after {transform:translateX(.8em);}
 .spda-hdr__mobile-panel .spda-hdr__search-form {
   margin:4em 0 3em;
 }
 .spda-hdr__mobile-panel .spda-hdr__search-form input {font-size:1.4625em !important;}
 .spda-hdr__mobile-meta {gap:3em;}
 .spda-hdr__mobile-meta .spda-hdr__langs {font-size:1.25em;}
 .spda-hdr__mobile-meta .spda-hdr__social a {margin:0 .45em;}
 .spda-hdr__mobile-meta .spda-hdr__cta {
   padding:.85em 3em;
   min-height:0;width:auto;height:auto;
   font-size:1.5em;font-weight:400;
   transition:background-color 1s,color 1s;
 }
}
/* El menú original usa jQuery.slideToggle: aquí dejamos el control del
   display y la altura a jQuery, evitando que reglas max-height los bloqueen. */
@media (max-width:960px) {
 .spda-hdr__mobile-nav .spda-hdr__menu .sub-menu,
 .spda-hdr__mobile-nav .spda-hdr__menu li.spda-hdr__submenu-open > .sub-menu {
   display:none;
   max-height:none;
   overflow:hidden;
   padding:2em 0 3.5em 1.5em !important;
   transition:none;
 }
}
/* Reduced motion: the original animates heavily; this provides accessible fallback. */
@media (prefers-reduced-motion:reduce) {
 .spda-hdr__menu .sub-menu,
 .spda-hdr__menu .sub-menu li,
 .spda-hdr__submenu-toggle {transition-duration:0s !important;transition-delay:0s !important;}
}