/* ============================================================
   Banner do carrossel (Layout2) em LARGURA TOTAL
   ------------------------------------------------------------
   O container do carrossel (`.swiper-poster`) fica com folga nas
   bordas por causa de padding/margem laterais (~11.5px cada lado,
   vindos das utilitárias px-3 / mx-3 conforme o skin). Zeramos
   padding E margem laterais para o banner ocupar a largura toda.
   O pai (`ion-content.main-content`) já é 100% de largura, então
   isto basta. Verificado no DOM ao vivo: o poster passa de
   left/right 12px -> 0px, largura 352 -> 375.
   ============================================================ */
.swiper-poster.px-3,
.swiper-poster {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Slides e imagem preenchem o container cheio */
.swiper-poster .swiper,
.swiper-poster .swiper-slide,
.swiper-poster .swiper-slide img,
.swiper-poster .poster-img,
.swiper-poster img {
  width: 100% !important;
  max-width: 100% !important;
}