/* ============================================================
   EgeaINC — barra de navegación COMPLETA (misma que la home)
   Autocontenida: no depende de tokens del sitio; sirve para
   tools (egeainc-ui.css) y soporte (article.css) por igual.
   Linkear DESPUÉS del CSS del tool para ganar por orden.
   Requiere ui/egeainc-nav.js para dropdown + burger + scroll.
   ============================================================ */
header.nav{
  --n-bg:#0A0C10;
  --n-card:#12171F;
  --n-line:rgba(255,255,255,.09);
  --n-ink:#EAF0F6;
  --n-muted:#97A4B4;
  --n-muted-2:#6B7787;
  --n-green:#04CE78;
  --n-green-bright:#1FFF9D;
  --n-green-dim:rgba(4,206,120,.14);
  --n-pad:clamp(18px,4vw,40px);
  --n-display:"Space Grotesk",system-ui,sans-serif;
  --n-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --n-mono:"JetBrains Mono",ui-monospace,monospace;

  display:block!important;position:sticky;top:0;z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(10,12,16,.55)!important;
  border-bottom:1px solid transparent!important;
  box-shadow:none!important;
  padding:0!important;
  transition:border-color .3s,background .3s;
}
header.nav.scrolled{background:rgba(10,12,16,.92)!important;border-bottom-color:var(--n-line)!important}

.nav__inner{max-width:1100px;margin-inline:auto;padding:12px var(--n-pad);display:flex!important;align-items:center;gap:24px}
.nav .brand{display:inline-flex;align-items:center;flex:none}
.nav .brand__logo{height:40px!important;width:auto!important;max-height:40px!important;
  filter:drop-shadow(0 2px 10px rgba(46,155,255,.4))}

.nav__links{display:flex;align-items:center;gap:6px;margin-left:14px}
.nav__links>a,.nav__dropdown-btn{font-size:14.5px!important;color:var(--n-muted)!important;padding:8px 12px!important;
  border-radius:8px!important;text-decoration:none!important;font-family:var(--n-body)!important;font-weight:500;
  transition:color .2s,background .2s;line-height:1}
.nav__links>a:hover,.nav__dropdown-btn:hover{color:var(--n-ink)!important;background:rgba(255,255,255,.05)!important}

.nav__dropdown{position:relative}
.nav__dropdown-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer}
.nav__dropdown-btn svg{transition:transform .2s}
.nav__dropdown.open .nav__dropdown-btn svg{transform:rotate(180deg)}
.nav__menu{position:absolute;top:calc(100% + 10px);left:0;min-width:236px;background:var(--n-card);
  border:1px solid var(--n-line);border-radius:12px;padding:6px;box-shadow:0 24px 50px -20px rgba(0,0,0,.8);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:120}
.nav__dropdown.open .nav__menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav__menu a{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border-radius:8px!important;
  font-size:14px!important;color:var(--n-muted)!important;text-decoration:none!important;transition:.18s}
.nav__menu a:hover{background:var(--n-green-dim)!important;color:var(--n-ink)!important}
.nav__menu a[aria-current="page"]{color:var(--n-green-bright)!important;background:var(--n-green-dim)!important}
.nav__menu .dot{width:6px;height:6px;border-radius:50%;background:var(--n-muted-2);transition:.18s;flex:none}
.nav__menu a:hover .dot,.nav__menu a[aria-current="page"] .dot{background:var(--n-green);box-shadow:0 0 8px var(--n-green)}

.nav__right{margin-left:auto;display:flex;align-items:center;gap:14px}

/* botón CTA (autocontenido, no pisa botones del tool) */
.nav .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--n-display)!important;font-weight:600;
  font-size:15px;line-height:1;padding:12px 22px;border-radius:11px;border:1px solid transparent;cursor:pointer;
  text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .25s,border-color .2s}
.nav .btn--primary{background:var(--n-green)!important;color:#04130B!important;
  box-shadow:0 8px 24px -10px rgba(4,206,120,.8)}
.nav .btn--primary:hover{transform:translateY(-2px);background:var(--n-green-bright)!important;
  box-shadow:0 14px 34px -10px rgba(4,206,120,1)}
.nav__cta{padding:10px 18px!important;font-size:14px!important}

.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav__burger span{width:24px;height:2px;background:var(--n-ink);border-radius:2px;transition:.25s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav .drawer{display:none;flex-direction:column;gap:4px;padding:10px var(--n-pad) 24px;
  border-top:1px solid var(--n-line);background:rgba(10,12,16,.97)}
.nav .drawer.open{display:flex}
.nav .drawer>a{padding:12px 6px!important;color:var(--n-ink)!important;text-decoration:none!important;
  border-bottom:1px solid var(--n-line);font-size:16px!important}
.nav .drawer .btn{margin-top:14px;justify-content:center}
.nav .drawer__group{display:flex;flex-direction:column;gap:2px;padding:10px 0}
.nav .drawer__label{font-family:var(--n-mono)!important;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--n-green)!important;padding:6px 6px}
.nav .drawer__group a{padding:9px 14px!important;color:var(--n-muted)!important;font-size:14.5px!important;border-bottom:none}

@media(max-width:980px){
  .nav__links{display:none}
  .nav__burger{display:flex}
  .nav__cta{display:none}
}