@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@500;600&family=Poppins:wght@600;700&display=swap');

html,
body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
    color: #e5e7eb;
    /* tom claro se o fundo for escuro */
    background-color: #0f1115;
    /* opcional, fundo escuro e elegante */
}

/* Títulos principais (H1, seções, hero) */
h1,
h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #ffffff;
}

/* Subtítulos, seções secundárias */
h3,
h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #cfd2d6;
}

/* Parágrafos e textos corridos */
p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.7;
    color: #d1d5db;
}


@keyframes gradient-move {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.btn-gradient-animate {
    background-size: 200% 200%;
    /* necessário para movimento suave */
    animation: gradient-move 6s ease infinite;
}