/* ─── NAVBAR ─── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 56px;height:64px;display:flex;align-items:center;justify-content:space-between;transition:background .4s,backdrop-filter .4s}
nav.scrolled{background:rgba(250,247,242,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:.5px solid var(--arena-dk)}
.nav-brand{font-family:var(--font-d);font-style:italic;font-size:22px;font-weight:300;color:var(--blanco);text-decoration:none;transition:color .4s}
nav.scrolled .nav-brand{color:var(--espresso)}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(250,247,242,.7);text-decoration:none;transition:color .3s}
nav.scrolled .nav-links a{color:var(--gris)}
nav.scrolled .nav-links a:hover{color:var(--espresso)}
.nav-links a:hover{color:var(--blanco)}
.nav-link.active { color: var(--terra); }
nav.scrolled .nav-link.active { color: var(--espresso); }
.nav-cta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:8px 22px;border-radius:999px;background:var(--terra);color:var(--blanco)!important;text-decoration:none;transition:background .3s,transform .2s}
.nav-cta:hover{background:var(--terra-dk)!important;transform:translateY(-1px)}

/* ─── FOOTER ─── */
footer{background:var(--espresso);padding:64px 56px 40px;position:relative;z-index:1}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:48px;border-bottom:.5px solid rgba(250,247,242,.1);margin-bottom:36px}
.footer-brand-name{font-family:var(--font-d);font-style:italic;font-size:28px;font-weight:300;color:var(--arena);margin-bottom:16px}
.footer-brand-tagline{font-size:13px;color:rgba(240,230,211,.4);line-height:1.65;max-width:280px}
.footer-col-title{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--terra);margin-bottom:20px}
.footer-links{list-style:none}
.footer-links li{margin-bottom:10px}
.footer-links a{font-size:13px;color:rgba(240,230,211,.45);text-decoration:none;transition:color .3s}
.footer-links a:hover{color:var(--arena)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-copy{font-size:11px;color:rgba(240,230,211,.25);letter-spacing:.1em}
.footer-copy strong{color:var(--terra);font-weight:400}
.footer-link-icon svg {
  flex-shrink: 0;
  opacity: 0.85;
  position: relative;
  top: 3px;
}