/* =====================================================
   NAV — navegación desktop + mobile drawer
   ===================================================== */
nav{
  position:fixed;top:0;left:0;right:0;z-index:9999;
  padding:0 48px;height:72px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(5,8,16,.92);backdrop-filter:blur(24px);
  border-bottom:1px solid var(--b);transition:background var(--tr)
}
[data-theme="light"] nav{background:rgba(238,242,255,.92)}

.nlogo{display:flex;align-items:center;gap:10px;text-decoration:none}
.lmark{width:32px;height:32px;background:linear-gradient(135deg,var(--ap),var(--as));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:#050810}
.ltxt{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--t1);letter-spacing:-.01em}
.ltxt span{color:var(--ap)}

.nlinks{display:flex;align-items:center;gap:4px;list-style:none}
.nlinks a{font-family:var(--font-mono);font-size:11px;color:var(--t2);text-decoration:none;padding:6px 13px;border-radius:100px;border:1px solid var(--b);background:var(--bgc);transition:all var(--tf);font-weight:500;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}
.nlinks a:hover,.nlinks a.active{border-color:var(--ap);color:var(--ap);background:var(--ag)}
.nlinks a.nav-active{color:var(--ap);border-color:var(--ba);background:var(--ag)}

.nav-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-login{padding:8px 14px;background:transparent;color:var(--t2);font-family:var(--font-ui);font-weight:600;font-size:12px;border:1px solid var(--b);border-radius:var(--r-md);cursor:pointer;text-decoration:none;transition:all var(--tf);display:flex;align-items:center;gap:6px;white-space:nowrap}
.nav-login:hover{border-color:var(--as);color:var(--as);background:var(--agb)}
.nav-login svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-theme{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bgc);border:1px solid var(--b);border-radius:var(--r-md);cursor:pointer}
.nav-theme-ico{font-size:13px;line-height:1}
.tsw{position:relative;width:36px;height:20px;cursor:pointer}
.tsw input{display:none}
.ttr{position:absolute;inset:0;background:var(--b);border:1px solid var(--b);border-radius:10px}
.tth{position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--ap);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px rgba(0,229,160,.5)}
.tsw input:checked ~ .tth{transform:translateX(16px)}

.ncta{padding:9px 18px !important;background:var(--ap) !important;color:#050810 !important;border-radius:var(--r-md) !important;font-family:var(--font-display) !important;font-weight:700 !important;font-size:11px !important;letter-spacing:.03em !important;border-color:transparent !important;transition:opacity var(--tf),transform var(--tf) !important}
.ncta:hover{opacity:.88;transform:translateY(-1px);background:var(--ap) !important;border-color:transparent !important}

/* Hamburger */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:var(--bgc);border:1px solid var(--b);border-radius:var(--r-md);cursor:pointer;padding:8px;transition:all var(--tf);flex-shrink:0}
.hamburger span{display:block;width:100%;height:2px;background:var(--t1);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile nav drawer */
.mobile-nav{position:fixed;top:72px;left:0;right:0;bottom:0;z-index:9000;background:var(--bg2);backdrop-filter:blur(24px);display:flex;flex-direction:column;padding:24px 20px 40px;gap:6px;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-top:1px solid var(--b)}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--t2);text-decoration:none;padding:14px 16px;border-radius:var(--r-md);border:1px solid transparent;transition:all var(--tf);display:block}
.mobile-nav a:hover,.mobile-nav a.nav-active{color:var(--ap);border-color:var(--ba);background:var(--ag)}
.mobile-nav .ncta-m{background:var(--ap);color:#050810 !important;border-color:transparent !important;text-align:center;margin-top:8px;font-size:16px !important;padding:16px !important}
.mobile-nav .login-m{border-color:var(--b);color:var(--t2);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}
.mobile-nav-divider{height:1px;background:var(--b);margin:8px 0}