/* Suavização de rolagem */
html {
  scroll-behavior: smooth;
}

/* Efeito de hover nas imagens do portfólio */
.portfolio-item:hover .portfolio-overlay {
  opacity: 1;
}
.portfolio-item:hover img {
  transform: scale(1.05);
}

/* Animação fade-in simples */
.fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.delay-100 {
  animation-delay: 0.1s;
}
.delay-200 {
  animation-delay: 0.2s;
}
.delay-300 {
  animation-delay: 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: scale(1); }
}

.animate-fadeIn {
    animation: fadeIn .25s ease-out;
}

.thumb {
    @apply cursor-pointer rounded-lg object-cover aspect-square opacity-70 hover:opacity-100 transition-all border-2 border-transparent;
}

.thumb.active {
    @apply opacity-100 border-black;
}