.archivo {
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.archivo-black {
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}


:root {
    --vermelho: #D42D16;
    --vermelho-2: #db4834;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Archivo", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 500 !important;
    font-style: normal !important;
    background-color: #ffffff !important;
}

/* ============================================================================ */
/* ================================== GERAL =================================== */
/* ============================================================================ */
.fundo {
    background-position: center !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-cta {
    background: linear-gradient(45deg, var(--vermelho-2), var(--vermelho), var(--vermelho-2), var(--vermelho));
    background-size: 400% 200%;
    transition: background 1.5s cubic-bezier(0.5, 0.1, 0.4, 0.9);
    animation: 3.5s ease-in infinite brilho;
    box-shadow: 0px 0px 19px 0px var(--vermelho);
}

@keyframes brilho {
    0% {
        background-position: 0 0;
    }

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

.img-error {
    width: 100%;
    height: auto;
    max-width: 500px;
}

/* ============================================================================ */
/* ============================ SECTION - 1 =================================== */
/* ============================================================================ */
.fundo-1 {
    /* background-image: linear-gradient(180deg, var(--vinho) 0, #000 100%); */
    background-image: url(../img/fundos/fundo-2.webp) !important;
    background-position: left !important;
    height: 100vh !important;
}

.btn-forms {
    background: linear-gradient(45deg, var(--vermelho-2), var(--vermelho), var(--vermelho-2), var(--vermelho));
    background-size: 400% 200%;
    border: 0px !important;
    box-shadow: 0px 0px 19px 0px var(--vermelho);
}