.marcas-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
}

.marcas-grid {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
  max-width: 1200px;
}

/* Distribución equitativa para que ocupen el ancho completo */
.marcas-grid img {
  object-fit: contain;
  transition: transform 0.3s ease;
}

/* Altura base para los dos primeros logos */
.logo-standard {
  height: 60px;
  width: auto;
}

/* Altura mayor compensada para Growatt (ajusta si es necesario) */
.logo-growatt {
  height: 135px; 
  width: auto;
}

/* Altura mayor compensada para Must (ajusta si es necesario) */
.logo-must {
  height: 135px; 
  width: auto;
}

/* Ajuste para dispositivos móviles */
@media (max-width: 640px) {
  .marcas-grid {
    gap: 1.5rem;
  }
  .logo-standard {
    height: 40px;
  }
  .logo-growatt, .logo-must {
    height: 60px;
  }
}