/* ===== GESSO RENOVAÇÃO - Estilos Personalizados ===== */

/* Personalização da Barra de Rolagem (Scrollbar) */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #8e2a2f #f3f4f6; /* brand-600 e gray-100 */
}

/* Chrome, Edge, e Safari */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #f3f4f6; /* cinza claro fundo */
}

::-webkit-scrollbar-thumb {
    background-color: #8e2a2f; /* brand-600 */
    border-radius: 20px;
    border: 3px solid #f3f4f6; /* borda para dar efeito de espaçamento */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #7f1d1d; /* brand-700 */
}

/* Estilos extras para o slide */
.slide-item {
    display: none;
    transition: opacity 0.5s ease-in-out;
}
.slide-item.active {
    display: block;
    animation: fadeIn 0.5s;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Efeito "Placa sendo colocada" (Scroll Reveal) */
.reveal {
    opacity: 0;
    transform: translateY(50px); /* Começa 50px para baixo */
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); /* Movimento suave */
}
.reveal.active {
    opacity: 1;
    transform: translateY(0); /* Vai para o lugar original */
}

/* Botão flutuante WhatsApp - pulse suave e acessível */
.whatsapp-float {
    animation: whatsapp-pulse 2.5s ease-in-out infinite;
}
.whatsapp-float:hover {
    animation: none;
    transform: scale(1.1);
}
@media (prefers-reduced-motion: reduce) {
    .whatsapp-float {
        animation: none;
    }
}
@keyframes whatsapp-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); }
    50% { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); }
}