/* SCHEDA ARTISTA "FIGURINA" (13/11/2026). Solo sulle schede in prova (inc/scheda-figurina.php).
   Colori e font del tema: nessun font nuovo. Foto a 4:5 con spazio riservato (niente CLS). */
.fig-hero{--fig-card:#111111;--fig-card-2:#1c1c1c;--fig-linea:#2e2e2e;--fig-testo-2:#c9c9c9;--fig-argento:#cfd3d8;--fig-oro:#d9b45a}
.fig-hero__griglia{display:grid;gap:28px;align-items:start}

/* La card */
.figurina{position:relative;background:var(--fig-card);color:var(--bianco);border-radius:14px;padding:10px;max-width:440px;width:100%;box-shadow:0 10px 28px rgba(0,0,0,.35);border:1px solid var(--fig-linea)}
.figurina--multiplatino,.figurina--platino,.figurina--oro{border:0}
.figurina--multiplatino::before,.figurina--platino::before,.figurina--oro::before{content:"";position:absolute;inset:0;border-radius:14px;padding:3px;background:var(--fig-cornice);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.figurina--multiplatino{--fig-cornice:linear-gradient(135deg,var(--fucsia),var(--lime) 50%,var(--fucsia))}
.figurina--platino{--fig-cornice:linear-gradient(135deg,#f4f6f8,var(--fig-argento) 45%,#8d939a)}
.figurina--oro{--fig-cornice:linear-gradient(135deg,#f7e3a1,var(--fig-oro) 50%,#9c7a2a)}
.fig-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 8px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fig-testo-2)}
.fig-top b{color:var(--bianco)}
.fig-rango{font-size:10px;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:999px;color:var(--nero);background:var(--fig-cornice);white-space:nowrap}
.fig-foto{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5;background:var(--fig-card-2)}
.fig-foto img{width:100%;height:100%;object-fit:cover;display:block}
.fig-foto::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}
.fig-foto--vuota{aspect-ratio:auto;min-height:150px;background:linear-gradient(135deg,#1c1c1c,#2a2a2a)}
.fig-foto--vuota::after{inset:0}
.fig-nome{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;margin:0;font-size:40px;font-weight:800;line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:var(--bianco);overflow-wrap:anywhere;text-wrap:balance}
.fig-nome em{font-style:normal;color:var(--fucsia)}
.fig-credito{position:absolute;right:8px;top:8px;z-index:1;font-size:10px;line-height:1.3;color:#e6e6e6;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:3px}
.fig-dati{margin:12px 4px 0;display:grid}
.fig-dati div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--fig-linea)}
.fig-dati dt{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fig-testo-2);padding-top:3px}
.fig-dati dd{margin:0;font-size:14px;font-weight:700;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.fig-dati .blue{color:var(--fucsia)}
.fig-nota{font-weight:400;color:var(--fig-testo-2)}
.fig-numeri{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 4px 0}
.fig-numeri--1{grid-template-columns:1fr}.fig-numeri--2{grid-template-columns:repeat(2,1fr)}.fig-numeri--3{grid-template-columns:repeat(3,1fr)}
.fig-num{border:1px solid var(--fig-linea);border-radius:6px;padding:9px 4px 8px;text-align:center;min-width:0}
.fig-num strong{display:block;font-size:24px;font-weight:800;line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.fig-num span{display:block;margin-top:5px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fig-testo-2)}
.fig-charts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 4px 4px;padding:10px 12px;border-radius:8px;background:var(--fig-card-2)}
.fig-charts p{margin:0;font-size:12px;line-height:1.35;color:var(--fig-testo-2)}
.fig-charts p b{display:block;font-size:15px;color:var(--bianco)}
.fig-vota{border:2px solid var(--fucsia);background:var(--fucsia);color:var(--bianco);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:2px;white-space:nowrap;min-height:40px}
.fig-vota:hover,.fig-vota:focus-visible{background:var(--lime);border-color:var(--lime);color:var(--nero);outline:none}

/* Accanto alla card */
.fig-lato{display:grid;gap:14px;align-content:start}
.fig-risposta{margin:0;font-family:"PT Serif",Georgia,serif;font-size:21px;line-height:1.45;color:var(--bianco)}
.fig-talent{margin:0;font-size:15px;font-weight:700;color:var(--lime)}
.fig-salti{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.fig-salti a{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bianco);border:2px solid #444;border-radius:999px;padding:8px 14px}
.fig-salti a:hover,.fig-salti a:focus-visible{border-color:var(--lime);color:var(--lime)}

/* Sotto la card: Chi e', Canzoni, Domande */
.fig-corpo{display:grid;gap:40px;padding-top:36px}
.fig-sezione{max-width:760px}
.fig-sezione .hub-bio{font-family:"PT Serif",Georgia,serif;font-size:17px;line-height:1.65}
.fig-canzoni{display:grid;border-top:1px solid var(--grigio-linea)}
.fig-canzoni li{border-bottom:1px solid var(--grigio-linea)}
.fig-canzoni a{display:block;padding:12px 0;font-weight:700;font-size:16px;line-height:1.4}
.fig-canzoni a:hover{color:var(--fucsia-testo)}
.fig-faq{margin:0;display:grid;border-top:1px solid var(--grigio-linea)}
.fig-faq div{padding:12px 0;border-bottom:1px solid var(--grigio-linea)}
.fig-faq dt{font-weight:700;font-size:16px}
.fig-faq dd{margin:4px 0 0;font-family:"PT Serif",Georgia,serif;font-size:16px;line-height:1.55}
.fig-faq .blue{color:var(--titolo-disco)}

@media (min-width:768px){
  .fig-hero__griglia{grid-template-columns:400px minmax(0,1fr);gap:44px;align-items:center}
  .fig-nome{font-size:48px}
  .fig-risposta{font-size:26px}
}
@media (min-width:1024px){
  .fig-hero__griglia{grid-template-columns:420px minmax(0,1fr)}
}
@media (prefers-reduced-motion:no-preference){
  .figurina{transition:transform .25s ease}
  .figurina:hover{transform:translateY(-3px) rotate(-.3deg)}
}