/* =========================================================================
   Banners 16:9 (ex.: 1672 × 941) SEM corte — Layout2 / MaltGreen
   -------------------------------------------------------------------------
   Os slots de banner usavam object-fit: cover em proporção ~2:1, então uma
   imagem 16:9 (1672×941) perdia topo/base. Aqui o slot passa a ter a mesma
   proporção do banner (16:9) e a imagem usa contain — assim o banner aparece
   INTEIRO, sem cortar nem distorcer.
   ========================================================================= */

/* ---- HOME: carrossel principal (.swiper-poster) ---- */
.malt-green .swiper-poster,
.malt-green .swiper-poster .swiper,
.malt-green .swiper-poster .swiper-slide {
  height: auto !important;
  aspect-ratio: 1672 / 941 !important;
}
.malt-green .swiper-poster .poster-img,
.malt-green .swiper-poster .swiper-slide img,
.malt-green .swiper-poster img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* ---- PROMOÇÕES (/main/promo): card de atividade (.activity-wrap .rounded-top) ----
   O card usa inline `background: url(...); background-size: 100% auto; min-height: 7.75rem`,
   que pode cortar o topo/base do banner. Aqui a proporção do card vira 16:9 e a imagem
   passa a caber inteira (contain). */
.malt-green .activity-wrap .rounded-top {
  aspect-ratio: 1672 / 941 !important;
  min-height: 0 !important;
  height: auto !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
/* fallback para variações que usam <img>/ion-img no card de atividade */
.malt-green .activity-wrap .rounded-top ion-img,
.malt-green .activity-wrap .rounded-top img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}