.alertas_base {
    display: flex;
    justify-content: space-between;
}
.menu_alerta {
    min-width: 200px;
    min-height: 30px;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    color: #fd8802;
    font-weight: bold;
}
#sair_alerta {
    position: fixed;
    color: #fd8802;
    margin-top: 5px;
    margin-left: -20px;
}
#sair_alerta:hover {
    color: #fd3402;
}
.seu_container_alerta {text-align: right;

}
.container_menu {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    align-items: center;
    background-color: #FFFFFF;
    font-weight: bold;
}
.container_menu a {
    color: #FFFFFF;
    text-decoration: none;
    
}
.flex {
    display: flex;
    align-items: center;
}
.logo_sistema img {
    margin-top: 3px;
}
.nome_sistema {
    margin-left: 10px;
    font-size: 18px;
    color: #5f5f5f;
}
.nome_cliente {
    margin-left: 3px;
    font-size: 14px;
    color: #5f5f5f;
}
nav a {
    text-decoration: none;
    color: #ffffff;
}
.menu_base {
    display: flex;
    justify-content: center;
}
.menu_cliente {
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    align-items: center;
}
.sair {
    margin-left: 15px;
    margin-right: 10px;
    font-size: 25px;
}
.sair:hover{
    color: red;
}
.config_ico {
    margin-right: 15px;
}
.config_ico {
    font-size: 25px;
}
.suporte {
    font-size: 25px;
}
#icone_menu_suporte {
    color: #919191;
}
#icone_menu_suporte:hover {
    color: #383838;
}
#icone_menu_config {
    color: #919191;
}
#icone_menu_config:hover {
    color: #383838;
}
#icone_menu_sair{
    color: #919191;
}
#icone_menu_sair:hover {
    color: #f70c0c;
}
#icone_menu_inicio{
    font-size: 25px;
    color: #ffffff;
    margin-left: 10px;
    margin-top: 10px;
}
#icone_menu_alerta {
    font-size: 20px;
    color: #fd8802;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5px;
}
.nome_loja {
    padding: 16px;
    font-weight: bold;
    font-size: 18px;
    color: #1276af;
}
.container_base {
    display: flex;
    justify-content: center;
    background-color: #e4e4e4;
}
.container_base_branca {
    padding-top: 70px;
    background-color: #e4e4e4;
    width: 1200px;
    /* PROPRIEDADES PARA MANTER O HEADER NO TOPO E NA FRENTE */
    position: fixed; /* Fixa o header no topo da viewport */
    z-index: 999; 
    padding-bottom: 10px;

}
.container {
    margin: 20px;
}
.container_menu_inicial nav {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menu_inicial {
    width: 180px;
    height: 50px;
    margin: 10px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    transition: 0.5s;
}
.menu_inicial_interno {
    display: flex;
}
.icone_menu_inicial img {
    width: 30px;
    margin-left: 10px;
    margin-top: 10px;
}
.nome_menu_inicial {
    margin-top: 16px;
    margin-left: 10px;
}
.menu_inicial a {
    text-decoration: none;
}
.menu_inicial:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}
.estrutura_base {
    margin-top: 260px;
    padding-bottom: 100px;
}
.estrutura_base {
    width: 1200px;
    max-width: 1200px;
}
.menu_fixo_iten {
    
    text-align: center;
    width: 580px;
    height: 200px;
    margin: 10px;
    border-radius: 20px;
    color: #FFFFFF;
}
.menu_fixo_iten_g {
    text-align: center;
    width: 100%;
    height: 200px;
    margin: 10px;
    border-radius: 20px;
    color: #FFFFFF;
}
.menu_fixo_iten_titulo {
    margin-top: 30px;
    font-size: 30px;
    font-weight: bold;
}
.menu_fixo_iten_valor {
    margin-top: 10px;
    font-size: 50px;
    font-weight: bold;
}
.menu_fixo_iten_obs {
    margin-top: 10px;
    font-size: 25px;
}
.menu_grafico {
    margin-top: 30px;
}
.ver_graficos {
    font-size: 18px;
    width: 100%;
    text-align: right;
    padding-right: 30px;
}
.ver_graficos a {
    text-decoration: none;
    color: #1276af;
}
.container_base_2 {
    padding-top: 70px;
    width: 1200px;
    text-align: center;
    margin-bottom: 50px;
}
.queado_base {
    display: flex;
    justify-content: center;
    background-color: #FFFFFF;
    height: 450px;
    margin-top: 10px;
}
.alerta_bloqueado {
    width: 100%;
    margin-top: 50px;
}
.alerta_bloqueado img {
    width: 300px;
}
.recado_bloqueado {
    margin-top: 50px;
    color: #fd1f02;
    font-weight: bold;
    font-size: 18px;
}
.recado_bloqueado a {
    text-decoration: none;
    color: #fd1f02;
}
.recado_bloqueado a:hover {
    color: #a11705;
}
.menu_titulos {
    display: flex;
    justify-content: space-between;
    height: 80px;
}
.menu_titulo {
    font-size: 30px;
    font-weight: bold;
    color: #5f5f5f;
    margin-left: 15px;
}
.menu_titulo_botao {
    margin-right: 15px;
    
}
#voltar_icone_pagina {
    color: #5f5f5f;
    font-size: 1.5em;
    margin-left: 15px;
}
.btn-atualizar5 {
    font-size: 20px;
    background-color: #5bc0de;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    margin-top: -5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.alerta_construcao {
    margin-top: -50px;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    background-color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 50px;
}
.alerta_construcao img {
    width: 300px;
}
.recado_construcao {
    margin-top: 50px;
    color: #fd1f02;
    font-weight: bold;
    font-size: 18px;
}
.paywall-overlay {
    /* 1. POSICIONAMENTO: Deve cobrir exatamente o elemento pai (graficoContainer) */
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    /*height: 250px;*/
    border-radius: 20px;
    
    /* 2. ESTILO: Fundo branco com 50% de transparência (0.5) */
    background-color: rgba(255, 255, 255, 0.5); 
    
    /* 3. ORDEM: Garante que fique acima do gráfico */
    z-index: 10; 
    
    /* 4. ALINHAMENTO DO CONTEÚDO (Cadeado e Texto) */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.block-icon {
    font-size: 2.5em; /* Tamanho do cadeado */
    color: #dc3545; /* Vermelho para alerta */
    margin-bottom: 5px;
}

.paywall-overlay p {
    font-weight: bold;
    color: #333;
}
#graficoContainer1 {
    height: 250px;
}
#graficoContainer2 {
    height: 250px;
}
#graficoContainer3 {
    height: 290px;
}