/* ═══════════════════════════════════════
   NUMERI — nastro continuo
   I sette numeri in fila su una riga sola che
   scorre da destra a sinistra senza sosta.
   La meccanica del nastro sta in animations.css
   (.nastro / .nastro-traccia / .nastro-gruppo)
   e in js/nastro.js.
═══════════════════════════════════════ */

/* Sezione numeri: il nastro arriva ai bordi della finestra, quindi la
   sezione non ha padding orizzontale. Il rientro di 40px, che tutte le
   altre sezioni hanno come padding, qui ce l'ha solo il badge. */
.numbers-seq-section {
  padding: 56px 0 60px;
  position: relative;
  background: var(--accent);   /* stesso fondo verde della sezione Clienti */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Su fondo verde la label si inverte: fondino chiaro, testo scuro */
.numbers-seq-section .section-label {
  background: var(--bg);
  margin-left: 40px;
  margin-bottom: 24px;
}

/* Ogni voce del nastro: il numero e, sotto, che cosa conta.
   Il margine destro e' anche lo stacco fra l'ultima voce di una copia
   e la prima della successiva, quindi la spaziatura resta uniforme
   anche nel punto in cui il ciclo si richiude. */
.num-voce {
  flex: none;
  text-align: center;
  margin-right: 250px;
}

.num-slide-val {
  font-family: 'Futura LT Pro', sans-serif;
  font-size: 150px;
  font-weight: 700;
  line-height: 1;
  color: var(--dark);
  letter-spacing: 0;
  font-variant-numeric: proportional-nums; /* il "1" occupa solo la larghezza reale del suo glifo */
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
}

.num-slide-unit {
  font-size: 80px;
  font-weight: 300;
}

.num-slide-unit--pre {
  font-size: 80px;
  font-weight: 300;
}

/* Correzione ottica: il glifo "1" ha corpo stretto ma spazio fisso —
   letter-spacing negativo solo sul carattere "1" compensa il gap visivo */
/* Kerning per singola cifra — regola ogni valore in modo indipendente */
.num-slide-val .d0 { letter-spacing: 0; }
.num-slide-val .d1 { letter-spacing: -0.15em; }
.num-slide-val .d2 { letter-spacing: 0; }
.num-slide-val .d3 { letter-spacing: -0.06em; }
.num-slide-val .d4 { letter-spacing: 0; }
.num-slide-val .d5 { letter-spacing: -0.06em; }
.num-slide-val .d5-51 { letter-spacing: -0.12em; } /* il "5" di 51.000 — regola indipendente */
.num-slide-val .d6 { letter-spacing: 0; }
.num-slide-val .d7 { letter-spacing: 0; }
.num-slide-val .d8 { letter-spacing: 0; }
.num-slide-val .d9 { letter-spacing: 0; }

.num-slide-lbl {
  font-size: 15px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #4a4a4a;   /* 7,5:1 sul verde: il #999 di prima stava a 2,4:1 */
  margin-top: 20px;
}