.br-carousel {
    min-height: 100px !important;
    max-height: 200px !important;
}

/* Banner 962x154: mantém proporção e preenche responsivamente */
.br-carousel.banner-962x154 {
  aspect-ratio: 962 / 154;
  width: 100%;
  min-height: 0 !important;
  max-height: none !important;
  height: auto;
  position: relative;
}

/* Banner 1280x330: mantém proporção e preenche responsivamente */
.br-carousel.banner-1280x330 {
  aspect-ratio: 1280 / 330;
  width: 100%;
  min-height: 0 !important;
  max-height: none !important;
  height: auto;
  position: relative;
}

.br-carousel.banner-1280x330 .carousel-stage,
.br-carousel.banner-1280x330 .carousel-page,
.br-carousel.banner-1280x330 .carousel-content {
  height: 100%;
}

.br-carousel.banner-1280x330 .carousel-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block; /* evita gap de baseline */
}

/* ...existing code... */

.banner-full .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .banner-full [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Largura total do carrossel e imagem */
  .banner-full .br-carousel,
  .banner-full .carousel-stage,
  .banner-full .carousel-content {
    width: 100%;
  }
  .banner-full .carousel-content img {
    display: block;
    width: 100%;
    height: 360px; /* ajuste fino da altura desejada */
    object-fit: cover; /* corta sem distorcer */
  }

/* Mobile: banner menor mantendo a proporção 1280x330 */
@media (max-width: 576px) {
  .br-carousel.banner-1280x330 {
    width: 100%;
    height: auto;
    aspect-ratio: 1280 / 330; /* mantém proporção */
    min-height: 0 !important;
    padding: 0 !important;
  }
  /* Opcional: esconde a paginação para reduzir altura total no mobile */
  .br-carousel.banner-1280x330 .carousel-step {
    display: none;
  }
}

/* Fallback para navegadores sem suporte a aspect-ratio */
@supports not (aspect-ratio: 1) {
  .br-carousel.banner-1280x330 {
    width: 100%;
    height: calc(100vw * (330 / 1280));
  }
}