/* ---------------------------------------------------------
   Arquivo: assets/css/estilo.css
   Função: Identidade visual do Sistema de Planejamento
   Instituição: Colégio Vila Real
   Cores:
   Azul institucional: #0E588C
   Dourado principal: #AB7B2C
   Azul claro apoio: #BEDEF7
   Creme apoio: #F9EBD2
--------------------------------------------------------- */

/* Variáveis de cores do sistema */
:root {
    --azul-institucional: #0E588C;
    --dourado-principal: #AB7B2C;
    --azul-claro-apoio: #BEDEF7;
    --creme-apoio: #F9EBD2;
    --branco: #ffffff;
    --cinza-texto: #333333;
    --cinza-claro: #f5f7fa;
}

/* Configuração geral do corpo da página */
body {
    background-color: var(--creme-apoio);
    color: var(--cinza-texto);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

/* Cabeçalho principal que aparecerá nas páginas */
.topo-sistema {
    background: linear-gradient(
        90deg,
        var(--azul-institucional),
        #083a5d
    );
    color: var(--branco);
    padding: 12px 24px;
    border-bottom: 5px solid var(--dourado-principal);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
}

/* Área interna do cabeçalho */
.topo-conteudo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Bloco da logo + nome do sistema */
.logo-area {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Imagem da logo */
.logo-sistema {
    width: 86px;
    height: auto;
    background-color: var(--branco);
    padding: 6px;
    border-radius: 12px;
    border: 2px solid var(--dourado-principal);
}

/* Nome do sistema no cabeçalho */
.titulo-sistema {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--branco);
}

/* Subtítulo abaixo do nome do sistema */
.subtitulo-sistema {
    margin: 0;
    font-size: 0.9rem;
    color: var(--azul-claro-apoio);
}

/* Área do usuário no topo */
.usuario-topo {
    font-size: 0.9rem;
    text-align: right;
}

/* Botão de sair no topo */
.btn-sair {
    background-color: var(--dourado-principal);
    color: var(--branco);
    border: none;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    margin-top: 5px;
}

.btn-sair:hover {
    background-color: #8f6522;
    color: var(--branco);
}

/* Container principal das páginas */
.container-sistema {
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 16px;
}

/* Cards do sistema */
.card-sistema {
    background-color: var(--branco);
    border: 1px solid var(--azul-claro-apoio);
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 4px 12px rgba(14, 88, 140, 0.12);
    margin-bottom: 20px;
}

/* Títulos das páginas */
.titulo-pagina {
    color: var(--azul-institucional);
    font-weight: 700;
    margin-bottom: 20px;
    border-left: 6px solid var(--dourado-principal);
    padding-left: 12px;
}

/* Botão principal */
.btn-principal {
    background-color: var(--azul-institucional);
    color: var(--branco);
    border: none;
    padding: 9px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
}

.btn-principal:hover {
    background-color: #0a4168;
    color: var(--branco);
}

/* Botão dourado */
.btn-dourado {
    background-color: var(--dourado-principal);
    color: var(--branco);
    border: none;
    padding: 9px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
}

.btn-dourado:hover {
    background-color: #8f6522;
    color: var(--branco);
}

/* Botão secundário */
.btn-secundario {
    background-color: var(--azul-claro-apoio);
    color: var(--azul-institucional);
    border: 1px solid var(--azul-institucional);
    padding: 9px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
}

.btn-secundario:hover {
    background-color: var(--azul-institucional);
    color: var(--branco);
}

/* Formulários */
.form-label {
    color: var(--azul-institucional);
    font-weight: 600;
}

.form-control,
.form-select {
    border: 1px solid var(--azul-claro-apoio);
    border-radius: 8px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--azul-institucional);
    box-shadow: 0 0 0 0.2rem rgba(14, 88, 140, 0.18);
}

/* Tabelas */
.table thead {
    background-color: var(--azul-institucional);
    color: var(--branco);
}

.table-bordered {
    border-color: var(--azul-claro-apoio);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8fbfd;
}

