/* =========================================================
   ANIMAÇÃO SIMPLES (Scroll-to-Reveal)
   Salve este como 'animation-styles.css'
   ========================================================= */

/* 1. Estado inicial: 
  - Escondido (opacity: 0)
  - Ligeiramente "abaixo" (translateY(20px))
*/
.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  /* A transição que faz a mágica */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform; /* Otimização de performance */
}

/* 2. Estado final (quando a classe 'is-visible' é adicionada via JS):
  - Visível (opacity: 1)
  - Na posição original (translateY(0))
*/
.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 3. (Opcional) Adiciona um atraso escalonado para 
     itens dentro de um container animado.
     Ex: Os 3 cards de serviço aparecem um após o outro.
*/
.animate-on-scroll.is-visible > [class*="col-"]:nth-child(1),
.animate-on-scroll.is-visible .card:nth-child(1),
.animate-on-scroll.is-visible .gallery-item:nth-child(1),
.animate-on-scroll.is-visible .accordion-item:nth-child(1) {
    transition-delay: 0.1s;
}
.animate-on-scroll.is-visible > [class*="col-"]:nth-child(2),
.animate-on-scroll.is-visible .card:nth-child(2),
.animate-on-scroll.is-visible .gallery-item:nth-child(2),
.animate-on-scroll.is-visible .accordion-item:nth-child(2) {
    transition-delay: 0.2s;
}
.animate-on-scroll.is-visible > [class*="col-"]:nth-child(3),
.animate-on-scroll.is-visible .card:nth-child(3),
.animate-on-scroll.is-visible .gallery-item:nth-child(3),
.animate-on-scroll.is-visible .accordion-item:nth-child(3) {
    transition-delay: 0.3s;
}
.animate-on-scroll.is-visible .gallery-item:nth-child(4) {
    transition-delay: 0.1s; /* Reinicia a contagem na próxima linha da galeria */
}
.animate-on-scroll.is-visible .gallery-item:nth-child(5) {
    transition-delay: 0.2s;
}
.animate-on-scroll.is-visible .gallery-item:nth-child(6) {
    transition-delay: 0.3s;
}
.animate-on-scroll.is-visible .gallery-item:nth-child(7) {
    transition-delay: 0.1s;
}
.animate-on-scroll.is-visible .gallery-item:nth-child(8) {
    transition-delay: 0.2s;
}
.animate-on-scroll.is-visible .gallery-item:nth-child(9) {
    transition-delay: 0.3s;
}