/* ── Grid Duda (12 colunas) ──────────────────────────────────── */

.dmRespRow {
  width: 100%;
  box-sizing: border-box;
}

.dmRespColsWrapper {
  display: flex !important;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
}

.dmRespCol {
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 0.75%;
  padding-right: 0.75%;
  float: none;
}

.dmRespCol:first-child { padding-left: 0; padding-right: 1.5%; }
.dmRespCol:last-child  { padding-left: 1.5%; padding-right: 0; }
.dmRespCol:only-child  { padding-left: 0; padding-right: 0; }

/* ── Large (≥ 960px) ── */
.large-1  { width: 8.3333%; }
.large-2  { width: 16.6667%; }
.large-3  { width: 25%; }
.large-4  { width: 33.3333%; }
.large-5  { width: 41.6667%; }
.large-6  { width: 50%; }
.large-7  { width: 58.3333%; }
.large-8  { width: 66.6667%; }
.large-9  { width: 75%; }
.large-10 { width: 83.3333%; }
.large-11 { width: 91.6667%; }
.large-12 { width: 100%; }

/* ── Medium (768px – 959px) ── */
@media (max-width: 959px) {
  .medium-1  { width: 8.3333%; }
  .medium-2  { width: 16.6667%; }
  .medium-3  { width: 25%; }
  .medium-4  { width: 33.3333%; }
  .medium-5  { width: 41.6667%; }
  .medium-6  { width: 50%; }
  .medium-7  { width: 58.3333%; }
  .medium-8  { width: 66.6667%; }
  .medium-9  { width: 75%; }
  .medium-10 { width: 83.3333%; }
  .medium-11 { width: 91.6667%; }
  .medium-12 { width: 100%; }
}

/* mobile via JS swap — sem media query aqui */

/* Imagens responsivas dentro de colunas */
.dmRespCol img {
  max-width: 100%;
  height: auto;
  display: block;
}