/** Stats — nodo 1:120. Navy, padding 48/56, gap 80, cifras Rubik 64. */
.cvp-stats { background: var(--cvp-navy); color: var(--cvp-white); }

.cvp-stats__inner {
	display: flex; flex-wrap: wrap; gap: var(--cvp-sp-8);
	align-items: flex-start;
	max-width: var(--cvp-container); margin-inline: auto;
	padding: var(--cvp-sp-7) var(--cvp-gutter);
}

.cvp-stats__item { display: flex; flex-direction: column; gap: 0.75rem; }

.cvp-stats__figure {
	font-family: var(--cvp-font-display); font-weight: 700;
	font-size: var(--cvp-fs-2xl); line-height: 1; color: var(--cvp-white);
	margin: 0; white-space: nowrap;
}

.cvp-stats__rule { width: 100%; min-width: 90px; }

.cvp-stats__label {
	/* 20 desde el Figma del 18 de setiembre (era 16). En mobile sigue en 14. */
	font-size: var(--cvp-fs-md); color: var(--cvp-grey);
	margin: 0; max-width: 18ch; line-height: 1.3;
}

@media (max-width: 900px) {
	.cvp-stats__inner { gap: var(--cvp-sp-4) var(--cvp-sp-5); }
	.cvp-stats__item { flex: 1 1 40%; }
}

/* Mobile: 2x2, no una columna (nodo 148:1000). */
@media (max-width: 700px) {
	.cvp-stats__inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--cvp-sp-4) var(--cvp-sp-2);
		padding-block: var(--cvp-sp-4);
	}

	.cvp-stats__item { flex: none; min-width: 0; }

	/*
	 * El nowrap existe para que "+5.000" no se parta, pero en una columna de
	 * 160px hace que "TODO EL PAÍS" se salga de la pantalla. Los números no
	 * tienen espacios, así que dejarlo envolver no los rompe. El diseño
	 * también muestra esa cifra en dos líneas (nodo 148:1015, 102px de alto).
	 */
	.cvp-stats__figure {
		white-space: normal;
		text-wrap: balance;
		overflow-wrap: break-word;
		font-size: 1.75rem;         /* 28 en el diseño mobile, no 44 */
	}

	/* Subrayado de 60x3 y etiqueta de 14 (nodo 148:1002). */
	.cvp-stats__rule { min-width: 0; width: 60px; }

	.cvp-stats__label { font-size: var(--cvp-fs-sm); }

	.cvp-stats__item { gap: 0.5rem; }
}