/* ============================================================
   NAV
   ============================================================ */

  /* ---------- Barra de progreso de scroll ---------- */
  .scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:color-mix(in srgb, var(--go-black) 8%, transparent);pointer-events:none;}
  .scroll-progress span{display:block;height:100%;background:var(--go-orange);transform-origin:0 0;transform:scaleX(0);}

  /* ---------- Nav ---------- */
  #site-nav{transition:background-color .4s ease, backdrop-filter .4s ease, border-color .4s ease;border-bottom:1px solid transparent;padding-top:calc(1.5rem + env(safe-area-inset-top));}
  @media (min-width:640px){ #site-nav{padding-top:calc(2rem + env(safe-area-inset-top));} }
  #site-nav.is-scrolled{background:color-mix(in srgb, var(--go-bg) 92%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--go-line);}
  #nav-logo{transition:transform .5s var(--ease-premium);}
  #site-nav.is-scrolled #nav-logo{transform:scale(.82);}
  @keyframes navLogoPulse{0%{filter:blur(0);}40%{filter:blur(3px);}100%{filter:blur(0);}}
  .nav-logo-pulse{animation:navLogoPulse .5s ease;}

  .nav-link{position:relative;padding-bottom:4px;color:var(--go-body);transition:color .3s ease;}
  .nav-link:hover{color:var(--go-black);}
  .nav-link.active{color:var(--go-orange);}
  .nav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-premium);}
  .nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);transform-origin:left;}