.elementor-754 .elementor-element.elementor-element-0bc0a83{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-0bc0a83.e-con{--align-self:stretch;}/* Start custom CSS for container, class: .elementor-element-0bc0a83 *//* Container geral das logos */
.logos-container {
  display: flex;
  flex-wrap: wrap; /* quebra em múltiplas linhas se necessário */
  justify-content: center;
  align-items: center;
  gap: 30px; /* espaçamento entre as logos */
  padding: 20px 0;
}

/* Cada logo */
.logos-container img {
  height: 80px; /* define uma altura padrão */
  width: auto; /* mantém proporção original */
  object-fit: contain; /* garante que a logo não distorça */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  filter: grayscale(0%); /* opcional: remove tons de cinza */
}

/* Efeito hover opcional */
.logos-container img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}/* End custom CSS */