
.high-contrast {
	--cor-texto-primaria: #ffffff;
    --cor-fundo-primaria: #000000;
    
	--cor-texto-secundaria:  var(--cor-fundo-primaria);
	--cor-fundo-secundaria: var(--cor-texto-primaria);
	--cor-borda: var(--cor-texto-primaria);
	
	--cor-link: #66ccff;
	--cor-link-hover: #99ddff;
	--cor-erro: #ff6666;
	--cor-sucesso: #66ff66;
	--cor-aviso: #ffcc00;
	
	/*
	--cor-fundo-primaria: blue;	
	--cor-fundo-secundaria: BlueViolet;
	--cor-texto-primaria: green;	
	--cor-texto-secundaria: yellow;
	--cor-borda: red;			
	*/
}


/* Controles de acessibilidade */
body, .bootstrap-adjusted {
    transition: all 0.2s ease;
}

/* Modo de alto contraste */
.high-contrast {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);
}

.high-contrast img {
   filter: invert(100%) !important; 
}


.high-contrast .banneritem img {
   filter: invert(0%) !important; 
}

/* Sobrescrever classes principais do Bootstrap no modo alto contraste */
.high-contrast .container,
.high-contrast .row,
.high-contrast .col,
.high-contrast .col-*, /* Todas as varia��es de colunas */
.high-contrast .card,
.high-contrast .card-body,
.high-contrast .card-header,
.high-contrast .card-footer,
.high-contrast .btn,
.high-contrast .btn-*, /* Todas as varia��es de bot�es */
.high-contrast .nav,
.high-contrast .nav-item,
.high-contrast .nav-link,
.high-contrast .navbar,
.high-contrast .navbar-brand,
.high-contrast .navbar-nav,
.high-contrast .alert,
.high-contrast .alert-*, /* Todas as varia��es de alertas */
.high-contrast .badge,
.high-contrast .badge-*, /* Todas as varia��es de badges */
.high-contrast .list-group,
.high-contrast .list-group-item,
.high-contrast .modal-content,
.high-contrast .modal-header,
.high-contrast .modal-body,
.high-contrast .modal-footer,
.high-contrast .table,
.high-contrast .table-*, /* Todas as varia��es de tabelas */
.high-contrast .form-control,
.high-contrast .input-group,
.high-contrast .dropdown-menu,
.high-contrast .dropdown-item {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border-color: var(--cor-borda);
}

/* Links e estados interativos */
.high-contrast a,
.high-contrast .btn-link,
.high-contrast .nav-link,
.high-contrast .navbar-brand,
.high-contrast .dropdown-item {
	color: var(--cor-texto-primaria) !important;		
}

.high-contrast a:hover,
.high-contrast .btn-link:hover,
.high-contrast .nav-link:hover,
.high-contrast .navbar-brand:hover,
.high-contrast .dropdown-item:hover {    
	color: var(--cor-texto-secundaria) !important;		
	background-color: var(--cor-fundo-secundaria);
}

/* Ajustes espec�ficos para bot�es */
.high-contrast .btn-primary,
.high-contrast .btn-secondary,
.high-contrast .btn-success,
.high-contrast .btn-danger,
.high-contrast .btn-warning,
.high-contrast .btn-info,
.high-contrast .btn-light,
.high-contrast .btn-dark {
    background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);			
    border-color: var(--cor-borda);
}

.high-contrast .btn-primary:hover,
.high-contrast .btn-secondary:hover,
.high-contrast .btn-success:hover,
.high-contrast .btn-danger:hover,
.high-contrast .btn-warning:hover,
.high-contrast .btn-info:hover,
.high-contrast .btn-light:hover,
.high-contrast .btn-dark:hover {
	background-color: var(--cor-fundo-secundaria);    
}

/* Ajuste para fundos espec�ficos */
.high-contrast .bg-* {
	background-color: var(--cor-fundo-primaria);       
}

/* Garantir visibilidade de placeholders */
.high-contrast .form-control::placeholder {
	color: var(--cor-texto-secundaria);	
}

