/**
 * AC | Feature Grid — grid 2 colunas dos feature-items (Figma gap 32/24).
 * Itens da mesma linha têm a mesma altura (grid) e os logos ficam no rodapé
 * (margin-top:auto no feature-item) → alinham entre as colunas.
 */
.ac-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 24px;
  align-items: stretch;
}
.ac-feature-grid--cols-1 { grid-template-columns: 1fr; gap: 16px; }
/* Padding vertical (tokens; default 0/0). */
.ac-feature-grid--pt-0  { padding-top: 0; }
.ac-feature-grid--pt-24 { padding-top: 24px; }
.ac-feature-grid--pt-32 { padding-top: 32px; }
.ac-feature-grid--pt-40 { padding-top: 40px; }
.ac-feature-grid--pt-48 { padding-top: 48px; }
.ac-feature-grid--pt-56 { padding-top: 56px; }
.ac-feature-grid--pt-80 { padding-top: 80px; }
.ac-feature-grid--pb-0  { padding-bottom: 0; }
.ac-feature-grid--pb-24 { padding-bottom: 24px; }
.ac-feature-grid--pb-32 { padding-bottom: 32px; }
.ac-feature-grid--pb-40 { padding-bottom: 40px; }
.ac-feature-grid--pb-48 { padding-bottom: 48px; }
.ac-feature-grid--pb-56 { padding-bottom: 56px; }
.ac-feature-grid--pb-80 { padding-bottom: 80px; }
.ac-feature-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.ac-feature-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.ac-feature-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.ac-feature-grid > .ac-feature-item { height: 100%; }
/* Icon-top: altura hug (DS) — não estica junto com a linha do grid. */
.ac-feature-grid > .ac-feature-item--icon-top { height: auto; align-self: start; }

@media (max-width: 768px) {
  .ac-feature-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  /* cols-1 mantém o gap de 16px no mobile (não herda o 32px do stack genérico). */
  .ac-feature-grid--cols-1 { gap: 16px; }
}