/* Alertas */
.alert-info {
    background-color: var(--azul-claro-apoio);
    border-color: var(--azul-institucional);
    color: var(--azul-institucional);
}

.alert-success {
    background-color: #e8f5e9;
    border-color: #2e7d32;
    color: #1b5e20;
}

.alert-danger {
    background-color: #fdecea;
    border-color: #c62828;
    color: #b71c1c;
}

/* Rodapé */
.rodape-sistema {
    background-color: var(--azul-institucional);
    color: var(--branco);
    text-align: center;
    padding: 12px;
    border-top: 4px solid var(--dourado-principal);
    margin-top: 40px;
    font-size: 0.9rem;
}

/* Login */
.login-fundo {
    min-height: 100vh;
    background: linear-gradient(
        135deg,
        var(--azul-institucional),
        var(--azul-claro-apoio)
    );
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    background-color: var(--branco);
    border-radius: 16px;
    padding: 28px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    border-top: 6px solid var(--dourado-principal);
}

.login-logo {
    width: 130px;
    display: block;
    margin: 0 auto 18px auto;
}

/* Responsividade para celular e tablet */
@media (max-width: 768px) {
    .topo-conteudo {
        flex-direction: column;
        text-align: center;
    }

    .logo-area {
        flex-direction: column;
    }

    .usuario-topo {
        text-align: center;
    }

    .logo-sistema {
        width: 78px;
    }

    .titulo-sistema {
        font-size: 1.2rem;
    }

    .container-sistema {
        margin-top: 20px;
    }

    .card-sistema {
        padding: 16px;
    }

    .table {
        font-size: 0.85rem;
    }


}

/* ---------------------------------------------------------
   FORMULÁRIO - CRIAR PLANEJAMENTO
   Identidade visual Colégio Vila Real
--------------------------------------------------------- */

:root {
    --vila-azul: #0E588C;
    --vila-dourado: #AB7B2C;
    --vila-azul-claro: #BEDEF7;
    --vila-creme: #F9EBD2;
    --vila-branco: #ffffff;
    --vila-texto: #1f2933;
}

/* Área geral da página de planejamento */
.area-planejamento {
    background-color: var(--vila-creme);
}

/* Título principal da página */
.titulo-pagina {
    color: var(--vila-azul);
    font-weight: 700;
    margin-bottom: 4px;
}

.subtitulo-pagina {
    color: #555;
    margin-bottom: 0;
}

/* Botões do topo */
.botoes-topo-planejamento {
    display: flex;
    gap: 10px;
}

/* Botão principal Vila Real */
.btn-vila {
    background-color: var(--vila-azul);
    border: 1px solid var(--vila-azul);
    color: var(--vila-branco);
    font-weight: 600;
}

.btn-vila:hover {
    background-color: var(--vila-dourado);
    border-color: var(--vila-dourado);
    color: var(--vila-branco);
}

/* Botão secundário */
.btn-vila-secundario {
    background-color: var(--vila-dourado);
    border: 1px solid var(--vila-dourado);
    color: var(--vila-branco);
    font-weight: 600;
}

.btn-vila-secundario:hover {
    background-color: var(--vila-azul);
    border-color: var(--vila-azul);
    color: var(--vila-branco);
}

/* Card principal do formulário */
.formulario-planejamento {
    border: none;
    border-radius: 14px;
    background-color: var(--vila-branco);
    padding: 24px;
    border-top: 5px solid var(--vila-dourado);
}

/* Cabeçalho dos dados gerais */
.cabecalho-planejamento {
    background-color: #fffaf2;
    border: 1px solid rgba(171, 123, 44, 0.35);
    border-left: 6px solid var(--vila-azul);
    border-radius: 12px;
}

.titulo-secao-formulario {
    color: var(--vila-azul);
    font-weight: 700;
}

/* Labels */
.form-label {
    color: var(--vila-azul);
    font-weight: 600;
}

/* Campos */
.form-control,
.form-select {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--vila-dourado);
    box-shadow: 0 0 0 0.2rem rgba(171, 123, 44, 0.25);
}

