/* Estilização específica Aura Logo */
.aura-logo {
  font-weight: 200;
  letter-spacing: 0.8em;
  font-size: 3.5rem;
  line-height: 1;
}
.camburi-subtitle {
  letter-spacing: 0.5em;
  font-size: 0.8rem;
  margin-top: -5px;
}

/* Progresso */
.progress-bar-bg { background: #f3f4f6; height: 10px; border-radius: 5px; width: 100%; position: relative; }
.progress-fill { background: #d1d5db; height: 100%; border-radius: 5px; transition: width 1.5s ease-in-out; }
.progress-fill.active { background: #7b7672; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.reveal { opacity: 0; transform: translateY(20px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Estilo para itens do carrossel */
.carousel-item {
  position: relative;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  filter: blur(2px);
  opacity: 0.6;
  transform: scale(0.95);
  overflow: hidden;
}
.carousel-item.active {
  filter: blur(0);
  opacity: 1;
  transform: scale(1);
}

/* Transição Suave para a imagem */
.carousel-item img {
  transition: transform 1.2s cubic-bezier(0.2, 0, 0.2, 1);
}

/* Container do carrossel para garantir o alinhamento 20/60/20 */
.carousel-container {
  padding-left: 20vw;
  padding-right: 20vw;
  scroll-padding: 0 20vw;
}