/* Sezione 6. Colori dal mockup 6: titolo #f7f5ef, corsivo #b8b998, menta #9ccfae, testo #d5dad4,
   dischi #3a4435, cerchi del processo bordo #dbd1b3 fondo #1d2a21, puntini #b2b396, pulsante #87412c. */
.sfondo-s06 img { display: block; width: 100%; height: auto; }
.etichetta-s06 { color: rgb(239,236,233); letter-spacing: .06em; }
.filo-s06 { height: 1px; background: rgba(212,187,162,0.55); }
.titolo-s06 { color: rgb(239,236,233); }
.titolo-s06 i { color: rgb(212,187,162); font-style: italic; font-weight: 400; }
.menta-riga { color: #eef0ea; }
.menta-s06 { color: rgb(212,187,162); letter-spacing: .06em; }
.disco-s06 { height: calc(82 * var(--u)); border-radius: 50%; background: rgba(212,187,162,0.16); box-shadow: inset 0 0 0 1px rgba(214, 206, 170, .12); display: grid; place-items: center; }
.disco-s06 svg { width: 50%; height: auto; fill: none; stroke: rgb(239,236,233); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.disciplina-s06 { margin: 0; color: rgb(239,236,233); letter-spacing: -.03em; }
.testo-s06 { color: #d5dad4; margin: 0; letter-spacing: .01em; }
.divisore-s06 { width: 1px !important; height: calc(var(--h) * var(--u)); background: rgba(212,187,162,0.45); }
.linea-s06 { height: 1px; background: rgba(212,187,162,0.38); }
.processo-s06 { list-style: none; margin: 0; padding: 0; }
.puntino-s06 { height: calc(5 * var(--u)); border-radius: 50%; background: #b2b396; list-style: none; }
.passo-s06 { list-style: none; text-align: center; }
.cerchio-s06 { display: grid; place-items: center; width: calc(46 * var(--u)); height: calc(46 * var(--u)); margin: 0 auto;
  transform: translateX(calc(var(--dx) * var(--u)));
  border-radius: 50%; border: 1.3px solid rgb(212,187,162); background: rgb(74,52,44); color: rgb(239,236,233);
  font-family: var(--font-titoli); font-size: calc(19 * var(--u)); letter-spacing: 0; }
.nome-passo-s06 { display: block; margin-top: calc(6 * var(--u)); font-family: var(--font-titoli); color: rgb(239,236,233);
  font-size: calc(21.8 * var(--u)); line-height: 1.12; letter-spacing: -.03em; }
.finale-s06 { color: rgb(239,236,233); letter-spacing: -.025em; }
.cta-s06 { font-family: var(--font-titoli); font-weight: 400; background: #87412c; letter-spacing: .005em; gap: .9em;
  box-shadow: 0 0 0 1px rgba(255, 220, 200, .14) inset; }

/* A.L.I.N.E.A.(TM) in rilievo: tre righe a gradino, lettere staccate e punti ben visibili.
   Colore e ombre imitano la lettera incisa nell'intonaco del mockup. */
.alinea-s06 { margin: 0; pointer-events: none; }
.alinea-s06 span { display: block; height: calc(135 * var(--u)); margin-left: calc(var(--dx) * var(--u));
  font-family: var(--font-titoli); font-weight: 400; line-height: 1; letter-spacing: .07em;
  color: rgba(212,187,162,0.42);
  text-shadow: calc(-1 * var(--u)) calc(-1 * var(--u)) 0 rgba(235, 240, 225, .10), calc(1.5 * var(--u)) calc(1.5 * var(--u)) calc(1.5 * var(--u)) rgba(0, 0, 0, .40); }
.alinea-s06 sup { font-size: .2em; vertical-align: top; position: relative; top: .3em; letter-spacing: 0; margin-left: -.32em; }
.ramo-s06 { height: auto; pointer-events: none; }
/* nel mockup il testo parte a 31 px dal bordo e l'icona sta a 30 px dal bordo destro */
.cta-s06 { justify-content: space-between; padding: 0 calc(30 * var(--u)) 0 calc(31 * var(--u)); }