/* -------------------------------------------------------- */
.high-contrast .font-interno,
.high-contrast #footer, 
.high-contrast .footer {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border-color: var(--cor-borda);
}

.high-contrast .breadcrumb,
.high-contrast .breadcrumb-item.active,
.high-contrast .migalha-pao {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border-color: var(--cor-borda);
}		

.high-contrast #header-home {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border-color: var(--cor-borda);
}


.high-contrast .iconeacessibilidade,
.high-contrast .logo img {	
	filter: invert(100%) brightness(80%) contrast(150%);
	background-color: var(--cor-fundo-primaria) !important;   
}

.high-contrast .logo {
	filter: invert(100%) brightness(80%) contrast(150%);
	background-color: var(--cor-fundo-primaria) !important;   
}




.high-contrast .logo {
	filter: invert(100%) brightness(80%) contrast(150%);
	background-color: var(--cor-fundo-secundaria);    
}

.high-contrast .logomarca_sus  {
	filter: invert(100%) brightness(80%) contrast(150%) !important; 
	background-color: #000 !important;
}	

.high-contrast	#content {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);
}
.high-contrast .card,
.high-contrast .row,
.high-contrast .card .border-* .pb-*, 	
.high-contrast .form-interno,
.high-contrast .form-control {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);	

}

.high-contrast .form-group 
.high-contrast .ms-selection,
.high-contrast .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled, 
.high-contrast .text-center {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);	
 }
 
.high-contrast .ms-container .ms-list.ms-focus {
	background-color: var(--cor-fundo-secundaria);    
	border-color: var(--cor-borda);
		
}
 
.high-contrast .ms-list {
	border-color: var(--cor-borda);	
}

.high-contrast .ms-container .ms-selectable li.ms-hover,
.high-contrast .ms-container .ms-selection li.ms-hover { 

	background-color: var(--cor-fundo-secundaria);   
	color: var(--cor-texto-secundaria);	
}
 
 
.high-contrast .ms-container .ms-selectable li.disabled,
.high-contrast .ms-container .ms-selection li.disabled{
	background-color: var(--cor-fundo-secundaria);   
	color: var(--cor-texto-secundaria);		
}
 
.high-contrast .ms-container .ms-selectable li.ms-elem-selectable,
.high-contrast .ms-container .ms-selection li.ms-elem-selection{
	background-color: var(--cor-fundo-secundaria);   
	color: var(--cor-texto-secundaria);		
}


.high-contrast .list-group, 
.high-contrast .list-group-flush,
.high-contrast .list-group-item,
.high-contrast .col-xl-12, 
.high-contrast .col-lg-12 {
	background-color: var(--cor-fundo-primaria);   
}

.high-contrast .list-group {
	 border: 1px solid var(--cor-borda);
} 


.high-contrast	#tablePrincipal,	
.high-contrast	#tableSecundaria,
.high-contrast	#tableConteudo,
.high-contrast	#firstLine,		
.high-contrast	.table-responsive,
.high-contrast	.table-secondary {
	background-color: var(--cor-fundo-primaria) !important;   
	color: var(--cor-texto-primaria) !important;	
}

.high-contrast .front, 
.high-contrast .back,	
.high-contrast 	.flip > .front > .row > .texto > span ,
.high-contrast	.flip {

	background-color: var(--cor-fundo-primaria);  
	color: var(--cor-texto-primaria);	
}

.high-contrast	.front > .row {
	border: 1px solid var(--cor-borda) !important;

}

.high-contrast	.back p {
	background-color: var(--cor-fundo-primaria);
	color: var(--cor-texto-primaria) !important;	
}




.high-contrast .accordion, 
.high-contrast .card-body,
.high-contrast .card-header,
.high-contrast .card .card-header .collapse div {
	background: var(--cor-fundo-primaria) !important;   
	color: var(--cor-texto-primaria);		
    border: 1px solid var(--cor-borda) !important;
}




.high-contrast .faleconosco {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border: 1px solid var(--cor-borda);
}


.high-contrast .faleconosco h2 {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border-color: var(--cor-borda);
}


.high-contrast .ajuda-acessibilidade {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border: 1px solid var(--cor-borda);
}


