/* ── NAV — compartido por web-canarytek, alirotek, alirodev, alirolex ── */

:root { --navh: 72px; }

nav { position:fixed; top:0; left:0; right:0; z-index:200; height:var(--navh); transition:background .4s,backdrop-filter .4s,box-shadow .4s; }
nav.scrolled { background:rgba(5,8,15,.93); backdrop-filter:blur(28px); box-shadow:0 1px 0 rgba(255,255,255,.07); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:var(--navh); }

.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.hamburger span { display:block; width:24px; height:2px; background:#edf4ff; border-radius:2px; transition:.3s; }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }