/* =========================================================
   1) RODAPÉ (MANTER) — slider Jssor
   =======================================================*/
#slider1_container {
  position: relative;
  bottom: 0;
  left: 0;
  width: 1800px;
  height: 120px;
  overflow: hidden;
  margin: 0 auto;
}
.slides {
  cursor: move;
  position: absolute;
  left: 0;
  top: 0;
  width: 1800px;
  height: 120px;
  overflow: hidden;
}
.slides img {
  height: 120px;
  width: auto;
  max-width: 300px;
}
@media only screen and (min-device-width: 275px) and (max-device-width: 667px) {
  .slides img {
    max-height: 110px;
    max-width: 260px;
  }
  #slider1_container {
    width: 1000px;
    height: 110px;
  }
  .slides {
    width: 1000px;
    height: 110px;
  }
}

/* =========================================================
   2) BASE — 1 banner por zona (anti-CLS)
   =======================================================*/
.parceiros {
  display: block;
  inline-size: 100%;
}
.parceiros .parceiro {
  display: block;
  line-height: 0;
}
.parceiros img.img-fluid {
  display: block;
  inline-size: 100%;
  height: auto;
}

/* =========================================================
   3) ZONAS — aspect-ratio no WRAPPER
   =======================================================*/

/* rotativo_top — desktop apenas: 1260 × 117 (≈ 10.77:1) */
.parceiros.rotativo_top {
  aspect-ratio: 1260 / 117;
  max-width: 1260px;
  margin-inline: auto;
}

/* rotativo_top_mobile — mobile apenas: 700 × 140 (5:1)
   (no seu teste 382 × 76.4 mantém a mesma proporção) */
.parceiros.rotativo_top_mobile {
  aspect-ratio: 700 / 140;
  margin-inline: auto;
}

/* in_content — aparece em mobile e desktop: 602 × 341 (≈ 1.765:1) */
.parceiros.in_content {
  width: 100%;
  max-width: 602px;
  aspect-ratio: 602 / 341;
  margin-inline: auto;
}

/* home_featured — mobile e desktop: 650 × 60 (≈ 10.83:1) */
.parceiros.home_featured {
  width: 100%;
  max-width: 650px; /* opcional, remove se ocupar 100% do container */
  aspect-ratio: 650 / 300;
  margin-inline: auto;
}

/* rotativo_gif — mobile e desktop: 380 × 100 (3.8:1) */
.parceiros.rotativo_gif {
  aspect-ratio: 380 / 100;
  max-width: 380px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-inline: auto;
  border: 1px solid #ccc; /* se quiser a moldura */
  box-sizing: border-box; /* inclui a borda no cálculo total */
}

/* sidebar — ajuste se usar 300×250, aqui 320×250 como padrão seguro */
.parceiros.sidebar {
  aspect-ratio: 320 / 250;
  max-width: 320px;
  margin-inline: auto;
}