/* EVOLVE — marketing navbar ES (crema · homogénea) */
.site-nav{
  position:sticky;top:0;z-index:200;width:100%;
  background:rgba(251,247,239,.82);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(26,26,26,.08);
}
.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:baseline;gap:0;line-height:1;flex-shrink:0;
  color:inherit;text-decoration:none;
}
.logo-ev,.logo-es{
  font-family:'Syne',sans-serif;font-weight:800;font-style:italic;
  font-size:1.15rem;letter-spacing:-.03em;
}
.logo-fb{
  font-family:'Caveat',cursive;font-size:1.2rem;color:var(--green,#a3e040);
  margin:0 2px;font-weight:700;
}
.logo-flag{font-size:.95rem;margin-left:8px}
.site-nav .nav-links{
  justify-self:center;
  display:flex;align-items:center;justify-content:center;
  flex-wrap:nowrap;gap:clamp(6px,1.2vw,16px);
  font-size:clamp(.58rem,1vw,.68rem);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#5c5c5c);
  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(--ink,#1a1a1a)}
.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(--ink,#1a1a1a);color:var(--cream,#fbf7ef);
  font-size:.75rem;font-weight:700;letter-spacing:.04em;
  text-decoration:none;white-space:nowrap;
  transition:transform .2s,background .2s,color .2s;
}
.site-nav .nav-cta:hover{
  transform:translateY(-1px);
  background:var(--green,#a3e040);color:var(--ink,#1a1a1a);
}
@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}
}