/* MAHG: catálogo de pedras da home, somente no formato de grade.
   Mantém os gutters de 15px do tema e não altera os carrosséis. */
.js-section-banner.js-home-banner[data-format="grid"] {
  --mahg-stone-columns: 2;
}

.js-section-banner.js-home-banner[data-format="grid"] .js-banner-row > .banner-container {
  flex: 0 0 calc(100% / var(--mahg-stone-columns));
  max-width: calc(100% / var(--mahg-stone-columns));
  min-width: 0;
}

.js-section-banner.js-home-banner[data-format="grid"] .textbanner-image {
  aspect-ratio: 1 / 1;
  padding-top: 0;
}

/* Exibe a arte inteira, inclusive o nome incorporado à imagem.
   Desativa o zoom do tema para não cortar o texto ao passar o mouse. */
.js-section-banner.js-home-banner[data-format="grid"] .textbanner-image > .textbanner-image-effect {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
}

@media (min-width: 768px) {
  .js-section-banner.js-home-banner[data-format="grid"] {
    --mahg-stone-columns: 3;
  }
}

@media (min-width: 1024px) {
  .js-section-banner.js-home-banner[data-format="grid"] {
    --mahg-stone-columns: 6;
  }
}