/* ═══════════ 3 · NÚMEROS (HOME) ═══════════ */
#numeros {
  background: linear-gradient(var(--black, #0a0a0c), #0c0c0f);
  padding: clamp(1.5rem, 6vw, 3rem) 5rem;
}

.stats {
  display: grid;
  /* 5 Colunas na mesma linha para Desktop */
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1rem, 2vw, 2rem);
  width: 100%;
}

.stat {
  border-left: 1px solid #2a2a30;
  padding-left: clamp(0.8rem, 1.4vw, 1.8rem);
}

.stat-n,
.stat-plus {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2rem, 3.4vw, 4.2rem);
  color: var(--brand);
  line-height: 1.1;
  display: block;
  white-space: nowrap; /* Impede que o número/sufixo quebre em duas linhas */
}

.stat-plus {
  color: var(--brand, #00f0ff);
}

.stat p {
  color: var(--white-dim, #a1a1aa);
  margin-top: 0.6rem;
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  letter-spacing: 0.06em;
  line-height: 1.3;
}

/* ── BREAKPOINTS RESPONSIVOS ── */

/* Tablets / Laptops Pequenos: 3 itens no topo + 2 abaixo */
@media (max-width: 1024px) {
  .stats {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.2rem 1.5rem;
  }
}

/* Mobile intermediário: 2 colunas */
@media (max-width: 640px) {
  .stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.2rem;
  }
}

/* Mobile pequeno: 1 coluna empilhada */
@media (max-width: 420px) {
  .stats {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}