
.altocontraste{
	/* background: #252525!important; */
	
	
	
	
	background: black!important;
	color: yellow!important;
	text-color: yellow!important;
	fill: yellow!important;
	border-color: yellow!important;
	text-shadow:none!important;
	box-shadow:none!important;
	
	
	img {
		
		filter: grayscale(100%)!important;
	}
      
	
	iframe  {
		
		filter: grayscale(100%) !important;
		background-color: black!important;
		
	}
	
	/*
	filter: grayscale(100%)!important;
	-webkit-filter: grayscale(100%)!important; */ 
	/* Safari 6.0 - 9.0 */

	
}



.altocontraste-borda{
	/*border-width: 1px!important;
	border-style: solid!important;*/
}


/* Container principal da barra */
.barra-acessibilidade-container {
	display: flex;
	align-items: center;
	gap: 50px;
	justify-content: center;
	background-color: #ffffff;
	padding: 10px 20px;
}

/* Grupo de atalhos (atalhos de navegação) */
.barra-acessibilidade-atalhos {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Item individual de atalho */
.barra-acessibilidade-item {
	display: flex;
	align-items: center;
	gap: 2px;
	text-decoration: none;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.barra-acessibilidade-item:hover {
	opacity: 0.8;
}

/* Divisor vertical entre itens */
.barra-acessibilidade-divisor {
	width: 1px;
	height: 13px;
	background-color: #D0D5DD;
}

/* Texto dos atalhos */
.barra-acessibilidade-texto {
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
}

/* Badges de atalho (ALT+1, ALT+2, etc.) */
.barra-acessibilidade-badge {
	border-radius: 0.5rem;
	background-color: #6C757D;
	padding: 2px 4px;
	font-size: 11px;
	color: white;
	font-weight: 400;
	line-height: 1;
}

/* Ícone do mapa do site */
.barra-acessibilidade-icone-mapa {
	width: 15px;
	height: 12px;
}

/* Grupo de ferramentas (lado direito) */
.barra-acessibilidade-ferramentas {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Ícones de acessibilidade e libras */
.barra-acessibilidade-icone-grande {
	width: 28px;
	height: 28px;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.barra-acessibilidade-icone-grande:hover {
	transform: scale(1.1);
}

/* Botão de alto contraste */
.barra-acessibilidade-btn-contraste {
	display: flex;
	align-items: center;
	gap: 4px;
	border-radius: 0.5rem;
	background: transparent;
	border: none;
	padding: 5px 8px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.barra-acessibilidade-btn-contraste:hover {
	background-color: #e9ecef;
}

/* Ícone dentro do botão de contraste */
.barra-acessibilidade-icone-contraste {
	width: 12px;
	height: 12px;
}

/* Botões de ajuste de fonte (A+ e A-) */
.barra-acessibilidade-btn-fonte {
	border-radius: 0.5rem;
	background: transparent;
	border: none;
	padding: 5px 8px;
	cursor: pointer;
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	transition: background-color 0.2s ease;
}

.barra-acessibilidade-btn-fonte:hover {
	background-color: #e9ecef;
}

/* Container do botão de busca */
.barra-acessibilidade-busca {
	display: flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: 1px solid #D0D5DD;
	border-radius: 0.5rem;
	padding: 10px 17.5px 10px 13.5px;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.barra-acessibilidade-busca:hover {
	background-color: #e9ecef;
	border-color: #98A2B3;
}

/* Ícone de busca */
.barra-acessibilidade-icone-busca {
	width: 12px;
	height: 12px;
}

/* Texto placeholder da busca */
.barra-acessibilidade-busca-texto {
	color: #98A2B3;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
}

