/* EVOLVE — marketing navbar EN (homogénea · todas las páginas excepto vivo / inteligencia) */
.site-nav{
  position:sticky;top:0;z-index:200;width:100%;
  background:rgba(10,12,18,.72);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.site-nav .nav-inner{
  max-width:1080px;margin:0 auto;padding:14px 24px;
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);
  align-items:center;gap:12px 16px;
}
.nav-logo{
  justify-self:start;display:flex;align-items:center;gap:0;line-height:1;flex-shrink:0;
  color:inherit;text-decoration:none;
}
.logo-word{
  font-family:'Syne',sans-serif;font-weight:800;
  font-size:1.2rem;letter-spacing:-.04em;
}
.logo-sub{
  font-family:'Caveat',cursive;font-size:.95rem;color:var(--green,#a3e040);
  margin-left:6px;font-weight:700;position:relative;top:1px;
}
.site-nav .nav-links{
  justify-self:center;
  display:flex;align-items:center;justify-content:center;
  flex-wrap:nowrap;gap:clamp(8px,1.4vw,20px);
  font-size:clamp(.62rem,1.1vw,.72rem);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#8b92a8);
  min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.site-nav .nav-links::-webkit-scrollbar{display:none}
.site-nav .nav-links a{
  display:inline-flex;align-items:center;min-height:36px;
  white-space:nowrap;flex-shrink:0;
  color:inherit;text-decoration:none;transition:color .2s;
}
.site-nav .nav-links a:hover,
.site-nav .nav-links a.active{color:var(--green,#a3e040)}
.site-nav .nav-cta{
  justify-self:end;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 18px;border-radius:100px;
  background:var(--green,#a3e040);color:var(--bg,#0a0c12);
  font-size:.75rem;font-weight:700;letter-spacing:.04em;
  text-decoration:none;white-space:nowrap;
  transition:transform .2s,box-shadow .2s;
}
.site-nav .nav-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px var(--green-glow,rgba(163,224,64,.35));
}
@media(max-width:960px){
  .site-nav .nav-inner{
    grid-template-columns:1fr auto;
    grid-template-areas:"logo cta" "links links";
    padding:12px 20px 10px;
  }
  .nav-logo{grid-area:logo}
  .site-nav .nav-links{
    grid-area:links;justify-self:stretch;justify-content:flex-start;
    padding-bottom:2px;
  }
  .site-nav .nav-cta{grid-area:cta;padding:0 16px;font-size:.72rem}
}