/*
 * 02-nav.css - Barra de navegacion flotante: contenedor, marca, enlaces, CTA y punto de estado.
 * Origen: index.html, <style> #1 (lineas 9-14). Contenido identico al original.
 */
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 20px;border:1px solid var(--line);background:rgba(12,14,25,.42);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-radius:999px;z-index:50;box-shadow:0 12px 50px rgba(0,0,0,.18)}
.brand{width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-family:"Bodoni Moda",serif;font-size:14px;letter-spacing:-.06em}
.navlinks{display:flex;gap:30px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.navlinks a{transition:.35s}.navlinks a:hover{color:#fff;transform:translateY(-1px)}
.navcta{display:flex;align-items:center;gap:9px;padding:11px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-size:10px;letter-spacing:.13em;text-transform:uppercase;transition:.35s}.navcta:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.dot{width:7px;height:7px;border-radius:50%;background:#77d2a0;box-shadow:0 0 15px #77d2a0}