/* ==========================================================================
   MiMuovo · firma delle recensioni (home #prove e citazioni delle pagine funzione)
   Il cerchio mostra la foto del cliente se c'è, altrimenti le iniziali.
   Persone e foto: _src/reviewers.mjs. Si appoggia ai token di site.css.
   ========================================================================== */
.rv-who{
  --rv-ink:oklch(45% .12 132);            /* verde scuro del brand, per le iniziali */
  --rv-ring:oklch(45% .12 132 / .16);     /* bordo sottile, uguale con foto e iniziali */
  --rv-tint:linear-gradient(150deg,oklch(97.6% .03 128),oklch(92.8% .068 131));
  --av:48px;
  display:flex;align-items:center;gap:14px
}
.rv-who .rv-av{position:relative;flex:none;width:var(--av);height:var(--av);border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:var(--rv-tint);color:var(--rv-ink)}
/* il bordo sta sopra la foto: stesso filo verde in tutti e due i casi */
.rv-who .rv-av::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rv-ring);pointer-events:none}
.rv-who .rv-ini{font:700 calc(var(--av) * .34)/1 var(--font);letter-spacing:.06em;padding-left:.06em;color:inherit;user-select:none}
.rv-who .rv-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;border-radius:inherit}

.rv-who .rv-id{display:flex;flex-direction:column;min-width:0;text-align:left}
.rv-who .rv-id b{font-size:14px;font-weight:700;line-height:1.3;color:var(--ink)}
.rv-who .rv-id span{font-size:12.5px;line-height:1.4;color:var(--ink-dim);text-wrap:pretty}

/* home, card delle storie: la firma in fondo, sopra un filo */
.pf .rv-who{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-soft)}

/* pagine funzione: sotto la citazione grande, centrata */
.fquote .rv-who{--av:56px;flex-direction:row;justify-content:center;gap:16px;margin-top:28px}
.fquote .rv-who .rv-id b{font-size:15.5px}
.fquote .rv-who .rv-id span{font-size:14px}