/* ===== APOIADORES – fixo, centralizado e responsivo ===== */

.apoiadores {
  padding: 40px 0 48px;
}

.apoiadores .titulo-sec {
  margin-bottom: 20px;
  color: var(--mis-azul);
  font-size: 1.4rem;
  font-weight: 700;
}

/* faixa onde a imagem fica */
.apoiadores__faixa {
  width: 100%;
  padding: 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;              /* não cortar nada */
}

/* wrapper da imagem */
.apoiadores__logos {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ---------- DESKTOP / NOTEBOOK ---------- */
@media (min-width: 769px){
  .apoiadores__logos img{
    max-width: none !important;
    width: auto !important;
    height: 90px !important;      /* AQUI vc aumenta/diminui no PC */
    display: block;
  }
}

/* ---------- CELULAR / TABLET ---------- */
@media (max-width: 768px){
  .apoiadores__logos img{
    width: 100% !important;       /* ocupa toda a largura */
    max-width: 520px;             /* não exagerar em telas medias */
    height: auto !important;      /* ajusta a altura sozinho */
    display: block;
    margin: 0 auto;
  }
}

/* Dark mode só garante que nada escureça a imagem */
body.dark-mode .apoiadores__faixa {
  background: transparent;
  border-color: transparent;
}
body.dark-mode .apoiadores__logos img{
  filter: none;
  opacity: 1;
}