@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;

    src: url(../fonts/font.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/* @font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url(../fonts/material-symbols-outlined.af4009ce.woff2) format(" woff2");
} */


* {
    font-family: 'Nunito Sans', sans-serif !important;
    text-decoration: none;
    list-style: none;
}

.reactEasyCrop_CropArea {
    box-shadow: none !important;
}

:root {
    --cor_tooMe: #dc4a03;
    --cor_tooMe_2: #2b7b76;
    --cor_tooMe_3: #d24702;
    --responsivo_max_width: 760px;
    --responsivo_padding: 20px;
    /* 38b5b0 */
    --mobile_background_nav_mural_filter_home_page: white;
    --mobile_color_nav_mural_filter_home_page: #dc4a03;
    --mobile_background_nav_home_page: #dc4a03;
    /* --mobile_background_nav_home_page: white; */
    /* --mobile_background_top_bar_home_page: #B13C02; */
    --mobile_background_top_bar_home_page: transparent;
    --mobile_font_color_nav_home_page: #fff;
    /* --mobile_font_color_nav_home_page: #000; */

    --fonte_titulo_h: clamp(1.5rem, 2vw, 2.0rem);
    --fonte_titulo_p: clamp(1.1rem, 1.3vw, 1.2rem);

}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: 0 0
}

::-webkit-scrollbar-track {
    background-color: transparent
}

/*PC*/
@media only screen and (min-width:800px) {
    :root {
        scrollbar-color: #d2d2d2 whitesmoke !important;
    }

    .container_geral_minha_lista {
        .pop_up_input_list {
            bottom: 50% !important;
            left: 50% !important;
            transform: translate(-50%, 50%) !important;
            border-radius: 5px !important;
        }

        #linha_divisao {
            border: none !important;
        }
    }

    .pull-to-refresh {
        opacity: 0;
    }

    /* PAGINA MERCADOS */
    .container_geral_pagina_mercado {
        .container_pc_carrossel {
            .container_geral_carrossel_componente {
                height: calc(var(--responsivo_max_width)/2) !important;
            }
        }
    }
}

.GLOBAL_PC_MOUSE_HOVER {
    cursor: pointer;
    transition: all ease-in .1s;
    user-select: none;

    &:hover {
        opacity: .9;
        box-shadow: 0px 0px 2px 2px #00000014;
    }
}


/* --- Animação --- */
@keyframes fadeInUpSection {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.ShowFadeInUpSection {
    animation: fadeInUpSection 1s ease forwards;
}

/* --- Animação --- */
@keyframes fadeLeftRightSection {
    from {
        transform: translateX(-200px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.ShowFadeLeftRightSection {
    animation: fadeLeftRightSection 1s ease-in-out forwards;
}

/* --- Animação --- */
@keyframes fadeRightLeftSection {
    from {
        transform: translateX(200px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.ShowFadeRightLeftSection {
    animation: fadeRightLeftSection 1s ease-in-out forwards;
}