:root{
  --bg: #0b0b0c;
  --fg: #111214;
  --muted: rgba(255,255,255,.72);
  --soft: rgba(255,255,255,.08);
  --gold: #b89a5b; /* discreto */
  --serif: "Playfair Display", serif;
  --sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html, body { height: 100%; }
body{
  font-family: var(--sans);
  color: var(--fg);
  background: #fff;
}

.brand-mark{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--gold);
  display: inline-block;
}
.brand-name{
  font-family: var(--serif);
  letter-spacing: .4px;
  font-weight: 500;
  color: #fff;
}

.navbar .nav-link{
  color: rgba(255,255,255,.78);
}
.navbar .nav-link:hover,
.navbar .nav-link.active{
  color: #fff;
}

.hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(184,154,91,.20), transparent 55%),
              radial-gradient(900px 500px at 85% 25%, rgba(255,255,255,.10), transparent 55%),
              #070708;
  color: #fff;
}
.hero .kicker{
  color: rgba(255,255,255,.70);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
}
.hero h1{
  font-family: var(--serif);
  letter-spacing: .2px;
  line-height: 1.05;
}
.hero p{
  color: rgba(255,255,255,.78);
  max-width: 52ch;
}

.section-title{
  font-family: var(--serif);
  letter-spacing: .2px;
}
.card-soft{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.badge-soft{
  background: rgba(184,154,91,.12);
  color: #5c4a25;
  border: 1px solid rgba(184,154,91,.26);
  padding: .45rem .6rem;
  border-radius: 999px;
  font-size: .82rem;
}

.img-round{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}

.gallery img{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.footer{
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer-title{
  font-family: var(--serif);
  color: rgba(255,255,255,.88);
  margin-bottom: .25rem;
}
.footer-link{
  color: rgba(255,255,255,.62);
  text-decoration: none;
}
.footer-link:hover{
  color: #fff;
  text-decoration: underline;
}

/* Página /links (estilo Linktree premium) */
.links-page{
  background: radial-gradient(1200px 700px at 25% 10%, rgba(184,154,91,.18), transparent 55%),
              #070708;
  color: #fff;
  min-height: 100vh;
}
.links-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 26px;
  backdrop-filter: blur(8px);
}
.links-btn{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.links-btn:hover{
  background: rgba(255,255,255,.12);
  color: #fff;
}
.small-muted{
  color: rgba(255,255,255,.70);
}