/* v9 — topbar/header/footer tweaks */
:root{
  --ink-2:#141411;
  --topbar-fg:#E9DEC4;
  --topbar-link:#D8C28A;
}
/* TOPBAR: negro distinto del header negro inferior */
.topbar{background:var(--ink-2); color:var(--topbar-fg);
  border-bottom:1px solid rgba(216,194,138,.18)}
.topbar a{color:var(--topbar-link)}
.topbar a:hover{color:#fff}
.topbar__sep{color:rgba(216,194,138,.45)}
.topbar svg{color:var(--gold)}
.topbar .topbar__socials a:hover svg{color:#fff}
/* HEADER: fondo negro en barra de menú inferior */
.header{background:var(--ink); border-bottom:1px solid rgba(198,161,91,.18)}
/* Logo ESQUINA SUPERIOR IZQUIERDA — distinguible del fondo negro */
.header .brand img{
  outline:1px solid rgba(198,161,91,.55);
  outline-offset:5px;
  box-shadow:0 0 0 5px rgba(0,0,0,.55), 0 0 0 6px rgba(198,161,91,.22);
  background:#fff; padding:3px; border-radius:6px
}
.nav a{color:#f7f3ec}
.nav a:hover, .nav a.is-active{color:var(--gold-2)}
/* FOOTER: logo grande arriba + 3 credenciales en fila centrada */
.footer__records{display:flex;flex-direction:column;align-items:center;gap:clamp(1.4rem,2.2vw,2rem);padding:2rem 0 1rem}
.footer__records-main{width:104px;height:104px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#1a1814,#0a0a09 75%);
  border:1px solid rgba(198,161,91,.6);
  box-shadow:0 0 0 6px rgba(0,0,0,.6),0 0 0 7px rgba(198,161,91,.2);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.footer__records-main img{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block}
.footer__records-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(1.4rem,3.4vw,2.4rem)}
.footer__records-logos img{height:62px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}
/* Center logo (World Record Luxury, in green frame): give it a rounded shape
   - larger than the other logos (~140px circle vs ~62px for the side ones)
   - object-fit:contain with inner padding so the sello, the globe and the
     "WR · WORLD RECORD LUXURY" text fit fully inside the circle
     without being clipped */
.footer__records-logos>span+.footer__records-center,
.footer__records-logos img:nth-of-type(2){
  height:140px;width:140px;
  border-radius:50%;
  background:#0a0a09;
  padding:14px;
  object-fit:contain;
  aspect-ratio:1/1;
  box-sizing:border-box;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));
}
.footer__records-logos .sep{width:1px;height:42px;background:rgba(198,161,91,.55)}
.footer__records-text{margin-top:.6rem;color:var(--muted);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;text-align:center}