
/* Espuni unified menu: existing shell preserved for classic templates. */
.espuni-global-nav .espuni-nav-industry-label{display:block;padding:11px 17px 5px;color:#6a7380;font:700 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:none;white-space:normal}
.espuni-mobile-menu .espuni-mobile-heading{display:block;padding:11px 14px 5px;color:#6a7380;font:700 12px/1.4 Inter,Arial,sans-serif}
.espuni-mobile-menu .espuni-mobile-panel .espuni-mobile-sub{padding-left:26px!important}
.espuni-global-nav,.espuni-mobile-menu{font-family:Inter,Arial,sans-serif}
.espuni-nav-dropdown{position:relative}
.espuni-nav-dropdown:hover .espuni-nav-submenu,.espuni-nav-dropdown:focus-within .espuni-nav-submenu{display:flex;flex-direction:column}
.espuni-nav-submenu{z-index:10000}
/* Fallback submenu styling for legal and older templates. */
.espuni-global-nav .espuni-nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:270px;background:#fff;color:#101B2B;border:1px solid #e8ebef;border-radius:14px;padding:8px;box-shadow:0 15px 36px rgba(16,27,43,.14)}
.espuni-global-nav .espuni-nav-submenu a{display:block;color:#101B2B!important;text-decoration:none!important;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:normal}
.espuni-global-nav .espuni-nav-submenu a:hover{background:#f4f6f7}
@media(max-width:900px){.espuni-global-nav{display:none!important}.espuni-mobile-menu{display:block!important}}


/* ESPUNI · Sistema de navegación · revisión 27 Oct 2026
   Aplica en portada, páginas de servicios y landings sin reconstruir sus cabeceras.
   Contraste: Navy #101B2B, Lime #C7FF00, Inter (500 navegación, 600 CTA).
*/
.espuni-global-nav { font-family:Inter,Arial,Helvetica,sans-serif!important; }
.espuni-global-nav .espuni-nav-dropdown { position:relative!important; }
.espuni-global-nav .espuni-nav-dropdown > a {
  display:inline-flex!important; align-items:center!important; gap:6px!important;
  color:#101B2B!important; font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-weight:500!important; font-size:14px!important; line-height:1.4!important;
  text-decoration:none!important;
}
.espuni-global-nav .espuni-nav-submenu {
  display:none!important; flex-direction:column!important;
  position:absolute!important; z-index:99999!important; top:100%!important; left:0!important;
  width:max-content!important; min-width:278px!important; max-width:calc(100vw - 32px)!important;
  background:#fff!important; color:#101B2B!important;
  padding:9px!important; margin:0!important;
  border:1px solid #E4E7EB!important; border-radius:12px!important;
  box-shadow:0 18px 36px rgba(16,27,43,.13)!important;
}
.espuni-global-nav .espuni-nav-dropdown:hover > .espuni-nav-submenu,
.espuni-global-nav .espuni-nav-dropdown:focus-within > .espuni-nav-submenu { display:flex!important; }
.espuni-global-nav .espuni-nav-submenu a {
  display:block!important; padding:11px 13px!important; border:0!important;
  border-radius:7px!important; background:transparent!important;
  font-family:Inter,Arial,sans-serif!important; color:#101B2B!important;
  font-weight:500!important; font-size:13px!important; line-height:1.4!important;
  text-decoration:none!important; white-space:normal!important;
}
.espuni-global-nav .espuni-nav-submenu a:hover,
.espuni-global-nav .espuni-nav-submenu a:focus-visible {background:#F3F5F7!important;}
.espuni-global-nav .espuni-nav-industry-label {
  display:block!important; padding:13px 13px 5px!important;
  color:#687281!important; font:600 11px/1.35 Inter,Arial,sans-serif!important;
  letter-spacing:.02em!important; text-transform:none!important;
}
.espuni-global-nav .espuni-nav-contact {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  background:#C7FF00!important; color:#101B2B!important; border:0!important;
  border-radius:999px!important; padding:12px 19px!important;
  font:600 14px/1.2 Inter,Arial,sans-serif!important;
  text-decoration:none!important;
}
.espuni-global-nav .espuni-nav-contact:hover {background:#ddff6a!important;}
header a.btn:not(.hero-primary):not(.btn-lime),
header .desktop-cta,header .site-contact-btn {
  display:inline-flex; align-items:center;justify-content:center;
  background:#101B2B!important;color:#fff!important;
  border:1px solid #101B2B!important;
  border-radius:999px!important;
  font:600 14px/1.2 Inter,Arial,sans-serif!important;
  padding:13px 20px!important;
  text-decoration:none!important;
}
.espuni-mobile-menu {position:relative!important; z-index:99999!important; font-family:Inter,Arial,sans-serif!important;}
.espuni-mobile-menu > summary {
  display:flex!important; align-items:center!important; gap:9px!important;
  padding:11px 15px!important; border:0!important;
  border-radius:999px!important; background:#C7FF00!important; color:#101B2B!important;
  font:600 13px/1.2 Inter,Arial,sans-serif!important;
  list-style:none!important; cursor:pointer!important; user-select:none!important;
}
.espuni-mobile-menu > summary::-webkit-details-marker { display:none!important; }
.espuni-mobile-menu > summary::after {
  content:'☰'!important; font-size:16px!important;
  color:#101B2B!important; font-weight:500!important; line-height:1!important;
}
.espuni-mobile-menu[open] > summary::after {content:'×'!important; font-size:22px!important;}
.espuni-mobile-menu .espuni-mobile-panel {
  display:flex!important; flex-direction:column!important;
  position:absolute!important; top:calc(100% + 9px)!important; right:0!important;
  width:min(284px,calc(100vw - 32px))!important; min-width:0!important;
  background:#fff!important; border:1px solid #E4E7EB!important;
  border-radius:12px!important; box-shadow:0 18px 36px rgba(16,27,43,.16)!important;
  padding:10px!important; margin:0!important; z-index:99999!important;
}
.espuni-mobile-menu .espuni-mobile-panel a {
  display:block!important; color:#101B2B!important; font:500 14px/1.4 Inter,Arial,sans-serif!important;
  padding:12px 11px!important; border:0!important; border-radius:7px!important;
  text-decoration:none!important; white-space:normal!important;
}
.espuni-mobile-menu .espuni-mobile-panel a:hover,
.espuni-mobile-menu .espuni-mobile-panel a:focus-visible {background:#F3F5F7!important;}
.espuni-mobile-menu .espuni-mobile-heading {
  display:block!important; padding:12px 11px 5px!important;
  color:#687281!important; font:600 11px/1.3 Inter,Arial,sans-serif!important;
}
.espuni-mobile-menu .espuni-mobile-panel .espuni-mobile-sub {
  padding-left:22px!important; font-weight:500!important; font-size:13px!important;
}
.espuni-mobile-menu .espuni-mobile-panel a[aria-current="page"] {font-weight:600!important;}
@media (max-width:900px) {
  header .desktop-cta {display:none!important;}
  .espuni-global-nav {display:none!important;}
  .espuni-mobile-menu {display:block!important;}
}
@media (min-width:901px) {
  .espuni-mobile-menu {display:none!important;}
}
