@font-face {
    font-family: 'DMSans';
    src: url('../fontes/DMSans/DMSans.woff2') format('woff2'),
        url('../fontes/DMSans/DMSans.woff') format('woff'),
        url('../fontes/DMSans/DMSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans-Bold';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.fw-bold {
    font-family: 'DMSans-Bold' !important;
    font-weight: 800 !important;
}

.font-1 {
    font-family: 'DMSans' !important;
}

:root {
    --green: #4FFF51;
    --red: #F20D0D;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'DMSans' !important;
    background-color: #000000 !important;
}

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

.fundo-1 {
    background-image: url(../img/fundos/fundo-1.webp) !important;
    background-color: rgb(0, 0, 0);
    /* esbranquiça a imagem */
    background-position: left !important;
}

.esconder {
    display: none !important;
}

/* ============================================================================ */
/* ============================== SECTION 1 =================================== */
/* ============================================================================ */

.btn-cta {
    background: linear-gradient(45deg, #4FFF51, #459E20, #4FFF51, #459E20);
    background-size: 400% 200%;
    transition: background 1.5s cubic-bezier(0.5, 0.1, 0.4, 0.9);
    box-shadow: 0px 0px 19px 0px #0ABD23;
    border: 0px !important;
}

/* ============================================================================ */
/* ============================== SECTION 2 =================================== */
/* ============================================================================ */
.cor-red {
    color: var(--red) !important;
}

/* ============================================================================ */
/* ============================== SECTION 3 =================================== */
/* ============================================================================ */
.box-vidro {
    margin: 40px auto;
    padding: 30px;
    border-radius: 20px;
    background: linear-gradient(to bottom, rgba(200, 200, 200, 0.2), rgba(0, 0, 0, 0.6));
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.cor-green {
    color: var(--green) !important;
}

.fundo-2 {
    background-color: #171717 !important;
}