/* ds-grade */
.ds-grade {
  --_colunas: 1;
  display: grid;
  grid-template-columns: repeat(var(--_colunas), minmax(0, 1fr));
  gap: var(--ds-espaco-6);
}
.ds-grade + .ds-grade { margin-top: var(--ds-espaco-8); }
@media (min-width: 640px) {
  .ds-grade--3, .ds-grade--4 { --_colunas: 2; }
}
@media (min-width: 900px) {
  .ds-grade--2 { --_colunas: 2; }
  .ds-grade--3 { --_colunas: 3; }
  .ds-grade--4 { --_colunas: 4; }
  .ds-grade--2-1 { grid-template-columns: 2fr 1fr; }
  .ds-grade--1-2 { grid-template-columns: 1fr 2fr; }
  .ds-grade--larga { gap: var(--ds-espaco-12); }
}
.ds-grade--auto { grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.ds-grade--meio { align-items: center; }
.ds-grade > * { min-width: 0; }
.ds-grade__celula > :last-child { margin-bottom: 0; }