/* ═══════════════════════════════════════════════════════════
   NAV
   ═══════════════════════════════════════════════════════════ */
.nav{position:sticky;top:0;z-index:90;background:rgba(10,10,16,.7);backdrop-filter:blur(20px);
  border-bottom:1px solid transparent;transition:.3s}
.nav.stuck{border-bottom-color:var(--line);background:rgba(10,10,16,.94)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.logo{display:inline-flex;align-items:center}
.brand{
  display:block;height:26px;width:143px;background-repeat:no-repeat;
  background-position:left center;background-size:contain;transition:opacity .2s;
  background-image:url(../assets/img/marca-mbx-agentes.png);
}
.logo:hover .brand{opacity:.82}
footer .brand{height:24px;width:132px;opacity:.9}
@media(max-width:560px){.brand{height:22px;width:121px}}
.nav-links{display:flex;gap:26px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--tx-3)}
.nav-links a{transition:color .18s}
.nav-links a:hover{color:var(--tx)}
@media(max-width:940px){.nav-links{display:none}}