/* Bifröst Network — Barra de navegación
   Importado por index.html vía <link> */

  /* ---------- Nav ---------- */
  .nav{
    position:fixed; top:0; left:0; right:0; z-index:900;
    padding:22px 0;
    transition:padding .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease);
    border-bottom:1px solid transparent;
  }
  .nav.solid{
    padding:14px 0;
    background:rgba(5,5,7,0.78);
    backdrop-filter:blur(16px) saturate(160%);
    border-bottom:1px solid var(--line);
  }
  .nav .wrap{display:flex; align-items:center; justify-content:space-between;}
  .brand{display:flex; align-items:center; gap:11px;}
  /* Logo horizontal completo — assets/svg/logo_bifrost_w.svg (ratio nativo 872:285 ≈ 3.06:1)
     El wordmark "Bifröst Network S.A.S." ya viene dibujado dentro del SVG, por eso solo se
     controla el alto acá y el ancho queda proporcional (width:auto). */
  .brand .mark{height:36px; width:auto;}

  .nav-links{display:flex; align-items:center; gap:36px;}
  .nav-links a{font-size:14.5px; font-weight:500; color:var(--mist); transition:color .25s;}
  .nav-links a:hover{color:var(--white);}
  .nav-cta{
    padding:10px 20px; border-radius:100px;
    background:var(--blue); color:var(--ink);
    font-size:14px; font-weight:600;
    transition:transform .3s var(--ease), background .3s;
  }
  .nav-cta:hover{transform:translateY(-2px); background:var(--blue);}
  .nav-burger{display:none;}

  @media (max-width: 880px){
    .nav-links{position:fixed; top:0; right:0; height:100vh; width:78%; max-width:340px;
      background:var(--ink-2); flex-direction:column; align-items:flex-start; justify-content:center;
      gap:26px; padding:40px; transform:translateX(100%); transition:transform .5s var(--ease);
      border-left:1px solid var(--line);}
    .nav-links.open{transform:translateX(0);}
    .nav-links a{font-size:20px;}
    .nav-cta{margin-top:10px;}
    .nav-burger{display:flex; flex-direction:column; gap:5px; width:26px; z-index:950;}
    .nav-burger span{height:2px; width:100%; background:var(--white); transition:transform .3s, opacity .3s;}
    .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .nav-burger.open span:nth-child(2){opacity:0;}
    .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  }