.contraste {
	--cor-fundo: black;
	--cor-fonte: white;
	--cor-contraste: white;
	--cor-fundo-sessao-escuro: black;
	--cor-fundo-contraste: #070707;
	--cor-borda-contraste: #212529;

	img{
		background: transparent !important;
	}


	/* Ajuste para inputs e botões */
	input, textarea, button, select, .indicador {
		border: 2px solid var(--cor-contraste) !important;
	}

	.material-symbols-outlined {
		background-color: var(--cor-fundo) !important;
		color: var(--cor-fonte) !important;
	}

	#bannerMais {
		background: none !important;

		&::before {
			content: unset !important;
		}
	}
}

.contraste{
	#elementoBlur, .elemento-grafico-filtro-hover, .elemento-grafico-filtro-selecionado, .filtro-de-cor, .tarja{
		display: none !important;
	}
} 

.contraste .aba-acessibilidade{
	background: var(--cor-fundo) !important;
	color: var(--cor-fonte) !important;
	
}

.contraste #acessibilidade{
	border: 2px solid var(--cor-contraste) !important;

	.aba-acessibilidade {
        background: var(--cor-contraste) !important;

		.material-symbols-outlined {
			background-color: var(--cor-contraste) !important;
			color: black !important;
		}
    }

	.link-acessibilidade{
		border: none !important;
		text-decoration: none !important;

		h6{
			
			text-decoration: underline !important;
		}
	}
}

.contraste #acessibilidade li:hover {
	color: #FFF333;
	
	a, h6, span, div, i, sup, button{
		background: transparent !important;
		color: var(--cor-primaria) !important;
	}
}

/* Ajuste para faixa de "novo" */
.contraste #servicosContainer .card .faixa-novo{
	background-color: var(--cor-secundaria) !important;
	p{
		background-color: var(--cor-secundaria) !important;
		color: var(--cor-primaria) !important;
	}
}




.contraste button:not(.card, .link-acessibilidade, #botaoVoltarAoTopo) {
	background: var(--cor-secundaria) !important;
	color: var(--cor-primaria) !important;
	padding: 10px;
	cursor: pointer;

	i{
		background-color: var(--cor-secundaria) !important;
		color: var(--cor-primaria) !important;
	}
}

.contraste button#botaoVoltarAoTopo {
	background: var(--cor-secundaria) !important;
	color: var(--cor-primaria) !important;

	i{
		background-color: var(--cor-secundaria) !important;
		color: var(--cor-primaria) !important;
	}
}

.contraste button.card{
	.selos{
		background-color: transparent !important;
	}
}

/* Links */
.contraste a {
	text-decoration: underline !important;
	&:hover, &:active{
		color: #FFF333 !important
	}
}

/* Ajuste para tabelas */
.contraste table {
	border-collapse: collapse !important;
	border: 2px solid var(--cor-secundaria) !important;
	width: 100%;
}

.contraste th, .contraste td {
	border: 1px solid var(--cor-secundaria) !important;
	padding: 8px;
	text-align: left;
}



/* Header */

.contraste #containerHeader {
	background: var(--cor-primaria) !important;

	.dropdown-menu {
		background-color: #000 !important;
		border: 1px solid #fff !important;
	}

	.dropdown-item {
		background-color: #000 !important;
		color: #fff !important;

		&:hover {
			background-color: #FFF333 !important;
			color: #000 !important;
		}

		span {
			color: inherit !important;
			background-color: transparent !important;
		}
	}

	.container-navegacao {
		.caixa-navegacao {
			/* background: var(--cor-primaria) !important; */

			.navegacao {
				ul {
					li {
						border-radius: 15px;

						.link-navegacao {
							text-decoration: none !important;
						}
					}
				}
			}
		}
	}
}

/* FIM Header END */

/* Orelha e Protocolos */
.contraste .informacoes-extras {
	.aba-protocolos {
		background-color: #000 !important;
		border: 1px solid #fff !important;
		color: #fff !important;
	}

	.opcao-protocolo {
		background-color: #000 !important;
		
		a {
			color: #fff !important;
			text-decoration: none !important;

			i, span {
				color: inherit !important;
				background-color: transparent !important;
			}
		}

		&:hover {
			background-color: #FFF333 !important;
			a {
				color: #000 !important;
			}
		}
	}

	button#botaoProtocolos {
		background-color: #000 !important;
		color: #fff !important;
		border: 1px solid #fff !important;

		span {
			color: inherit !important;
			background-color: transparent !important;
		}
	}

	.opcao-informacao-fixo {
		background-color: #000 !important;
		color: #fff !important;
		border: 1px solid #fff !important;

		i, span {
			color: inherit !important;
			background-color: transparent !important;
		}
	}
}



/* Serviços */

.contraste #servico {
	.filtros-cards-container {
		box-shadow: none !important;

		.lista-filtros {
			.elemento-grafico-filtro-hover{
				display: none !important;
			}
			.elemento-grafico-filtro-selecionado {
				display: none !important;
			}
			.filtro-de-cor {
				display: none !important;
			}
		}
	}
}

/* FIM Serviços END */

/* Reaplicação: forçar fundos pretos e texto branco quando a classe `contraste` estiver ativa */

body.contraste,
body.contraste * {
	background-color: transparent !important;
	color: inherit !important;
}

/* Forçar fundo preto e texto branco globalmente */
body.contraste {
	background-color: #000 !important;
	color: #fff !important;
}

/* Elementos de bloco comuns */
body.contraste header,
body.contraste main,
body.contraste footer,
body.contraste .container-intro,
body.contraste .agenda-calendario,
body.contraste .agenda-eventos,
body.contraste .card,
body.contraste .box-body,
body.contraste .modal-content,
body.contraste .dropdown-menu,
.contraste #containerHeader,
.contraste .card,
.contraste .nav-link {
	background-color: #000 !important;
	color: #fff !important;
}

/* Links e ícones */
body.contraste a,
body.contraste .link,
.contraste a,
.contraste .link-acessibilidade {
	color: #fff !important;
	text-decoration: underline !important;
}

.contraste a:hover, body.contraste a:hover {
	color: #FFF333 !important;
}

/* Formulários e botões */
body.contraste input,
body.contraste textarea,
body.contraste select,
body.contraste button,
.contraste input,
.contraste textarea,
.contraste select,
.contraste button {
	background-color: #000 !important;
	color: #fff !important;
	border: 2px solid #fff !important;
}

/* Tabelas */
.contraste table,
body.contraste table {
	background-color: #000 !important;
	color: #fff !important;
	border: 2px solid #fff !important;
}

.contraste th, .contraste td,
body.contraste th, body.contraste td {
	border: 1px solid #fff !important;
	color: #fff !important;
}

/* Destaque de foco para navegação por teclado */
body.contraste :focus {
	outline: 3px solid #fff !important;
	outline-offset: 2px !important;
}

/* Ícones material */
.contraste .material-symbols-outlined,
body.contraste .material-symbols-outlined {
	color: #fff !important;
	background: transparent !important;
}