/* Bloco de cada dia */
.titulo-dia {
    background: linear-gradient(135deg, var(--vila-azul), #0b4269);
    color: var(--vila-branco);
    padding: 14px 18px;
    border-radius: 12px;
    margin-top: 28px;
    margin-bottom: 15px;
    border-bottom: 4px solid var(--vila-dourado);
}

.titulo-dia h5 {
    font-weight: 700;
}

/* Dentro do bloco azul, label em branco */
.titulo-dia .form-label {
    color: var(--vila-branco);
}

/* Botão adicionar atividade */
.btn-adicionar-atividade {
    background-color: var(--vila-creme);
    color: var(--vila-azul);
    border: 1px solid var(--vila-dourado);
    font-weight: 600;
}

.btn-adicionar-atividade:hover {
    background-color: var(--vila-dourado);
    color: var(--vila-branco);
}

/* Tabela */
.table {
    border-radius: 10px;
    overflow: hidden;
}

.tabela-vila-cabecalho th {
    background-color: var(--vila-azul);
    color: var(--vila-branco);
    border-color: var(--vila-azul);
    text-align: center;
    vertical-align: middle;
}

/* Linhas da tabela */
.table tbody tr:nth-child(even) {
    background-color: #f8fbff;
}

.table tbody tr:hover {
    background-color: var(--vila-azul-claro);
}

/* Textareas da tabela */
.table textarea {
    min-height: 90px;
    resize: vertical;
}

/* Inputs da tabela */
.table input {
    min-width: 110px;
}

/* Botão salvar */
.btn-salvar-planejamento {
    background-color: var(--vila-azul);
    border: 1px solid var(--vila-azul);
    color: var(--vila-branco);
    font-weight: 700;
}

.btn-salvar-planejamento:hover {
    background-color: var(--vila-dourado);
    border-color: var(--vila-dourado);
    color: var(--vila-branco);
}

/* Alerta */
.alerta-vila {
    border-left: 5px solid var(--vila-dourado);
    background-color: #fff8e8;
    color: var(--vila-azul);
}

/* Responsividade */
@media (max-width: 768px) {
    .botoes-topo-planejamento {
        width: 100%;
        margin-top: 15px;
        flex-direction: column;
    }

    .botoes-topo-planejamento .btn {
        width: 100%;
    }

    .formulario-planejamento {
        padding: 16px;
    }

    .titulo-dia .text-end {
        text-align: left !important;
        margin-top: 12px;
    }
}
/* ---------------------------------------------------------
   LISTAGEM DE PLANEJAMENTOS
   Identidade visual Colégio Vila Real
--------------------------------------------------------- */

.area-listagem-planejamentos {
    background-color: var(--vila-creme);
}

/* Card da listagem */
.card-listagem-planejamentos {
    border: none;
    border-radius: 14px;
    overflow: hidden;
    border-top: 5px solid var(--vila-dourado);
}

/* Cabeçalho do card */
.cabecalho-card-listagem {
    background-color: var(--vila-azul);
    color: var(--vila-branco);
    border-bottom: 4px solid var(--vila-dourado);
    padding: 15px 20px;
}

.cabecalho-card-listagem h5 {
    font-weight: 700;
}

/* Tabela */
.tabela-planejamentos {
    margin-bottom: 0;
}

.tabela-planejamentos th {
    white-space: nowrap;
}

.tabela-planejamentos td {
    vertical-align: middle;
}

/* Cabeçalho da tabela */
.tabela-vila-cabecalho th {
    background-color: var(--vila-azul);
    color: var(--vila-branco);
    border-color: var(--vila-azul);
    text-align: center;
    vertical-align: middle;
}

/* Linhas alternadas */
.tabela-planejamentos tbody tr:nth-child(even) {
    background-color: #f8fbff;
}

.tabela-planejamentos tbody tr:hover {
    background-color: var(--vila-azul-claro);
}

/* Status */
.status-rascunho {
    background-color: #6c757d;
    color: #ffffff;
}

.status-enviado {
    background-color: var(--vila-azul);
    color: #ffffff;
}

.status-aprovado {
    background-color: #198754;
    color: #ffffff;
}

.status-devolvido {
    background-color: var(--vila-dourado);
    color: #ffffff;
}

.status-padrao {
    background-color: #343a40;
    color: #ffffff;
}

/* Botões de ação */
.btn-acao {
    font-size: 12px;
    padding: 5px 9px;
    border-radius: 6px;
    font-weight: 600;
    color: #ffffff;
    border: none;
}

.btn-acao:hover {
    color: #ffffff;
    opacity: 0.88;
}

/* Visualizar */
.btn-visualizar {
    background-color: var(--vila-azul);
}

/* Editar */
.btn-editar {
    background-color: var(--vila-dourado);
}

/* Duplicar */
.btn-duplicar {
    background-color: #6c757d;
}

/* PDF */
.btn-pdf {
    background-color: #0b4269;
}

/* Excluir */
.btn-excluir {
    background-color: #dc3545;
}

/* Mensagem quando não há registros */
.mensagem-vazia {
    color: var(--vila-azul);
    font-weight: 600;
    padding: 25px;
}

/* Responsividade da listagem */
@media (max-width: 768px) {
    .cabecalho-card-listagem {
        text-align: center;
    }

    .btn-acao {
        width: 100%;
        margin-bottom: 3px;
    }

    .tabela-planejamentos {
        font-size: 13px;
    }
}
/* ---------------------------------------------------------
   TELA DE LOGIN
   Identidade visual Colégio Vila Real
--------------------------------------------------------- */

.login-body {
    min-height: 100vh;
    background: linear-gradient(135deg, #0E588C 0%, #BEDEF7 55%, #F9EBD2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Container principal */
.login-container {
    width: 100%;
    max-width: 430px;
}

/* Card do login */
.login-card {
    background-color: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    border-top: 6px solid #AB7B2C;
}

/* Parte superior do login */
.login-topo {
    background-color: #0E588C;
    color: #ffffff;
    text-align: center;
    padding: 28px 24px 22px 24px;
    border-bottom: 4px solid #AB7B2C;
}

/* Logo */
.login-logo {
    width: 105px;
    height: 105px;
    object-fit: contain;
    background-color: #ffffff;
    border: 3px solid #AB7B2C;
    border-radius: 14px;
    padding: 6px;
    margin-bottom: 15px;
}

/* Título principal */
.login-titulo {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

/* Subtítulo */
.login-subtitulo {
    font-size: 14px;
    margin: 6px 0 0 0;
    color: #F9EBD2;
}

/* Conteúdo do formulário */
.login-conteudo {
    padding: 28px 26px;
}

/* Título do formulário */
.login-form-titulo {
    color: #0E588C;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 22px;
}

/* Campos do login */
.login-conteudo .form-label {
    color: #0E588C;
    font-weight: 600;
}

.login-conteudo .form-control {
    border-radius: 9px;
    padding: 10px 12px;
}

.login-conteudo .form-control:focus {
    border-color: #AB7B2C;
    box-shadow: 0 0 0 0.2rem rgba(171, 123, 44, 0.25);
}

/* Link esqueci senha */
.link-login {
    color: #0E588C;
    font-weight: 600;
    text-decoration: none;
}

.link-login:hover {
    color: #AB7B2C;
    text-decoration: underline;
}

/* Alerta do login */
.alerta-login {
    border-left: 5px solid #dc3545;
    font-size: 14px;
}

/* Responsivo */
@media (max-width: 576px) {
    .login-card {
        border-radius: 14px;
    }

    .login-topo {
        padding: 22px 18px;
    }

    .login-logo {
        width: 90px;
        height: 90px;
    }

    .login-titulo {
        font-size: 19px;
    }

    .login-conteudo {
        padding: 22px 18px;
    }
}
/* ---------------------------------------------------------
   CADASTRO DE USUÁRIO
   Identidade visual Colégio Vila Real
--------------------------------------------------------- */

.area-cadastro-usuario {
    background-color: var(--vila-creme);
}

/* Card do formulário de usuário */
.formulario-usuario {
    border: none;
    border-radius: 14px;
    overflow: hidden;
    border-top: 5px solid var(--vila-dourado);
}

/* Cabeçalho do card */
.cabecalho-card-formulario {
    background-color: var(--vila-azul);
    color: var(--vila-branco);
    border-bottom: 4px solid var(--vila-dourado);
    padding: 15px 20px;
}

.cabecalho-card-formulario h5 {
    font-weight: 700;
}

/* Campos do formulário */
.formulario-usuario .form-label {
    color: var(--vila-azul);
    font-weight: 600;
}

.formulario-usuario .form-control,
.formulario-usuario .form-select {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
}

.formulario-usuario .form-control:focus,
.formulario-usuario .form-select:focus {
    border-color: var(--vila-dourado);
    box-shadow: 0 0 0 0.2rem rgba(171, 123, 44, 0.25);
}

/* Pequena descrição abaixo da senha */
.formulario-usuario .form-text {
    font-size: 13px;
}

/* Responsividade */
@media (max-width: 768px) {
    .formulario-usuario .card-body {
        padding: 18px;
    }
}

/* ---------------------------------------------------------
   LISTAGEM DE PLANEJAMENTOS - VILA REAL
   Cores institucionais
   Azul institucional: #0E588C
   Dourado principal: #AB7B2C
   Azul claro de apoio: #BEDEF7
   Creme de apoio: #F9EBD2
--------------------------------------------------------- */

.area-listagem-planejamentos {
    color: #333;
}

.titulo-pagina {
    color: #0E588C;
    font-weight: 700;
    margin-bottom: 5px;
}

.subtitulo-pagina {
    color: #555;
    margin-bottom: 0;
}

.btn-vila {
    background-color: #0E588C;
    border-color: #0E588C;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 8px 14px;
}

.btn-vila:hover {
    background-color: #0b466f;
    border-color: #0b466f;
    color: #fff;
}

.btn-vila-secundario {
    background-color: #AB7B2C;
    border-color: #AB7B2C;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 8px 14px;
}

.btn-vila-secundario:hover {
    background-color: #8f6422;
    border-color: #8f6422;
    color: #fff;
}

.alerta-vila {
    border-left: 5px solid #0E588C;
    background-color: #BEDEF7;
    color: #0E588C;
    font-weight: 500;
}

.card-listagem-planejamentos {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.cabecalho-card-listagem {
    background-color: #0E588C;
    color: #fff;
    border-bottom: 4px solid #AB7B2C;
    padding: 14px 18px;
}

.tabela-planejamentos {
    margin-bottom: 0;
}

.tabela-vila-cabecalho th {
    background-color: #0E588C;
    color: #fff;
    border-color: #0E588C;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
}

.tabela-planejamentos td {
    vertical-align: middle;
}

.tabela-planejamentos tbody tr:hover {
    background-color: #F9EBD2;
}

.mensagem-vazia {
    color: #777;
    padding: 25px;
    font-weight: 500;
}

.btn-acao {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 6px;
    padding: 5px 9px;
    border: none;
}

.btn-visualizar {
    background-color: #0E588C;
}

.btn-visualizar:hover {
    background-color: #0b466f;
    color: #fff;
}

.btn-editar {
    background-color: #AB7B2C;
}

.btn-editar:hover {
    background-color: #8f6422;
    color: #fff;
}

.btn-duplicar {
    background-color: #BEDEF7;
    color: #0E588C;
}

.btn-duplicar:hover {
    background-color: #9ec9eb;
    color: #0E588C;
}

.btn-pdf {
    background-color: #6c757d;
}

.btn-pdf:hover {
    background-color: #5a6268;
    color: #fff;
}

.btn-excluir {
    background-color: #dc3545;
}

.btn-excluir:hover {
    background-color: #bb2d3b;
    color: #fff;
}

.status-rascunho {
    background-color: #6c757d;
    color: #fff;
}

.status-enviado {
    background-color: #0E588C;
    color: #fff;
}

.status-aprovado {
    background-color: #198754;
    color: #fff;
}

.status-devolvido {
    background-color: #AB7B2C;
    color: #fff;
}

.status-padrao {
    background-color: #BEDEF7;
    color: #0E588C;
}

.coluna-ordem {
    text-align: center;
    font-weight: 700;
    color: #0E588C;
}

@media (max-width: 768px) {
    .botoes-topo-planejamento {
        margin-top: 15px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .btn-vila,
    .btn-vila-secundario {
        width: 100%;
        text-align: center;
    }

    .btn-acao {
        width: 100%;
    }
}
/* ---------------------------------------------------------
   LISTAGEM DE TURMAS - VILA REAL
   Cores institucionais:
   Azul institucional: #0E588C
   Dourado principal: #AB7B2C
   Azul claro de apoio: #BEDEF7
   Creme de apoio: #F9EBD2
--------------------------------------------------------- */

.area-listagem-turmas {
    color: #333;
}

.card-listagem-turmas {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.tabela-turmas {
    margin-bottom: 0;
}

.tabela-turmas td {
    vertical-align: middle;
}

.tabela-turmas tbody tr:hover {
    background-color: #F9EBD2;
}

.botoes-topo-turmas {
    align-items: center;
}

.texto-email-professor {
    color: #666;
}

.status-sem-professor {
    background-color: #BEDEF7;
    color: #0E588C;
    font-weight: 600;
}

/* Botão específico para vincular professor */
.btn-vincular {
    background-color: #BEDEF7;
    color: #0E588C;
}

.btn-vincular:hover {
    background-color: #9ec9eb;
    color: #0E588C;
}

/* Responsividade da página de turmas */
@media (max-width: 768px) {
    .botoes-topo-turmas {
        margin-top: 15px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .botoes-topo-turmas .btn-vila,
    .botoes-topo-turmas .btn-vila-secundario {
        width: 100%;
        text-align: center;
    }
}
/* Botão Vincular Professor */
.btn-vincular {
    background-color: #BEDEF7 !important;
    border: 1px solid #0E588C !important;
    color: #0E588C !important;
    font-weight: 700;
    border-radius: 6px;
    padding: 5px 9px;
}

.btn-vincular:hover {
    background-color: #0E588C !important;
    border-color: #0E588C !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   VINCULAR PROFESSORAS À TURMA
--------------------------------------------------------- */

.area-vincular-professor {
    color: #333;
}

.formulario-vinculo-professor {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.formulario-vinculo-professor .form-control:read-only {
    background-color: #F9EBD2;
    border-color: #BEDEF7;
}

.formulario-vinculo-professor select[multiple] {
    min-height: 230px;
}

.lista-professores-turma {
    display: block;
    line-height: 1.6;
}
/* Botões do painel - padrão institucional */
.btn-painel-azul {
    background-color: #0E588C;
    border-color: #0E588C;
    color: #ffffff;
    font-weight: 600;
    border-radius: 8px;
}

.btn-painel-azul:hover {
    background-color: #084466;
    border-color: #084466;
    color: #ffffff;
}

.btn-painel-dourado {
    background-color: #AB7B2C;
    border-color: #AB7B2C;
    color: #ffffff;
    font-weight: 600;
    border-radius: 8px;
}

.btn-painel-dourado:hover {
    background-color: #8f6422;
    border-color: #8f6422;
    color: #ffffff;
}

.btn-painel-outline {
    background-color: #ffffff;
    border: 1px solid #0E588C;
    color: #0E588C;
    font-weight: 600;
    border-radius: 8px;
}

.btn-painel-outline:hover {
    background-color: #0E588C;
    border-color: #0E588C;
    color: #ffffff;
}
.btn-painel-azul {
    background-color: #0E588C;
    border-color: #0E588C;
    color: #ffffff;
    font-weight: 600;
    border-radius: 8px;
}

.btn-painel-azul:hover {
    background-color: #084466;
    border-color: #084466;
    color: #ffffff;
}