/* Container principal do Swiper */
    .swiper.hs-logo-grid {
      width: 100%;
      margin: 0 auto;
      /* Remova/ajuste se quiser um max-width */
      /* max-width: 1200px; */
    }

    /* O Swiper já gera flex internamente no .swiper-wrapper */
    .swiper-wrapper {
      /* se quiser algum gap adicional, mas não é obrigatório,
         pois spaceBetween no JS já controla isso */
    }

    .swiper-slide {
      /* Cada slide - estilo adicional fica a seu critério */
      text-align: center;
    }

    /* Use a classe wrapper de cada logo */
    .hs-logo-grid__logo-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      /* Espaços e cores definidas no macro */
      
      
      

      /* Remova se não quiser altura auto */
      height: auto;
      width: 100%;
    }

    .hs-logo-grid__logo {
      max-height: ;
      width: auto;
      max-width: 100%;
      object-fit: contain;
      display: block;
    }

    /* Paginação e botões (se quiser customizar) */
    .swiper-pagination {
      margin-top: 1rem; 
    }
    .swiper-button-prev, 
    .swiper-button-next {
      color: #000; /* cor das setas de navegação */
    }

    @media (max-width: 767px) {
      /* Exemplo: se quiser algo especial no mobile */
    }
    {% end_scope_css %}
  }