/* =====================================================================
   stats.css — Docokids impact stats strip (.stats).

   Three large proof numbers with quiet labels, on the white field. The
   numbers carry the section (no heading needed); teal is the accent for
   proof, matching .hero-stat-number. Editorial: no cards, no boxes —
   the section hairline does the separating.

   Page-agnostic: any page can include _stats.html. Every value is a
   var(--token).
   ===================================================================== */
.stats {
  /* Un solo eje óptico IZQUIERDO para toda la página (hero, value-props,
     oferta). Se adapta a 2 o 3 stats; el peso lo cargan el tamaño serif y el
     color de las cifras, no el centrado. flex-wrap los apila en móvil. */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--space-5);
  max-width: var(--measure-content);
  margin: 0;
  text-align: left;
}
.stats__item { flex: 0 1 16rem; }
@media (max-width: 767.98px) {
  .stats { gap: var(--space-4); }
}

.stats__number {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--fs-h3);
  line-height: 1.1;
  color: var(--p-verde);
  margin-bottom: var(--space-2);
}

.stats__label {
  font-family: var(--font-sans);
  font-size: var(--fs-small);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--gris-secundario);
  margin: 0;
  max-width: 28ch;
}