* {
    
}

a{text-decoration: none;}

body, html{    
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 300;
    color: #000;
    background-color: #ffffff;
}

.bg_page{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contain_820{
    max-width: 820px;
    width: 100%;
}

.em_construcao{
    max-width: 250px;
    width: 100%;
    margin: 10px auto 32px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6A6B7A;
    border: 1px solid #ffffff94;
    border-radius: 30px;

    svg{margin: 3px}
    span{
        color: white;
        margin: 3px;
    }
}

.msg_preparacao{
    max-width: 330px;
    width: 100%;
    margin: 32px auto;
    padding: 10px 15px;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    font-size: clamp(16px, 4vw, 24px);
    color: white;
    font-weight: 100;
    line-height: 2;

    span{
        color: #FFC000;
        font-weight: bold;
    }
}

.area_contato{
    border-radius: 50rem !important;
    /*background-color: #6A6B7A;*/
    background-color: #6a6b7aa8;
    border: 1px solid #ffffff94;
    min-height: 134px;
    padding: 15px 20px;
    margin-bottom: 25px;

    .span{
        color: white;
        font-size: clamp(16px, 4vw, 18px);
        padding: 5px;
        max-width: 375px;
        width: 100%;
    }

    .btn_contato{
        max-width: 320px;
        margin: 10px auto;
        width: 100%;
        background-color: #FFC000;
        border-radius: 50rem !important;
        color: #14152A;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 48px;
        padding: 10px 20px;
    }
}

.redes_sociais{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    .item_rede_social{
        margin-left: 20px;
        margin-bottom: 10px;
        color: white;
        font-size: clamp(16px, 4vw, 20px);

        max-width: max-content;
        width: 100%;
        white-space: nowrap;

        span{
            margin-left: 5px;
        }
    }
}

@media screen and (max-width: 1100px){}

@media screen and (max-width: 991px){}

@media screen and (max-width: 575px){

    .msg_preparacao{
        margin: 15px auto;
        padding: 10px 15px;
        text-align: center;
        /*font-size: clamp(16px, 4vw, 24px);*/
    }

    .area_contato{

        .span{
            font-size: clamp(12px, 4vw, 14px);
        }

    }

}