/* === Mini-banner 3-column layout fix === */

.row-fluid.banner.mini-banner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  overflow: hidden !important;
  gap: 10px !important; /* adjust margin between banners here */
}

.row-fluid.banner.mini-banner .modulo.fullminibanner {
  flex: 1 1 0% !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  /* Override FlexSlider's position/transform injected by JS */
  position: static !important;
  left: auto !important;
  transform: none !important;
}

.row-fluid.banner.mini-banner .modulo.fullminibanner .flexslider {
  width: 100% !important;
  min-width: 0 !important;
}

.row-fluid.banner.mini-banner .modulo.fullminibanner .flexslider ul.slides,
.row-fluid.banner.mini-banner .modulo.fullminibanner .flexslider li {
  width: 100% !important;
}

.row-fluid.banner.mini-banner .modulo.fullminibanner .flexslider img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* === Mobile: empilhar banners verticalmente === */
@media (max-width: 767px) {
  .row-fluid.banner.mini-banner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  .row-fluid.banner.mini-banner .modulo.fullminibanner {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0px 0px 10px;
  }
}

.conteudo img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}

.row-fluid.banner.cheio .flexslider {
  width: 100% !important;
  min-width: 0px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  left: 0px !important;
}
.row-fluid.banner.cheio .flexslider ul.slides,
.row-fluid.banner.cheio .flexslider li {
  width: 100% !important;
}
.row-fluid.banner.cheio .flexslider img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.secao-banners .conteiner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row-fluid.banner.mini-banner::before,
.row-fluid.banner.mini-banner::after {
  display: none !important;
}