@font-face {
    font-family: 'CameraPlainVariable';
    src: url('https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: #020617 !important;
    color: white;
}

.bg-slate-900 {
    background-color: #0f172a !important;
}

.bg-gradient-cta {
    background: linear-gradient(135deg, #FE7B02 0%, #FE3F21 50%, #F858BC 100%);
}

.shadow-glow {
    box-shadow: 0 0 25px rgba(254, 123, 2, 0.4);
}

/* --- ANIMAÇÕES DE LOOPING (MARQUEE) --- */
@keyframes marquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

.animate-marquee {
    display: flex !important;
    width: max-content !important;
    animation: marquee 30s linear infinite;
}

.animate-marquee-logos {
    display: flex !important;
    width: max-content !important;
    animation: marquee 40s linear infinite;
}

.animate-marquee-logos:hover {
    animation-play-state: paused;
}

/* --- ANIMAÇÃO DO BOTÃO (PULSE) --- */
@keyframes pulse-glow {
    0%, 100% { transform: scale(1); filter: brightness(1); box-shadow: 0 0 15px rgba(254, 123, 2, 0.4); }
    50% { transform: scale(1.03); filter: brightness(1.1); box-shadow: 0 0 35px rgba(254, 123, 2, 0.6); }
}

.animate-pulse-glow {
    animation: pulse-glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

/* --- AJUSTES MOBILE --- */
@media (max-width: 640px) {
    .animate-marquee {
        animation-duration: 20s;
    }
}