/* ============================================================
   NEXUM — Header v2 (barra superior + nav premium)
   Reemplaza al header plano. Usa los tokens de style.css.
   ============================================================ */

.nx-wrapfix{
  position:fixed;top:0;left:0;right:0;z-index:60;
}

/* -------- Barra superior -------- */
.nx-top{background:var(--onyx-1);border-bottom:1px solid var(--line)}
.nx-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:40px;
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.nx-top__l{display:flex;align-items:center;gap:10px;min-width:0}
.nx-top__l span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-chev{color:var(--orange);font-weight:700;letter-spacing:-2px}
.nx-top__r{display:flex;align-items:center;gap:16px}
.nx-top a{color:var(--cream-dim);display:inline-flex;align-items:center;gap:7px;transition:color .2s}
.nx-top a:hover{color:var(--orange)}
.nx-sep{width:1px;height:13px;background:var(--line-2)}
.nx-soc{display:flex;gap:13px}
.nx-soc svg{width:15px;height:15px}
.nx-top__r > a svg{width:15px;height:15px}

/* -------- Header principal -------- */
.nx-header{
  background:linear-gradient(180deg,rgba(22,24,29,.92),rgba(22,24,29,.55) 70%,transparent);
  transition:background .3s var(--ease),box-shadow .3s;
}
.nx-header.scrolled{
  background:rgba(22,24,29,.95);
  box-shadow:0 10px 40px -20px rgba(0,0,0,.8);
  border-bottom:1px solid var(--line);
}
.nx-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:80px;padding-left:40px;padding-right:40px}
.nx-header .nx-logo{flex:0 0 auto}
.nx-logo img{height:36px;width:auto;max-width:none;object-fit:contain;display:block}
.nx-nav{display:flex;align-items:center;gap:20px}
.nx-nav a{font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--cream-dim);position:relative;transition:color .25s}
.nx-nav a::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--orange);transition:width .3s var(--ease)}
.nx-nav a:hover{color:var(--cream)}
.nx-nav a:hover::after{width:100%}
.nx-cta{display:flex;align-items:center;gap:12px}
.nx-acct{display:inline-flex;align-items:center;gap:8px;color:var(--cream-dim);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.nx-acct:hover{color:var(--cream)}
.nx-acct svg{width:18px;height:18px}
.nx-btn{display:inline-flex;align-items:center;gap:9px;background:var(--orange);color:#fff;
  font-weight:700;letter-spacing:.04em;padding:14px 24px;border-radius:999px;font-size:.84rem;white-space:nowrap;
  transition:transform .2s var(--ease),box-shadow .2s}
.nx-btn b{font-weight:900}
.nx-btn svg{width:16px;height:16px}
.nx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(215,84,32,.6)}
.nx-burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line-2);
  align-items:center;justify-content:center;flex-direction:column;gap:5px;background:rgba(22,24,29,.4)}
.nx-burger span{width:20px;height:2px;background:var(--cream);transition:.3s var(--ease)}
.nx-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nx-burger.open span:nth-child(2){opacity:0}
.nx-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* -------- Páginas internas: dejar aire bajo el header fijo (dos pisos) -------- */
.nexum-page{padding-top:150px}

/* -------- Responsive (hamburguesa: el nav horizontal solo cabe >1200px) -------- */
@media(max-width:1200px){
  .nx-top{display:none}
  .nx-nav{display:none}
  .nx-acct{display:none}
  .nx-btn__full{display:none}
  .nx-btn{padding:11px 18px;font-size:.8rem;gap:7px}
  .nx-burger{display:flex}
  .nx-header .wrap{height:68px;gap:12px}
  .nexum-page{padding-top:92px}
}