/* === Talent (scoped) === */
:root{
  --hyped-red: #ff2a3d;
  --ui-radius: 12px;
}

.talent-wrap{ margin-top:24px; position:relative; }
.talent-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
@media (max-width:1100px){ .talent-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .talent-grid{ grid-template-columns:1fr; } }

.talent-card{
  border-radius:18px; overflow:hidden; background:var(--card-bg,#121212);
  box-shadow:0 6px 22px rgba(0,0,0,.28);
  transition:transform .2s ease, box-shadow .2s ease;
  border:1px solid rgba(255,255,255,.06);
}
.talent-card:hover{ transform:translateY(-4px); box-shadow:0 12px 34px rgba(0,0,0,.42); }

.talent-media{ position:relative; aspect-ratio:3/4; margin:0; background:#1a1a1a; }
.talent-media>img{ width:100%; height:100%; object-fit:cover; display:block; }

.talent-overlay{
  position:absolute; inset:0;
  display:flex; align-items:flex-end; justify-content:flex-start;
  background:linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0) 60%);
  opacity:0; transition:opacity .25s ease; padding:14px;
}
.talent-card:hover .talent-overlay{ opacity:1; }

/* socials — quadrado com cantos arredondados + hover vermelho */
.talent-socials{ display:flex; gap:10px; padding:0; background:transparent; border:0; backdrop-filter:none; }
.talent-social{
  width:38px; height:38px; border-radius:var(--ui-radius);
  display:grid; place-items:center;
  background:rgba(0,0,0,.65);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  transition:transform .2s, background .2s, border-color .2s, color .2s;
}
.talent-social svg{ width:18px; height:18px; fill:currentColor; }
.talent-social:hover,
.talent-social:focus-visible{
  background:rgba(255,42,61,.10);
  border-color:var(--hyped-red);
  color:var(--hyped-red);
  transform:translateY(-1px) scale(1.04);
  box-shadow:0 0 0 2px rgba(255,42,61,.14), 0 8px 20px rgba(0,0,0,.35);
}

.talent-meta{ padding:18px 18px 20px; }
.talent-name{ margin:0 0 1px; font-size:1.1rem; letter-spacing:.2px; }
.talent-line{ font-size:.95rem; margin:0; opacity:.85; }
.talent-line strong{ font-weight:600; margin-right:6px; }

/* Plataformas colado ao nome; salto maior antes do Alcance */
.talent-meta .talent-line:first-of-type{ margin-top:1px; }
.talent-meta .talent-line + .talent-line{ margin-top:12px; }

/* “Alcance” colado à descrição */
.talent-desc{ margin:1px 0 0; opacity:.78; line-height:1.55; }