@charset "UTF-8";


/*--------------------------------------------------
    [INFINITY]
----------------------------------------------------*/


BODY {
    box-sizing: border-box;     /* Inclui padding e border ao tamanho do elemento, evitando que as margens dos elementos filhos colapsem à do pai */
}

BODY.plan {
    font-family: "Open Sans",sans-serif !important;
}

.barra_privacidade {
    z-index: 20000;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 10px 20px !important;
    border: 2px solid black;
    border-radius: 20px 20px 0 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0px -5px 5px;
    background-color: #314FAA;
}

.barra_privacidade P {
    opacity: 1 !important;
    font-family: Montserrat !important;
    line-height: 1.7;
}

.barra_privacidade.ebook_priv {
    padding-top:    40px;
    padding-bottom: 40px;
    line-height:    1.4;
    color:          black !important;
}

@media (max-width: 798px) {
    .barra_privacidade {
        bottom: 32px;
    }
}

.plan_btn_priv,
.plan_btn_priv:active,
.plan_btn_priv:focus {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 0;
    padding: 5px 15px;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    border: 1px solid black;
    border-radius: 30px;
    font-family: Montserrat !important;
    font-size: clamp(1rem, 1vw + .8rem, 1.52rem) !important;
    word-spacing: 10px;
    color: white !important;
    background-color: black;
}

.plan_btn_priv:hover {
    box-shadow: rgba(0,0,0,0.7) 5px 5px 5px;
    color: black !important;
    background-color: white;
}

.ebook_priv DIV {
    margin: 0;
}

.ebook_priv P {
    padding:         0 !important;
    font-family:     Montserrat !important;
    font-size:       clamp(1rem, 1vw + .8rem, 1.52rem) !important;
    font-weight:     500;
    text-align:      justify;
    -ms-hyphens:     auto;
    -webkit-hyphens: auto;
    hyphens:         auto;
    color:           white;
}

.pol_priv {
    font-size: 1.00em !important;
    font-style: italic;
    text-decoration: underline;
    color: white !important;
}

@media (max-width: 600px) {
    .barra_privacidade DIV {
        flex-wrap: wrap;
    }

    .barra_privacidade.ebook_priv {
        padding: 0 10px !important;
    }

    .ebook_priv DIV {
        margin: 10px;
    }

    .plan_btn_priv {
        margin: 10px 0 5px 0 !important
    }
}

.copy-text {
    position:        relative !important;
    padding:         0 20px 0 20px !important;
    margin:          0 auto !important;
    text-align:      justify !important;
    -ms-hyphens:     auto;
    -webkit-hyphens: auto;
    hyphens:         auto;
    color:           black !important;
    cursor:          default;
}

.flexc {
    display: flex !important;
}

.flexc_align_horiz_center {
    justify-content: center !important;
}

.flexc_align_vert_center {
    align-content: center !important;
}

.margin_10 {
    margin: 10px !important;
}

.font_100em {
    font-size: 1.00em !important;
}

.font_liveorange {
    color: #FF7B0C !important;
}

.font_orangered {
    color: orangered !important;
}

.font_bold {
    font-weight: bold !important;
}

.font_size_inherit {
    font-size: inherit !important;
}

.width_auto {
    width: auto !important;
}

.no_margin_padding {
    margin:  0 !important;
    padding: 0 !important;
}

.vertical_middle {
    vertical-align: middle !important;
}

.flexi_align_item_center {
    align-self: center !important;
}

.align_justify_hyphens {
    text-align:      justify !important;
    -ms-hyphens:     auto !important;
    -webkit-hyphens: auto !important;
    hyphens:         auto !important;
}

.display_block {
    display: block !important;
}

.no_display {
    display: none !important;
}

.no_visibility {
    visibility: hidden !important;
}

.no_overflow {
    overflow: hidden;
}

.cadastro.acesso {
    width: 320px;
    height: 620px;
    max-height: 620px;
}

.cadastro.acesso P {
    width: 100%;
}

.cadastro.acesso INPUT:not(#senha) {
    outline: 1px solid orangered !important;
}

.cadastro.acesso .campo_botao {
    background-color: white;
}

.cadastro #timer {
    color: orangered !important;
}

.cadastro .botao_cad {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center;
}

.cadastro .botao_cad INPUT {
    margin-bottom: 10px !important;
    cursor: pointer;
}

.cadastro .botao_val {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    align-items: center;
}

.cadastro .botao_val INPUT {
    margin-bottom: 10px !important;
    cursor: pointer;
}

.cadastro .botao_txt {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    line-height: 1;
    cursor: pointer;
}
.cadastro .botao_txt:hover {
    font-weight: bold;
}

.cadastro .mensagem {
    position: relative;
    bottom: 0;
    margin: 0;
    text-align: center;
}

.campo_focado {
    color: black !important;
    background-color: #FFF4DF !important;
}

.texto_reticencias {
    /* O elemento que contém o texto deve ter uma largura fixa */
    overflow:      hidden; /* Adiciona um overflow */
    text-overflow: ellipsis; /* Adiciona elipses (...) se o texto for muito longo */
    white-space:   nowrap; /* Mantém o texto em uma única linha */
}

.rotulo_tipo_filtro {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    margin-bottom: 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: black;
}


/* Tarja de Mensagem */


.tarja_mensagem {
    z-index: 10000;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    text-align: center;
    background-color: transparent;
}

.tarja_texto {
    font-size: 28px !important;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0.1em 0.1em 0.2em #000000;
    color: white;
}

.tarja_fechar {
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    top: 10px;
    right: 13px;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid black !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: black !important;
    background-color: white !important;
    cursor: pointer !important;
}

.tarja_verde {
    background-color: rgb(0, 255, 0);
}

.tarja_vermelha {
    background-color: rgb(255, 0, 0);
}

.tarja_azul {
    background-color: rgb(0, 100, 255);
}

.tarja_cinza {
    background-color: rgb(100, 100, 100);
}

.tarja_chumbo {
    background-color: #404040;
}

.tarja_laranja {
    background-color: #FDE19A;
}

.tarja_azul_claro {
    background-color: #00C0E0;
}

.tarja_branca {
    background-color: rgb(255, 255, 255);
}

.tarja_verde_claro {
    background-color: #77E588;
}

.tarja_rosa {
    background-color: #FFAAAA;
}

.mensagem_fundo_verde {
    background-color: #28A745;
}

.efeito_fundo_piscante_verde {
    animation-name: barra_verde;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: unset;
    animation-fill-mode: unset;
    animation-play-state: unset;
}

@keyframes barra_verde {
    from { background-color: #28A745; }
    to   { background-color: #28A745; }
}

.mensagem_fundo_azul {
    background-color: #00C0E0;
}

.efeito_fundo_piscante_azul {
    animation-name: barra_azul;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: unset;
    animation-fill-mode: unset;
    animation-play-state: unset;
}

@keyframes barra_azul {
    from { background-color: #00C0E0; }
    to   { background-color: #00C0E0; }
}

.mensagem_fundo_cinza {
    background-color: #404040;
}

.efeito_fundo_piscante_cinza {
    animation-name: barra_cinza;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: unset;
    animation-fill-mode: unset;
    animation-play-state: unset;
}

@keyframes barra_cinza {
    from { background-color: #404040; }
    to   { background-color: #404040; }
}

.mensagem_fundo_vermelho {
    background-color: red;
}

.efeito_fundo_piscante_vermelho {
    animation-name: barra_vermelha;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: unset;
    animation-fill-mode: unset;
    animation-play-state: unset;
}

@keyframes barra_vermelha {
    from { background-color: red; }
    to   { background-color: red; }
}