/* ====================================
   ESTILOS PREMIUM - ANIMAÇÕES
   ==================================== */

/* HOME HERO ANIMATIONS */
@@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* NAVBAR ANIMATIONS */
@@keyframes pulse-urgency-nav {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}

/* FOOTER ANIMATIONS */
@@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@@keyframes float-badge {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(3deg); }
}

/* MEDIA QUERIES */
@@media (max-width: 768px) {
    .hero-headline {
        font-size: 1.8rem;
    }

    .hero-subheadline {
        font-size: 1.1rem;
    }

    .hero-benefits {
        grid-template-columns: 1fr;
    }

    .value-cards {
        grid-template-columns: 1fr;
    }

    .advantage-list {
        grid-template-columns: 1fr;
    }

    .testimonials-heading h2 {
        font-size: 1.6rem;
    }

    .testimonial-card {
        padding: 20px;
    }

    .client-avatar {
        width: 60px;
        height: 60px;
    }

    .footer-links {
        margin-top: 30px;
    }

    .social-footer {
        justify-content: center;
    }

    .trust-badges {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .input-group {
        flex-direction: column;
    }

    .newsletter-input {
        border-radius: 50px;
    }

    .btn-newsletter {
        border-radius: 50px;
        width: 100%;
    }

    .cta-title {
        font-size: 1.8rem;
    }

    .cta-subtitle {
        font-size: 1rem;
    }

    .footer-module {
        padding: 50px 0;
    }

    .about-premium .section-heading h2 {
        font-size: 1.6rem;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-badge {
        position: static;
        margin-top: 20px;
    }
}