/* -----------------------------------------
   Animações — Club du Français
   Arquivo separado e não-destrutivo: não
   sobrescreve estilos existentes, apenas
   adiciona comportamento de entrada/hover.
----------------------------------------- */

/* Scroll reveal: elementos com [data-animate] começam
   discretamente deslocados/invisíveis e são revelados
   via classe .is-visible (adicionada pelo animations.js) */
[data-animate] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-animate="fade"] {
    transform: none;
}

[data-animate].is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Delays opcionais para escalonar grupos de elementos (ex: cards lado a lado) */
[data-animate-delay="1"] { transition-delay: 0.1s; }
[data-animate-delay="2"] { transition-delay: 0.2s; }
[data-animate-delay="3"] { transition-delay: 0.3s; }
[data-animate-delay="4"] { transition-delay: 0.4s; }


/* Leve elevação nos botões ao passar o mouse */
.btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn:active {
    transform: translateY(0);
}

/* Ícones sociais/whatsapp com leve resposta ao toque/hover */
.social-block a,
.whatsapp-icon {
    transition: transform 0.2s ease;
    display: inline-block;
}

.social-block a:hover,
.whatsapp-icon:hover {
    transform: scale(1.08);
}

/* Botão voltar ao topo com transição suave de aparição */
#scroll-top {
    transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

/* Respeita a preferência de movimento reduzido do usuário:
   remove todas as animações/transições acima e mostra o
   conteúdo imediatamente, sem deslocamento. */
@media (prefers-reduced-motion: reduce) {
    [data-animate] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .card-preparacoes,
    .owl-carousel .card,
    .btn,
    .social-block a,
    .whatsapp-icon,
    #scroll-top {
        transition: none !important;
        transform: none !important;
    }
}