/**
 * AC | Expandable Carousel — frontend.
 * Track flex horizontal. Fechado: cards com largura igual. Quando um card está
 * ativo (.has-active no track), os demais encolhem para uma faixa estreita e o
 * ativo cresce. Transições no flex (ver também css/ac-expandable-card.css).
 */

.ac-exp-carousel {
  width: 100%;
  /* Velocidade do deslize de abrir/fechar (controle único). */
  --ac-exp-speed: 0.5s;
}

.ac-exp-carousel__track {
  display: flex;
  width: 100%;
  height: 630px;
  overflow: hidden;
}

/* Quando há um card ativo: ele trava em ~640px (imagem 240 + painel ~400, igual
 * Figma) e os DEMAIS dividem o espaço restante (flex:1). Sem isso o ativo crescia
 * pra preencher toda a faixa, deixando um branco enorme. */
.ac-exp-carousel__track.has-active > .ac-exp-card {
  flex: 1 1 0;
}
.ac-exp-carousel__track.has-active > .ac-exp-card.is-active {
  flex: 0 1 640px;
}

/* --- Mobile --- */
@media (max-width: 768px) {
  .ac-exp-carousel__track {
    height: 598px;
  }
  .ac-exp-carousel__track.has-active > .ac-exp-card.is-active {
    flex-basis: 300px;
  }
}