/* nav.css — estilos para la sección "nav" */
  /* ---------- NAV ---------- */
  .nav{
    position:sticky;top:0;z-index:50;
    background:rgba(6,18,43,.92);
    backdrop-filter:blur(14px) saturate(140%);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .nav-inner{
    max-width:1280px;margin:0 auto;padding:14px 40px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
  .brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px;letter-spacing:.04em;color:#fff;text-decoration:none}
  .brand-logo{width:34px;height:34px;display:block;object-fit:contain;border-radius:6px;filter:drop-shadow(0 4px 14px rgba(91,226,255,.25))}
  .brand small{display:block;font-size:10px;font-weight:400;opacity:.6;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}
  .nav-links{display:flex;gap:4px;font-size:13px;font-weight:400}
  .nav-links a{
    color:rgba(255,255,255,.72);text-decoration:none;padding:8px 12px;border-radius:6px;
    transition:.18s ease; white-space:nowrap;
  }
  .nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .nav-cta{
    font-family:"IBM Plex Mono",monospace;
    font-size:11px;letter-spacing:.12em;text-transform:uppercase;
    padding:10px 18px;border-radius:999px;
    background:#fff;color:var(--navy-1);text-decoration:none;font-weight:500;
    transition:.18s;
  }
  .nav-cta:hover{background:var(--cyan)}
  /* ── Hamburger (oculto en desktop) ── */
  .nav-hamburger{
    display:none;
    background:none;border:none;cursor:pointer;
    color:#fff;padding:6px;border-radius:6px;
    transition:background .18s;flex-shrink:0;
  }
  .nav-hamburger:hover{background:rgba(255,255,255,.08)}
  .nav-hamburger svg{width:22px;height:22px;display:block}
  .nav-hamburger svg line{
    transition:transform .25s,opacity .2s;
    transform-origin:center;
    transform-box:fill-box;
  }
  .nav.is-open .hb-top{transform:translateY(6px) rotate(45deg)}
  .nav.is-open .hb-mid{opacity:0;transform:scaleX(0)}
  .nav.is-open .hb-bot{transform:translateY(-6px) rotate(-45deg)}

  @media (max-width:900px){
    .nav-links{
      display:none;
      position:absolute;top:100%;left:0;right:0;
      flex-direction:column;gap:0;
      background:rgba(6,18,43,.97);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(255,255,255,.08);
      padding:8px 0 20px;
      z-index:49;
    }
    .nav.is-open .nav-links{display:flex}
    .nav-links a{
      padding:14px 24px;font-size:15px;border-radius:0;
      border-bottom:1px solid rgba(255,255,255,.04);
    }
    .nav-cta{display:none}
    .nav-hamburger{display:flex;align-items:center;justify-content:center}
  }