/* Sezione 3. Colori campionati sul mockup 3: cerchi #e5e7db, tratto icone #4a5c42,
   divisori #e0e1d7 su crema #f5f4ed, filo etichetta #8d9685. */
.sfondo-s03 img { display: block; width: 100%; height: auto; }
#s03 .etichetta { color: rgb(97,12,39); gap: calc(14 * var(--u)); letter-spacing: .04em; }
#s03 .etichetta::after { background: rgb(172,156,141); }
#s03 .tipo-corpo p, #s03 p.tipo-corpo { margin: 0; }
.divisore-s03 { width: 1px !important; height: calc(var(--h) * var(--u)); background: #dcddd3; }
.cerchio-s03 { height: calc(71 * var(--u)); border-radius: 50%; background: rgb(212,187,162); display: grid; place-items: center; }
.cerchio-s03 svg { width: 50%; height: 50%; fill: none; stroke: rgb(97,12,39); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.beneficio-s03 { margin: 0; text-align: center; letter-spacing: -.03em; }
#s03 .citazione { border-left-color: rgba(251, 248, 242, .75); padding-left: calc(25 * var(--u)); }
/* righe 2 e 3 del titolo: il carattere del mockup le ha piu' strette di Newsreader */
#s03 .stretta { letter-spacing: calc(var(--tracking-titoli) - .022em); }