<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@font-face {
    font-family: 'RobotoRegular';
    font-display: block;
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'bigNoodleTitling';
    font-display: block;
    src: url('../fonts/big_noodle/big_noodle_titling.ttf') format('truetype');
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*------------ página inicial -----------------*/

.vertical-align {
    display: flex;
    align-items: center;
}


body {
    background-image: url(../img/BG.png) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #761816;
}

.txt {
    margin-top: 20px;
    line-height: 20px;
    text-align: center;
    font-family: 'RobotoRegular';
}

.logo, .logo-menu {
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.card-verificacao, .card-mensagem {
    margin-top: 40px;
}

    .card-verificacao .card, .card-mensagem .card {
        border-radius: 15px;
        width: 320px !important;
    }

    .card-verificacao .card {
        margin: 0 auto;
    }

    .card-verificacao .card-text {
        font-family: 'bigNoodleTitling';
        text-align: center;
        font-size: 32px;
        line-height: 30px;
        color: #4E4E4E;
    }

    .card-mensagem .card-title {
        text-align: center;
        font-size: 15px;
        color: #C82231;
        font-family: 'MarkOTBold';
    }

    .card-mensagem .card-text {
        text-align: center;
        font-size: 14px
    }

    .card-verificacao .link-nao {
        text-decoration: none;
        background-color: #F32735;
        padding: 10px 40px;
        color: white;
        font-size: 16px;
        border-radius: 30px;
        font-weight: bold;
        font-family: 'RobotoRegular';
        margin-right: 20px;
    }

    .card-verificacao .link-sim {
        text-decoration: none;
        background-color: #425CC7;
        padding: 10px 43px;
        color: white;
        font-size: 16px;
        border-radius: 30px;
        font-weight: bold;
        font-family: 'RobotoRegular';
    }

        .card-verificacao .link-sim:hover {
            background-color: #2844b8;
        }

    .card-verificacao .link-nao:hover {
        background-color: #e51523;
    }

    .card-verificacao .card-body {
        padding: 1rem 1rem 3rem 1rem !important;
    }

.btn-card {
    margin: 0 auto;
    display: table;
    padding-top: 20px;
}

.card-verificacao .card {
    background-color: #F7F3E6 !important;
}


.centraliza {
    margin: 0 auto;
    display: table;
}

.itens-rodape {
    margin-left: -30px;
    background-color: #F02B3C;
    padding-top: 3px;
    padding-bottom: 7px;
}

    .itens-rodape a {
        padding-right: 10px;
        padding-left: 10px;
        color: white !important;
        text-decoration: none;
        font-size: 13px;
    }

.borda {
    border-right: 1px solid white;
}

#footer {
    background-color: #771712;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0px !important;
    width: 100%;
}

.txt-footer {
    color: white;
    font-family: 'bigNoodleTitling';
    font-size: 21px;
    text-align: center;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.direitos {
    color: white;
    font-family: 'RobotoRegular';
    font-size: 11px;
    text-align: center;
    margin-bottom: 0px !important;
}

@media (min-width: 1200px) {
    .card-verificacao .card, .card-mensagem .card {
        width: 400px !important;
        margin: 0 auto;
    }
}

@media (max-width: 820px) {

    body {
        background-image: url(../img/bg-mob.png) !important;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover !important;
        background-color: #761816;
    }

    .txt-footer {
        font-size: 19px;
        margin-top: 8px !important;
        margin-bottom: 0px !important;
    }

    .itens-rodape a {
        color: #8395D6 !important;
        text-decoration: underline;
        border-right: none;
    }

    .centraliza ul {
        padding-left: 0px !important;
        line-height: 30px;
        text-align: center;
        display: block !important;
    }

    .itens-rodape {
        background-color: #042D74;
        margin-left: 0px;
        padding-top: 10px;
        padding-bottom: 15px;
    }


    .logo-menu {
        display: none;
    }

}

</pre></body></html>