/* Animação do Letreiro (Ticker) de Avisos */
.ticker-container {
    width: 100%;
    overflow: hidden;
    background-color: #EC1F26;
    color: #FCFAF9;
    padding: 8px 0;
    display: flex;
    white-space: nowrap;
}

.ticker-track {
    display: inline-flex;
    animation: ticker 25s linear infinite;
}

.ticker-container:hover .ticker-track {
    animation-play-state: paused;
}

@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.ticker-text {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0 2rem;
    letter-spacing: 0.025em;
}

/* Animação de Entrada ao Rolar (Scroll Reveal) */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, visibility;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
}

/* Efeito de Vidro (Glassmorphism) para o Cabeçalho */
.glass {
    background: rgba(252, 250, 249, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* Animação de Pulsação Suave do Botão WhatsApp */
.pulse-btn {
    animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Ajuste para evitar sobreposição do WhatsApp flutuante em dispositivos móveis */
@media (max-width: 768px) {
    footer {
        padding-bottom: 96px !important;
    }
}