/* container do slider */
.portfolio-imagens-grid-5col {
  overflow: visible; /* deixa crescer para cima e para baixo */
  position: relative;
  z-index: 1;
}

/* wrapper que segura o carrossel */
.track-wrapper {
  overflow: hidden; /* corta só nas laterais */
  width: 100%;
  position: relative;
}

/* faixa */
.track {
  display: flex;
  align-items: center;
  gap: 120px;
  will-change: transform;
  transition: transform 0.6s ease;
}

/* base das imagens */
.track img {
  flex: 0 0 var(--itemW, 160px);
  width: var(--itemW, 160px);
  height: var(--itemH, 120px);
  object-fit: cover;      /* miniaturas cortadas p/ ficarem iguais */
  border-radius: 10px;
  opacity: 0.28;
  transform: none;
  transition: all .45s ease;
  filter: saturate(0.85);
}

/* vizinhos */
.track img.visible {
  opacity: 0.6;
}

/* ativo: remove altura fixa e deixa proporcional */
.track img.active {
  opacity: 1;
  width: auto;            /* libera largura */
  height: auto;           /* libera altura */
  max-width: 280px;       /* controla tamanho máximo */
  max-height: 290px;      /* controla altura máxima */
  object-fit: contain;    /* mostra a imagem inteira */
  z-index: 10;
  position: relative;
}

.portfolio-imagens-grid-5col.slide-invertido {
  margin-top: -160px; /* ajuste fino aqui */
}
