/**
 * AC | Pessoas (da view) — grade de cards de pessoa vinda de uma View.
 * Espelha o grid do ac-card-grid; o card em si reusa `.ac-person-card*`
 * (css/ac-person-carousel.css), por isso aqui só neutralizamos o que veio do
 * carrossel (width fixo 250px + margin-left entre cards).
 */

.ac-person-list {
  display: grid;
  gap: 24px;
  align-items: stretch;
}
.ac-person-list--cols-2 { grid-template-columns: repeat(2, 1fr); }
.ac-person-list--cols-3 { grid-template-columns: repeat(3, 1fr); }
.ac-person-list--cols-4 { grid-template-columns: repeat(4, 1fr); }

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

/* O person-card foi feito pro carrossel (250px fixo + margin entre cards);
 * na grade ele preenche a célula. */
.ac-person-list > .ac-person-card {
  width: 100%;
  min-width: 0;
  margin-left: 0;
}

/* Nota de prévia (só no editor; no front o template não emite). */
.ac-person-list__ph-note {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #808080;
}

@media (max-width: 768px) {
  .ac-person-list {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}