/* Estilos personalizados para o site Industrial Easy.
  A maior parte do estilo é feita com classes do Tailwind CSS diretamente no HTML.
  Este ficheiro é para estilos mais complexos ou globais que não são facilmente
  representados com as classes de utilitário do Tailwind.
*/

/* Estilo para a animação de fade-in dos elementos ao rolar a página */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Classe adicionada via JavaScript quando o elemento se torna visível */
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}