/* === TEMA ALTO CONTRASTE === */ /* Estilos aplicados quando a classe .alto-contraste estiver no */ /* Fundo e cor do texto padrão da página */ body.alto-contraste { background-color: #000 !important; color: #fff !important; } /* === LINKS GERAIS === */ /* Cor e estilo dos links em diferentes estados */ body.alto-contraste a, body.alto-contraste a:link, body.alto-contraste a:visited, body.alto-contraste a:hover, body.alto-contraste a:active { color: #fff !important; /* Cor branca aplicada aos links */ text-decoration: none !important; } /* === BOTÕES === */ /* Botões padrão com alto contraste */ body.alto-contraste .br-button { background-color: #000 !important; color: #fff !important; border: 2px solid #fff!important; } /* Estilo de foco nos botões */ body.alto-contraste .br-button:focus { outline: 3px solid #fff !important; } /* === CAMPOS DE FORMULÁRIO === */ /* Campos de entrada com fundo escuro e texto claro */ body.alto-contraste input, body.alto-contraste select, body.alto-contraste textarea { background-color: #000 !important; color: #fff !important; border: 2px solid #fff !important; } /* Estilo do placeholder nos inputs */ body.alto-contraste input::placeholder { color: #ccc !important; } /* === CONTEÚDO PRINCIPAL === */ /* Cor de fundo e texto nas áreas principais da página */ body.alto-contraste #main, body.alto-contraste #main .container-fluid, body.alto-contraste #main .col-12 { background-color: #000 !important; color: #fff !important; } /* === SIDEBAR E MENUS === */ /* Cor de fundo, borda e texto do menu lateral e subcomponentes */ body.alto-contraste .sidebar, body.alto-contraste .sidebar *, body.alto-contraste .br-menu, body.alto-contraste .br-menu * { background-color: #000 !important; color: #fff !important; border-color: #fff !important; } /* Links do menu e sidebar */ body.alto-contraste .sidebar a, body.alto-contraste .br-menu a, body.alto-contraste .sidebar a:link, body.alto-contraste .sidebar a:visited, body.alto-contraste .sidebar a:hover, body.alto-contraste .sidebar a:active, body.alto-contraste .br-menu a:link, body.alto-contraste .br-menu a:visited, body.alto-contraste .br-menu a:hover, body.alto-contraste .br-menu a:active { color: #fff !important; text-decoration: none !important; } /* Imagens do menu e sidebar sem filtros */ body.alto-contraste .sidebar img, body.alto-contraste .br-menu img { filter: none !important; } /* === TEXTOS E TÍTULOS === */ /* Aplicação da cor clara aos elementos de texto */ body.alto-contraste p, body.alto-contraste h1, body.alto-contraste h2, body.alto-contraste h3, body.alto-contraste h4, body.alto-contraste h5, body.alto-contraste h6, body.alto-contraste span, body.alto-contraste label, body.alto-contraste strong { color: #fff !important; } /* === ÍCONES === */ /* Cor clara aplicada a ícones e SVGs */ body.alto-contraste .icon, body.alto-contraste svg, body.alto-contraste .fa { fill: #fff!important; color: #fff!important; } /* === DIVISORES === */ /* Bordas de divisores com cor clara */ body.alto-contraste hr, body.alto-contraste .divider { border-color: #fff!important; } /* === ALERTAS === */ /* Estilo de alertas com fundo preto e borda clara */ body.alto-contraste .alert { background-color: #000 !important; border: 2px solid #fff!important; color: #fff !important; } /* === REMOÇÃO DE EFEITOS === */ /* Remove sombras, gradientes e opacidades para melhorar a legibilidade */ body.alto-contraste * , body.alto-contraste *::before, body.alto-contraste *::after { box-shadow: none !important; background-image: none !important; opacity: 1 !important; text-shadow: none !important; } /* === CABEÇALHO === */ /* Estilo do cabeçalho (br-header) com alto contraste */ body.alto-contraste .br-header, body.alto-contraste .br-header * { background-color: #000 !important; color: #fff !important; border-color: #fff !important; } /* Links dentro do cabeçalho */ body.alto-contraste .br-header a, body.alto-contraste .br-header a:link, body.alto-contraste .br-header a:visited, body.alto-contraste .br-header a:hover, body.alto-contraste .br-header a:active { color: #fff !important; text-decoration: none !important; } /* Imagens do cabeçalho sem filtros */ body.alto-contraste .br-header img { filter: none !important; } /* Links do menu suspenso */ body.alto-contraste .menu-folder .drop-menu { text-decoration: none !important; } /* === CARDS === */ /* Estilo do conteúdo dos cards */ body.alto-contraste .card-content, body.alto-contraste .card-content h1, body.alto-contraste .card-content h2, body.alto-contraste .card-content h3, body.alto-contraste .card-content h4, body.alto-contraste .card-content h5, body.alto-contraste .card-content h6, body.alto-contraste .card-content span, body.alto-contraste .card-content strong, body.alto-contraste .card-content label, body.alto-contraste .card-content p { background-color: #000 !important; color: #fff !important; border: none !important; } /* Estilo estrutural de cards e listas */ body.alto-contraste .card, body.alto-contraste .card-header, body.alto-contraste .card-footer, body.alto-contraste .list-group, body.alto-contraste .list-group-item, body.alto-contraste .list-group-item:last-child { background-color: #000 !important; color: #fff !important; border-color: #fff !important; } /* Links e ícones dentro de listas */ body.alto-contraste .list-group-item a, body.alto-contraste .list-group-item a:hover, body.alto-contraste .list-group-item i { color: #fff !important; text-decoration: underline !important; } /* === ACCORDION === */ /* Cabeçalhos e conteúdo do accordion com fundo escuro e texto claro */ body.alto-contraste .accordion-header { border: 0 !important; background-color: #000000 !important; color: #fff !important; text-decoration: none !important; } body.alto-contraste .accordion-content .accordion-body { background-color: #000000 !important; color: #FFFFFF !important; text-decoration: none !important; border-color: #FFFFFF !important; } /* Bordas específicas de cards e listas */ body.alto-contraste .card { border: 1px solid #fff !important; } body.alto-contraste .list-group-item { border-bottom: 1px solid #fff !important; } body.alto-contraste .card-footer { border-top: 1px solid #fff !important; } body.alto-contraste .card-content { color: #FFFFFF !important; } /* === PÁGINA DE LISTAGEM === */ /* Estilo das áreas de listagem */ body.alto-contraste #main-content, body.alto-contraste #main-content ul, body.alto-contraste #main-content ul li, body.alto-contraste #main-content > div { background: #000 !important; color: #fff !important; } /* Texto de listas e posicionamentos */ body.alto-contraste .text-center.text-md-left, body.alto-contraste .text-center.text-md-left * { color: #fff !important; background: transparent !important; } /* Ícones dentro de áreas textuais */ body.alto-contraste .text-center.text-md-left .fas { color: #fff !important; } /* Divisores horizontais e verticais */ body.alto-contraste .br-divider, body.alto-contraste .br-divider.vertical, body.alto-contraste .br-divider.dashed { background: #fff !important; border-color: #fff !important; } /* Imagens em listagens */ body.alto-contraste .image-list-page { filter: none !important; } /* === HEADER BLOCK === */ /* Bloco de cabeçalho com fundo escuro e borda no topo */ body.alto-contraste .header-block.column { background-color: #000000 !important; border-top: 2px solid #ffffff !important; } /* Títulos do header block */ body.alto-contraste .header-block.column h1, body.alto-contraste .header-block.column h2, body.alto-contraste .header-block.column h3, body.alto-contraste .header-block.column h4, body.alto-contraste .header-block.column h5, body.alto-contraste .header-block.column h6 { color: #ffffff !important; background-color: transparent !important; } /* === RODAPÉ === */ /* Estilo geral do rodapé com fundo preto e texto claro */ body.alto-contraste .br-footer, body.alto-contraste .br-footer *, body.alto-contraste .br-footer .br-item, body.alto-contraste .br-footer .br-button, body.alto-contraste .br-footer .social-network-title, body.alto-contraste .br-footer .content { background-color: #000 !important; color: #fff !important; border-color: #fff !important; text-decoration: none !important; } /* Links no rodapé */ body.alto-contraste .br-footer a { color: #fff !important; text-decoration: underline; } /* Botões circulares do rodapé */ body.alto-contraste .br-footer .br-button.circle { background-color: #000 !important; border: 2px solid #fff !important; } /* Imagens no rodapé */ body.alto-contraste .br-footer img { filter: none !important; } /* === TABELAS === */ /* Estilo para tabelas, cabeçalhos e células */ body.alto-contraste table, body.alto-contraste th, body.alto-contraste td { background-color: #000 !important; color: #fff !important; border: 2px solid #fff !important; }