/* ===== Nav profesional — aplica a todas las páginas ===== */
.site-nav{
  padding:.5rem 1.5rem;
  background:rgba(254,243,210,.96);
  backdrop-filter:blur(28px) saturate(2);
  -webkit-backdrop-filter:blur(28px) saturate(2);
  border-top:3px solid #F4C012;
  border-bottom:1px solid rgba(244,192,18,.35);
  box-shadow:0 4px 28px rgba(140,70,0,.13),0 1px 0 rgba(255,255,255,.9) inset;
}
.nav-logo{gap:.65rem}
.nav-logo img{height:48px;width:48px;filter:drop-shadow(0 2px 6px rgba(244,192,18,.35))}
.nav-logo-text{
  font-size:1.1rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:#1C1830;
  -webkit-text-stroke:2.5px rgba(255,255,255,.9);
  white-space:nowrap;
}
.nav-links{gap:2.2rem}
.nav-links a{
  font-size:.92rem;
  font-weight:700;
  color:#3C2C1C;
  padding:.3rem 0;
  border-bottom:none;
  position:relative;
  letter-spacing:.01em;
  transition:color .2s;
}
.nav-links a::after{
  content:'';
  position:absolute;
  bottom:-2px;left:50%;right:50%;
  height:2px;
  background:linear-gradient(90deg,#F4C012,#D4A010);
  border-radius:2px;
  transition:left .22s ease,right .22s ease;
}
.nav-links a:hover{color:#1C1830}
.nav-links a:hover::after,.nav-links a.active::after{left:0;right:0}
.nav-links a.active{color:#1C1830}
.nav-cta{
  padding:.52rem 1.4rem;
  font-size:.9rem;
  font-weight:800;
  letter-spacing:.03em;
  box-shadow:0 4px 16px rgba(244,192,18,.45);
  transition:transform .18s,box-shadow .18s;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(244,192,18,.6)}