body {

  margin: 0;
  font-family: Arial, sans-serif;
}


.carousel-viewport {
  width: 100%;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  align-items: center;       /* centraliza verticalmente */
  gap: clamp(14px, 2vw, 28px);
  padding: 10px 6px;
}

.carousel-track img {
  flex-shrink: 0;
  gap: 20px;
  height: 150px;          /* altura fixa igual para todos */
  width: 100px;              /* mantém proporção */
  object-fit: contain;
  filter: grayscale(10%);
  opacity: .95;
  transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}

.carousel-track img:hover {
  transform: scale(1.1);
  filter: none;
  opacity: 1;
}

/* Ajuste para telas menores */
@media (max-width: 768px) {
  .carousel-track img {
    width: 150px;
  }
}