/* Fascia "statistiche" (blocco pagina, vedi nma_render_statistiche_block()
   in includes/blocks.php): numero variabile di voci numero+descrizione su
   fascia --colore-sfondo-nero.
   Non e' un blocco riusabile multi-pagina come strip (strip.css),
   resta specifica di questa sezione. */
.statistiche {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background-color: var(--colore-sfondo-nero);
	padding: 64px 24px;
}

/* justify-content:space-between su una riga flex mette il primo figlio
   tutto a sinistra, l'ultimo tutto a destra, e distribuisce quelli in
   mezzo con spazi uguali fra loro - esattamente il layout richiesto senza
   dover contare quante voci ci sono. */
.statistiche__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	max-width: var(--wide-size);
	margin: 0 auto;
}

.statistica-item {
	flex: 0 1 auto;
	text-align: center;
}

.statistica-item__valore {
	color: var(--color-primario);
	font-size: var(--font-size-titolo);
	font-weight: 900;
	margin: 0 0 8px;
}

.statistica-item__nome {
	color: var(--color-bianco);
	font-size: var(--font-size-testo);
	margin: 0;
}

@media (max-width: 767.98px) {
	.statistiche__row {
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}
}