/* Sezione 9. Colori dal mockup 9: etichetta #4a5e45, filo #8d9685, cerchi #e3e3d5,
   tratto icone #5e6452, divisori #dddbcf, citazione chiara sulla foto. */
.sfondo-s09 img { display: block; width: 100%; height: auto; }
.etichetta-s09 { color: rgb(97,12,39); letter-spacing: .01em; }
.filo-s09 { height: 1px; background: rgb(172,156,141); }
.filo-v-s09 { width: 1px !important; height: calc(var(--h) * var(--u)); background: rgba(251, 248, 242, .75); }
.citazione-s09 { font-family: var(--font-titoli); font-style: italic; color: rgb(239,236,233); letter-spacing: -.01em;
  text-shadow: 0 0 calc(12 * var(--u)) rgba(80, 55, 30, .25); }
.percorsi-s09 { list-style: none; margin: 0; padding: 0; }
.percorso-s09 { list-style: none; text-align: center; }
.cerchio-s09 { display: grid; place-items: center; width: calc(72 * var(--u)); height: calc(72 * var(--u)); margin: 0 auto;
  border-radius: 50%; background: rgb(212,187,162); }
.cerchio-s09 svg { width: 50%; height: 50%; fill: none; stroke: rgb(97,12,39); stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.titolo-s09 { display: block; margin-top: calc(16 * var(--u)); font-family: var(--font-titoli); color: rgb(31,23,21);
  font-size: calc(23.5 * var(--u)); line-height: 1.12; letter-spacing: -.02em; }
.durata-s09 { letter-spacing: -.03em; }
.payoff-s09 { display: block; margin-top: calc(7 * var(--u)); font-family: var(--font-testo); color: rgb(74,63,58);
  font-size: calc(15.6 * var(--u)); line-height: 1.58; letter-spacing: .005em; }
.divisore-s09 { width: 1px !important; height: calc(var(--h) * var(--u)); background: #dddbcf; }
