/* =================================================================
   SCULPTEE — bio.css
   Página de link da bio (link in bio) — minimalista e elegante.
   ================================================================= */

.bio-body {
  min-height: 100svh;
  display: flex; align-items: center; justify-content: center;
  padding: 48px 20px;
  background:
    radial-gradient(120% 80% at 50% -10%, #9A8B78 0%, var(--bg-deep-2) 60%);
  color: var(--on-deep);
}
.bio { width: 100%; max-width: 440px; text-align: center; }

.bio__avatar { width: 104px; height: 104px; margin: 0 auto 22px; border-radius: 50%; overflow: hidden; border: 1px solid var(--line-light); background: rgba(237,231,220,.06); }
.bio__avatar .media-ph { aspect-ratio: 1; border: 0; background: rgba(237,231,220,.05); }
.bio__avatar img { width: 100%; height: 100%; object-fit: cover; }

.bio__brand { font-family: var(--font-display); font-size: 1.9rem; letter-spacing: .2em; text-transform: uppercase; color: var(--white); }
.bio__tagline { font-size: .82rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-soft); margin-top: 8px; }
.bio__desc { font-size: .94rem; color: rgba(237,231,220,.7); margin-top: 16px; }

.bio__links { display: grid; gap: 14px; margin-top: 34px; }
.bio-link {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 20px;
  background: rgba(237,231,220,.06);
  border: 1px solid var(--line-light);
  border-radius: 100px;
  font-size: .92rem; letter-spacing: .04em;
  transition: background .35s var(--ease), transform .35s var(--ease), border-color .35s var(--ease);
}
.bio-link:hover { background: var(--gold); color: #1c1813; transform: translateY(-2px); border-color: var(--gold); }
.bio-link__icon { flex: none; width: 20px; height: 20px; color: var(--gold-soft); transition: color .35s var(--ease); }
.bio-link:hover .bio-link__icon { color: #1c1813; }
.bio-link__text { flex: 1; text-align: left; font-weight: 400; }
.bio-link__chev { flex: none; width: 16px; height: 16px; opacity: .5; }

.bio-link--primary { background: var(--gold); color: #1c1813; border-color: var(--gold); }
.bio-link--primary .bio-link__icon { color: #1c1813; }
.bio-link--primary:hover { background: var(--gold-soft); }

.bio__social { display: flex; justify-content: center; gap: 22px; margin-top: 30px; }
.bio__social a { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line-light); border-radius: 50%; color: rgba(237,231,220,.8); transition: background .3s var(--ease), color .3s var(--ease); }
.bio__social a:hover { background: rgba(237,231,220,.1); color: var(--white); }
.bio__social svg { width: 18px; height: 18px; }

.bio__footer { margin-top: 36px; font-size: .72rem; letter-spacing: .1em; color: rgba(237,231,220,.4); }
.bio__footer a { color: var(--gold-soft); }