/* =========================================================
   Component — Stats (trajetória de conquistas)
   ========================================================= */

.stats__head {
  display: grid;
  gap: var(--space-5);
  align-items: center;
  margin-block-end: var(--space-7);
  border-block-end: 1px solid var(--border-subtle);
  padding-block-end: var(--space-6);
}

@media (min-width: 960px) {
  .stats__head {
    grid-template-columns: 1fr auto;
    gap: var(--space-8);
  }
}

.stats__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-light);
  color: var(--text-secondary);
  text-wrap: pretty;        /* preenche a largura (em vez de "balance") e evita viúva */
}

.stats__partners {
  display: inline-flex;
  align-items: center;
  gap: clamp(var(--space-5), 3vw, var(--space-8));
}

.stats__partner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;                       /* 6px entre o texto e o logo abaixo */
}

.stats__partner-label {
  font-size: 6px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--text-secondary);
}

.stats__partner-logo {
  height: 2rem; width: auto;
}

.stats__grid {
  display: grid;
  gap: var(--space-7);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  margin-block-end: var(--space-7);
}

.stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.stat__value {
  font-size: clamp(2.5rem, 4vw, 3.75rem);
  font-weight: var(--fw-semibold);
  color: var(--accent-ink);
  line-height: 1;
  letter-spacing: var(--ls-tight);
}

.stat__value sup {
  font-size: 0.55em;
  top: -0.7em;
}

.stat__label {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.stats__prose {
  display: grid;
  gap: var(--space-4);
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  max-width: none;          /* texto legal ocupa toda a largura (respeitando as margens) */
}