/* RECENSIONI: contatore della media a sinistra, carosello a destra.
   Disegnati da sito-recensioni.js, uguali in home, /prezza e /redigi. */
.cmi-recensioni{--rc-vis:3;display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:stretch;margin-top:30px}
.cmi-recensioni[hidden]{display:none}
.cmi-recensioni.senza-media{grid-template-columns:minmax(0,1fr)}
/* contatore */
.cmi-recensioni .rm{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;
  padding:26px 20px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.cmi-recensioni .rm-n{display:flex;align-items:baseline;gap:6px;line-height:1}
.cmi-recensioni .rm-n b{font-size:46px;font-weight:900;letter-spacing:-2px;
  background:linear-gradient(100deg,#1d4ed8 0%,#0ea5e9 60%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1d4ed8}
.cmi-recensioni .rm-n span{font-size:15px;font-weight:700;color:#64748b}
.cmi-recensioni .rm-stelle{position:relative;display:inline-block;line-height:0}
.cmi-recensioni .rm-stelle>div{display:flex;gap:4px;white-space:nowrap}
.cmi-recensioni .rm-stelle svg{width:22px;height:22px;flex:0 0 22px}
.cmi-recensioni .rm-stelle .spente svg{fill:#e2e8f0}
.cmi-recensioni .rm-stelle .accese{position:absolute;left:0;top:0;overflow:hidden}
.cmi-recensioni .rm-stelle .accese svg{fill:#f59e0b}
.cmi-recensioni .rm-c{font-size:14px;font-weight:600;color:#64748b}
.cmi-recensioni .rm-v{font-size:11.5px;line-height:1.4;color:#94a3b8;max-width:190px}
.cmi-recensioni.sopra .rm-v{max-width:none;flex-basis:100%;text-align:center}
/* carosello */
/* le frecce stanno su una riga a parte, sotto le schede: cosi' il contatore
   e' alto esattamente quanto le recensioni */
.cmi-recensioni .rm{grid-column:1;grid-row:1}
.cmi-recensioni .rc{display:contents}
.cmi-recensioni .rc-v{grid-column:-2;grid-row:1;min-width:0;overflow:hidden;display:flex}
.cmi-recensioni .rc-n{grid-column:-2;grid-row:2}
.cmi-recensioni .rc-p{display:flex;gap:22px;width:100%;transition:transform .7s cubic-bezier(.45,.05,.25,1);will-change:transform}
.cmi-recensioni .rc-scheda{flex:0 0 calc((100% - (var(--rc-vis) - 1) * 22px) / var(--rc-vis));min-width:0;box-sizing:border-box;
  border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:22px 24px;display:flex;flex-direction:column;gap:10px;min-height:150px}
.cmi-recensioni .rc-scheda .t{font-size:15.5px;line-height:1.55;color:#334155;overflow-wrap:anywhere}
.cmi-recensioni .rc-scheda .a{margin-top:auto;font-size:13.5px;color:#64748b;font-weight:600}
.cmi-recensioni .rc-n{display:flex;gap:10px;justify-content:flex-end;margin-top:-8px}
.cmi-recensioni .rc-n[hidden]{display:none}
.cmi-recensioni .rc-n button{width:38px;height:38px;padding:0;border-radius:50%;border:1.5px solid #cbd5e1;background:#fff;cursor:pointer;color:#0185FD;
  font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center}
.cmi-recensioni .rc-n button:hover{border-color:#0185FD}
.cmi-recensioni .cmi-stelle{display:flex;gap:3px}
.cmi-recensioni .cmi-stelle svg{width:18px;height:18px;fill:#e2e8f0}
.cmi-recensioni .cmi-stelle svg.on{fill:#f59e0b}
@media(prefers-reduced-motion:reduce){.cmi-recensioni .rc-p{transition-duration:.2s}}
/* La disposizione dipende dalla larghezza del riquadro (la colonna del
   sito), non dello schermo: sito-recensioni.js mette la classe "sopra"
   quando il contatore non ci sta a sinistra e decide quante schede si
   vedono (--rc-vis: 3, 2 o 1). */
.cmi-recensioni.sopra{grid-template-columns:minmax(0,1fr)}
.cmi-recensioni.sopra .rc-v{grid-row:2}
.cmi-recensioni.sopra .rc-n{grid-row:3}
.cmi-recensioni.sopra .rm{flex-direction:row;flex-wrap:wrap;gap:8px 18px;padding:16px 20px}
.cmi-recensioni.sopra .rm-n b{font-size:36px}
.cmi-recensioni.sopra .rm-stelle svg{width:20px;height:20px;flex-basis:20px}