/* Sezione 8. Colori dal mockup 8: etichetta #4a5e45, filo #8d9685, cerchi #e2e2d4,
   tratto icone #5e6452, divisori #e2e0d4, citazione scura #3f3b35 con filo verticale. */
.sfondo-s08 img { display: block; width: 100%; height: auto; }
.etichetta-s08 { color: rgb(97,12,39); letter-spacing: .01em; }
.filo-s08 { height: 1px; background: rgb(172,156,141); }
.filo-v-s08 { width: 1px !important; height: calc(var(--h) * var(--u)); background: rgba(63, 59, 53, .55); }
.citazione-s08 { font-family: var(--font-titoli); font-style: italic; color: #3f3b35; letter-spacing: -.01em; }
.voci-s08 { list-style: none; margin: 0; padding: 0; }
.voce-s08 { list-style: none; display: flex; align-items: center; }
.cerchio-s08 { flex: none; display: grid; place-items: center; width: calc(71 * var(--u)); height: calc(71 * var(--u));
  border-radius: 50%; background: rgb(212,187,162); margin-right: calc(27.5 * var(--u)); }
.voce-s08:nth-child(even) .cerchio-s08 { margin-right: calc(26 * var(--u)); }
.cerchio-s08 svg { width: 50%; height: 50%; fill: none; stroke: rgb(97,12,39); stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.testo-voce-s08 { font-family: var(--font-titoli); color: rgb(31,23,21); font-size: calc(22 * var(--u)); line-height: 1.13;
  letter-spacing: -.03em; white-space: nowrap; }
.divisore-s08 { height: 1px; background: #e2e0d4; }