/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:100;
  border-bottom:1px solid transparent;
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  background:rgba(255,255,255,.80);
  transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
/* Estado al hacer scroll: sólido + compacto + sombra sutil */
.nav.is-scrolled{
  background:rgba(255,255,255,.97);
  border-bottom-color:var(--line);
  box-shadow:0 6px 24px rgba(8,24,38,.07);
}
.nav .row{display:flex;align-items:center;justify-content:space-between;height:88px;gap:36px;transition:height .3s var(--ease)}
.nav.is-scrolled .row{height:76px}

/* LOCKUP — definición única (consolida los dos bloques heredados del artefacto) */
.lockup{
  display:grid;grid-template-columns:auto auto;
  column-gap:14px;align-items:center;flex:none;
}
.lockup .wordmark{display:flex;flex-direction:column;line-height:.92;grid-column:1;grid-row:1}
.lockup .wordmark .l1{font-family:var(--display);font-weight:800;font-size:23px;color:var(--navy);letter-spacing:.01em}
.lockup .wordmark .l2{font-family:var(--display);font-weight:800;font-size:23px;color:var(--precision);letter-spacing:.01em;margin-top:1px}
.lockup .tag{font-family:var(--display);font-weight:600;font-size:10px;color:var(--steel);letter-spacing:.16em;text-transform:uppercase;margin-top:6px;grid-column:1 / -1;grid-row:2;line-height:1.5;white-space:nowrap}

/* RU monogram — logo oficial de marca (PNG transparente) */
.lockup .monogram{
  grid-column:2;grid-row:1;
  width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;
  position:relative;flex:none;
}
.lockup .monogram img{width:100%;height:100%;object-fit:contain;display:block}

/* Overrides específicos para el lockup en el nav — wordmark ampliado (Cambio 1) */
.nav .lockup .wordmark .l1{font-size:40px;height:34px;line-height:1}
.nav .lockup .wordmark .l2{font-size:40px;letter-spacing:.5px;height:30px;line-height:1}
/* Al hacer scroll, la tagline se colapsa para dar aire al wordmark ampliado */
.nav.is-scrolled .lockup .tag{display:none}

/* Nav links */
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{
  font-size:14px;font-weight:500;color:var(--graphite);
  position:relative;padding:6px 0;transition:color .18s ease;
}
.nav-links a:hover{color:var(--precision)}
/* Subrayado de precisión animado */
.nav-links a::before{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;
  background:var(--precision);transition:right .3s var(--ease);
}
.nav-links a:hover::before{right:0}
.nav-links a.has-arrow::after{
  content:"";display:inline-block;width:6px;height:6px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);margin-left:6px;margin-bottom:2px;
  transition:transform .2s ease;
}
.nav-links a.has-arrow:hover::after{transform:rotate(45deg) translate(1px,1px)}
.nav-cta{display:flex;gap:10px;align-items:center}
/* Email comercial en el nav — subtítulo, no botón (Cambio 1) */
.nav-cta .nav-email{
  font-family:var(--body);font-size:12.5px;font-weight:500;
  color:var(--steel);letter-spacing:.01em;white-space:nowrap;
  padding-right:4px;transition:color .15s ease;
}
.nav-cta .nav-email:hover{color:var(--precision)}
@media(max-width:980px){.nav-cta .nav-email{display:none}}

@media(max-width:1080px){
  .lockup .tag{display:none}
}
@media(max-width:980px){
  .nav-links{display:none}
}
/* Tablet/móvil: evita que los dos botones aprieten el logo */
@media(max-width:640px){
  .nav-cta{gap:8px}
  .nav-cta .btn-ghost{display:none}      /* "Buscar referencia" — el buscador queda accesible al hacer scroll */
}
@media(max-width:540px){
  .nav .row{height:70px;gap:14px}
  .nav.is-scrolled .row{height:64px}
  .lockup .monogram{width:38px;height:38px}
  .lockup .wordmark .l1,.lockup .wordmark .l2{font-size:19px}
  .nav .lockup .wordmark .l1,.nav .lockup .wordmark .l2{font-size:28px;height:auto;line-height:1.04}
  .nav-cta .btn-sm{padding:9px 14px;font-size:11.5px}
}