.high-contrast .ajuda-acessibilidade h2 {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border-color: var(--cor-borda);
}


.high-contrast .accordion .card {
    border-color: var(--cor-borda);
}

.high-contrast .section-title::after,
.high-contrast .section-title::before,
.high-contrast .section-title {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);	
	border-color: var(--cor-borda);
}

.high-contrast .jcarousel, 
.high-contrast .jcarousel-control-prev ,
.high-contrast .jcarousel-control-next,
.high-contrast .jcarousel-pagination,
.high-contrast .jcarousel-pagination.active {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);	
}


.high-contrast .chart-container, 
.high-contrast .chartjs-render-monitor {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
}

.high-contrast .dados, 
.high-contrast .fonte,
.high-contrast span {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria) !important;		
}

.high-contrast .sidebar .sidebar-header,
.high-contrast .sidebar a {
	background: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
	border: 1px solid var(--cor-borda) !important;
}


.high-contrast .sidebar a:hover {
	background: var(--cor-fundo-secundaria);  	
}


.high-contrast .mega-menu,
.high-contrast .mega-menu .card  {
	background: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
}

.high-contrast .mega-menu .card:hover .description {
	background: var(--cor-fundo-secundaria);  	
	color: var(--cor-texto-secundaria);	
}

.high-contrast .mega-menu .card  {
	border-color: var(--cor-borda);	
}

.high-contrast .alertEdit {
	background-color: var(--cor-fundo-primaria);  
	border-color: var(--cor-texto-primaria);  
}

.high-contrast .alertIcon {
	background-color: var(--cor-texto-primaria);  
}

.high-contrast .alertText strong {
	color: var(--cor-texto-primaria) !important;  
}

.high-contrast .banneritem img {
	border: 2px solid var(--cor-fundo-primaria) !important;
	border-radius: 22px !important;
}


/* Mapa e Graficos */
.high-contrast	.consolidado-container {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria) !important;		
	border: 1px solid  var(--cor-texto-primaria);
}

.high-contrast	.mapa-header {
	color:	var(--cor-texto-primaria) !important;	
	background-color: var(--cor-fundo-primaria);   
}

.high-contrast		 .mapa-section  {	
	background-color: var(--cor-fundo-primaria);   
}

.high-contrast	.grafico-container {
	border: 1px solid  var(--cor-texto-primaria) !important;
	background-color: var(--cor-fundo-primaria);   	
}
.high-contrast	.container-fluid .mapa-grafico {
	background-color: var(--cor-fundo-primaria);   	
}

.high-contrast .mapa-grafico {
	color: var(--cor-texto-primaria) !important;		
}

.high-contrast .sobre {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border: 1px solid var(--cor-borda);
}

.high-contrast .faleconosco .titulo {
	background-color: var(--cor-fundo-primaria);   
	color: var(--cor-texto-primaria);		
    border: 1px solid var(--cor-borda);
}


 /* Definindo as vari�veis CSS para as cores */

body.high-contrast { 
    --color-norte: #98f4b0;
    --color-nordeste: #f59ba2;
    --color-jequitinhonha: #f4e49a;
    --color-leste: #b799f5;
    --color-noroeste: #6bc7cd;
    --color-triangulo-norte: #f39bdb;
    --color-triangulo-sul: #ab98f3;
    --color-centro: #f57982;
    --color-vale-do-aco: #f499d3;
    --color-leste-do-sul: #e9d263;
    --color-oeste: #caf4ff;
    --color-centro-sul: #9aa5f2;
    --color-sul: #f6a3ff;
    --color-sudoeste: #f4c29b;
    --color-sudeste: #b3cdf0;
    --color-extremo-sul: #f8ddfc;
} 

.high-contrast .mapa-regiao {
	stroke: #fff;	
}

.high-contrast .mapa-regiao:hover {
	stroke: #000;		
}

.high-contrast .mapa-regiao.active {
	stroke: #fff;
}



.high-contrast	.chart-container {
   	border: 1px solid var(--cor-borda) !important;	    
}

/* Fim Mapa e Graficos */



/* -------------------------------------------------------- */		


