/* Personalização das setas */
.slick-prev,
.slick-next {
  font-size: 24px;
  color: var(--verde-claro);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}

/* Ajustando posição das setas */
.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

/* Personalização das bolinhas de navegação */
.slick-dots {
  text-align: center;
  margin-top: 15px;
  bottom: -50px !important;
}

.slick-dots li button:before {
  font-size: 12px;
  color: var(--verde-claro);
}

/* Evita que os slides fiquem desalinhados */
.slick-list {
  overflow: hidden;
}

/* Garante que cada slide ocupe o espaço correto */
.slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: auto !important;
}

.slick-slide img {
  width: 100%; /* ou defina um tamanho fixo, ex: 200px */
  height: 150px; /* Defina uma altura fixa */
  object-fit: contain; /* Garante que a imagem se encaixe sem cortar */
}