/* @oalvaropassos — hub do link da bio */

.hub{ min-height:100dvh; display:flex; flex-direction:column; align-items:center;
  padding:clamp(2.5rem,8vw,4.5rem) var(--gap) 2.5rem; text-align:center }
.hub__inner{ width:min(440px, 100%) }

.hub__avatar{ width:104px; height:104px; border-radius:50%; border:2px solid var(--amber);
  object-fit:cover; margin-inline:auto }
.hub__name{ font-family:var(--serif); font-weight:700; font-size:1.5rem; margin-top:1rem }
.hub__handle{ color:var(--ink-mut); font-size:.92rem; margin-top:.15rem }
.hub__tag{ font-family:var(--serif); font-style:italic; color:var(--amber);
  font-size:1.02rem; margin-top:1rem; line-height:1.4 }

.hub__links{ display:flex; flex-direction:column; gap:.85rem; margin-top:2.2rem }
.hub__link{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.05rem 1.3rem;
  background:var(--bg-2); border:1px solid var(--line); border-radius:3px;
  color:var(--ink); text-decoration:none; font-weight:600; font-size:1rem;
  transition:border-color .15s ease, transform .12s ease, background .15s ease;
}
.hub__link:hover{ border-color:var(--amber); transform:translateY(-2px); background:var(--bg-3) }
.hub__link--primary{ background:var(--amber); color:#191308; border-color:var(--amber) }
.hub__link--primary:hover{ background:var(--amber-deep); border-color:var(--amber-deep) }
.hub__link small{ display:block; font-weight:400; font-size:.8rem; opacity:.75; margin-top:.15rem }
.hub__link span:last-child{ opacity:.5; font-size:1.1rem }
.hub__link--primary span:last-child{ opacity:.7 }

.hub__soon{ opacity:.5; pointer-events:none }
.hub__soon span:last-child::after{ content:"em breve"; font-size:.72rem; letter-spacing:.1em;
  text-transform:uppercase; opacity:.8 }
.hub__soon span:last-child{ font-size:.72rem !important; opacity:.6 }

.hub__foot{ margin-top:auto; padding-top:2.5rem; color:var(--ink-mut); font-size:.82rem }
.hub__foot a{ color:var(--ink-dim); text-decoration:none }
.hub__foot a:hover{ color:var(--amber) }