/* ═══════════════════════════════════════════════════════════
   hf.css · Cabecera y pie NUEVOS para las páginas interiores (27/08/2026)
   Mismo look que la portada (hp-css) en estado sólido: la cabecera aquí es
   sticky clara (no hay foto a sangre detrás) y el pie pasa de oscuro a claro
   con la línea legal. Se enlaza DESPUÉS de styles.css y SOLO en las páginas
   principales (apartamentos, zonas, propietarios, nosotros, contacto,
   reservas). Las fichas piso-*.html siguen con el estilo anterior hasta su
   fase. En cascada, al ir después, estas reglas ganan los empates.
   ═══════════════════════════════════════════════════════════ */

/* ── Cabecera ─────────────────────────────────────────────── */
.brand-name{font-size:1.05rem;letter-spacing:.16em;color:var(--ink)}
.nav-links a{font-weight:600;letter-spacing:0}
.nav-links a:hover{color:var(--gold-deep);border-bottom-color:transparent}
.nav-links a.active{color:var(--ink);border-bottom-color:var(--gold)}
.nav-links .nav-cta{background:var(--gold);color:var(--ink)!important;padding:9px 18px!important;border:none!important;border-radius:999px;border-bottom:0}
.nav-links .nav-cta:hover{background:var(--gold-deep);color:#fff!important}
/* Selector de idioma: texto plano con el idioma actual en dorado (como portada) */
.nav-links .lang-sw{gap:8px}
.nav-links .lang-sw a,.nav-links .lang-sw .lang-cur{border:0!important;padding:0!important;font-size:.78rem!important;letter-spacing:.06em;color:var(--ink);opacity:.75}
.nav-links .lang-sw .lang-cur{color:var(--gold-deep);font-weight:600;opacity:1}
.nav-links .lang-sw a:hover{border-color:transparent;color:var(--gold-deep);opacity:1}

/* ── Pie: de oscuro a claro, con línea legal ──────────────── */
.site-footer{background:#F4F0E8;border-top:1px solid rgba(30,34,40,.12);color:#4A5058;padding:56px 0 28px;font-size:.92rem}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:0}
.site-footer h4{color:#1E2228;font-weight:500;margin-bottom:12px}
.site-footer ul{gap:8px}
.site-footer a{text-decoration:none;color:inherit}
.site-footer a:hover{color:#A98B52}
.footer-brand .logo-mark{width:auto;height:34px;margin-bottom:12px}
.footer-legal{font-size:.78rem;color:#8B93A0;margin-top:14px;line-height:1.5}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid rgba(30,34,40,.12);font-size:.82rem;color:#4A5058}
.footer-bottom a:hover{color:#A98B52}
@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .site-footer{padding-bottom:76px} /* hueco para la barra móvil, como antes */
}