/* ==========================================================
   BHC Hair® — Estilos Customizados Compartilhados
   Usado por: quismaispv.html, quis.html e páginas legais
   ========================================================== */

/* === Base === */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
}

/* === Utilitários === */
.smooth-shadow {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
}

/* === Animações da Landing Page === */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

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

/* === Animação do Quiz === */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === Barra de Progresso do Quiz === */
.progress-bar-fill {
    transition: width 0.3s ease-in-out;
}

/* === Carrossel Infinito de Depoimentos === */
@keyframes scrollLeft {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

#whatsapp-track:hover {
    animation-play-state: paused;
}