/* MOSAICO Pigneto — componente recensioni (condiviso tra le pagine) */

/* Blocco recensioni di un professionista */
.rec{margin-top:2.2rem;border-top:1px solid var(--travertine);padding-top:1.4rem}
.rec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.2rem;margin-bottom:1.2rem}
.rec-head h3{font-size:1.25rem}
.rec-head .n{font-size:.9rem;color:var(--walnut)}
.dark .rec-head .n{color:var(--travertine)}
.rec-list{list-style:none;display:grid;gap:1rem}
.rec-item{position:relative;padding-left:1.5rem}
.rec-item::before{content:"\201C";position:absolute;left:0;top:-.15em;font-family:var(--serif);font-size:2rem;line-height:1;color:var(--brass)}
.rec-item p{font-family:var(--serif);font-style:italic;font-size:1.1rem;line-height:1.45;max-width:46ch;color:var(--ink)}
.dark .rec-item p{color:var(--paper)}
.rec-item .who{display:block;margin-top:.35rem;font-size:.85rem;color:var(--walnut)}
.dark .rec-item .who{color:var(--travertine)}
.rec-more{margin-top:1.3rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.rec-more .src{font-size:.8rem;color:var(--walnut)}
.dark .rec-more .src{color:var(--travertine)}

/* Sezione "Dicono di noi": i due professionisti affiancati */
.rec-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);margin-top:2.5rem}
.rec-duo .rec{margin-top:0;border-top:2px solid var(--brass);padding-top:1.2rem}
.rec-duo .rec-head{flex-direction:column;align-items:flex-start;gap:.1rem}
.rec-duo .rec-head h3{font-size:1.5rem}
@media (max-width:860px){.rec-duo{grid-template-columns:1fr;gap:2.5rem}}

/* Anteprima nei riquadri della home */
.teaser .q{margin-top:.9rem;padding-top:.7rem;border-top:1px solid rgba(247,243,234,.25);font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.4;color:var(--paper);max-width:40ch}
.teaser .q small{display:block;font-family:var(--sans);font-style:normal;font-size:.78rem;margin-top:.25rem;color:var(--travertine)}