.topnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.topnav .brand{display:flex;align-items:center;gap:8px;font:700 15px var(--font-h);color:var(--tx);text-decoration:none;letter-spacing:-.01em}
.topnav .brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--lime));flex:none}
.topnav .links{display:flex;gap:4px;flex-wrap:wrap}
.topnav .navlink{font:600 13px var(--font-b);padding:8px 13px;border-radius:9px;color:var(--tx-2);text-decoration:none;transition:.15s;white-space:nowrap}
.topnav .navlink:hover{background:var(--surface-2);color:var(--tx)}
.topnav .navlink.current{background:var(--green);color:#fff}
.topnav .navlink.soon{opacity:.5;pointer-events:none;position:relative}
.topnav .navlink.soon::after{content:"pronto";font-size:8.5px;text-transform:uppercase;background:var(--amber-bg);color:var(--amber);padding:1px 5px;border-radius:5px;margin-left:6px;letter-spacing:.05em}