/**
 * AC | Stat List — Figma node 2844:11808
 * Título H3 + texto + lista com barra amarela lateral e badges numéricos.
 */

.ac-stat-list--pt-0  { padding-top: 0; }
.ac-stat-list--pt-24 { padding-top: 24px; }
.ac-stat-list--pt-32 { padding-top: 32px; }
.ac-stat-list--pt-40 { padding-top: 40px; }
.ac-stat-list--pt-48 { padding-top: 48px; }
.ac-stat-list--pt-56 { padding-top: 56px; }
.ac-stat-list--pt-80 { padding-top: 80px; }
.ac-stat-list--pb-0  { padding-bottom: 0; }
.ac-stat-list--pb-24 { padding-bottom: 24px; }
.ac-stat-list--pb-32 { padding-bottom: 32px; }
.ac-stat-list--pb-40 { padding-bottom: 40px; }
.ac-stat-list--pb-48 { padding-bottom: 48px; }
.ac-stat-list--pb-56 { padding-bottom: 56px; }
.ac-stat-list--pb-80 { padding-bottom: 80px; }

.ac-stat-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Header: título + texto com gap 8px entre eles */
.ac-stat-list__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ac-stat-list__title {
  margin: 0 !important;
  font-family: Raleway, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #033936;
}

.ac-stat-list__text {
  margin: 0 !important;
  max-width: 680px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #404040;
}

/* Texto multi-linha vira <ul><li> (render). list-style:none (número é manual, no
 * conteúdo) + hanging indent no li → a quebra alinha com o INÍCIO do texto (após
 * "N. "), não embaixo do número. Indent ~largura de "1. " (single digit). */
.ac-stat-list__text-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ac-stat-list__text-list li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}

/* Lista: barra amarela lateral 3px + padding esquerdo */
.ac-stat-list__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-left: 3px solid #F6A71C;
  padding-left: 16px;
}

/* Item: badge + label em linha */
.ac-stat-list__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* Badge: pílula cinza com número, 20px de altura mínima */
.ac-stat-list__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border: 1px solid #d9d9d9;
  border-radius: 9999px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color: #404040;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Label: texto da linha. Quebra livremente; como é um flex-item à direita do
 * badge, as linhas seguintes alinham com o INÍCIO do texto (hanging indent),
 * não embaixo do número. */
.ac-stat-list__label {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #242424;
}