/* ============================================
   NAVEGACIÓN GLOBAL — Héctor David Análisis
   Componente único. Editar solo este archivo.
   ============================================ */

:root { --sn-h: 60px; }

nav.site-nav{
  position:fixed; top:0; left:0; right:0; z-index:500;
  height:var(--sn-h);
  padding:0 2.5rem;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(10,10,10,.92);
  backdrop-filter:blur(20px);
  border-bottom:1px solid #1c1c1c;
  transition:height .25s ease, background .25s ease;
}
nav.site-nav.shrink{ height:52px; background:rgba(10,10,10,.97); }
nav.site-nav::after{
  content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent);
}

.sn-brand{
  font-family:'Playfair Display',serif; font-size:1rem;
  color:#f0ede8; letter-spacing:.06em; text-decoration:none; white-space:nowrap;
}

.sn-links{ display:flex; align-items:center; gap:2rem; }
.sn-link{
  font-size:.78rem; letter-spacing:.06em; color:#8a8a8a;
  text-decoration:none; transition:color .2s; white-space:nowrap;
}
.sn-link:hover, .sn-link.active{ color:#f0ede8; }
.sn-link.active{ color:#c9a84c; }

.sn-cta{
  font-size:.72rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase;
  color:#0a0a0a; background:#c9a84c; text-decoration:none;
  padding:.5rem 1.1rem; transition:background .25s; white-space:nowrap;
}
.sn-cta:hover{ background:#f0ede8; }

/* Offset para páginas cuyo contenido inicia justo bajo el nav */
body[data-nav-offset] { padding-top:var(--sn-h); }

@media (max-width:820px){
  nav.site-nav{ padding:0 1.1rem; }
  .sn-brand{ font-size:.85rem; }
  .sn-cta{ font-size:.66rem; padding:.45rem .85rem; letter-spacing:.08em; }
}
@media (max-width:380px){
  .sn-brand{ font-size:.76rem; }
  .sn-cta{ font-size:.62rem; padding:.42rem .7rem; }
}

/* ============================================
   FOOTER GLOBAL — navegación
   ============================================ */
.sf-nav{
  display:flex; justify-content:center; flex-wrap:wrap;
  gap:1.4rem; margin-bottom:.2rem;
}
.sf-nav a{ font-size:.75rem; color:#8a8a8a; text-decoration:none; transition:color .2s; }
.sf-nav a:hover{ color:#c9a84c; }