/* Adequações 2026 — acessibilidade (e-MAG), breadcrumb e selo do Radar da Transparência.
   Carregado após 2019.css (ver application/config/site.php). */

/* ===================== Barra de acessibilidade (e-MAG) ===================== */
.barra-acessibilidade {
	background: #1a3c6e;
	color: #fff;
	font-size: 13px;   /* tamanho fixo: a barra é o controle de fonte, não deve escalar a si mesma */
	padding: 4px 0;
}
.barra-acessibilidade .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.barra-acessibilidade a.ba-skip {
	color: #fff;
	text-decoration: none;
	margin-right: 14px;
}
.barra-acessibilidade a.ba-skip:hover,
.barra-acessibilidade a.ba-skip:focus {
	text-decoration: underline;
	outline: 2px solid #ffd800;
}
/* skip-links ficam ocultos (sr-only) e reaparecem legíveis ao receber foco por teclado */
.barra-acessibilidade a.ba-skip.sr-only-focusable:focus {
	background: #0d2747;
	padding: 2px 10px;
	border-radius: 3px;
}
.barra-acessibilidade a.ba-skip small { opacity: .7; }
.barra-acessibilidade .ba-sep { flex: 1 1 auto; }
.barra-acessibilidade .ba-btn {
	background: transparent;
	border: 1px solid rgba(255,255,255,.5);
	color: #fff;
	border-radius: 3px;
	padding: 1px 9px;
	margin-left: 5px;
	cursor: pointer;
	font-size: 1em;
	line-height: 1.7;
}
.barra-acessibilidade .ba-btn:hover,
.barra-acessibilidade .ba-btn:focus { background: rgba(255,255,255,.18); }
.barra-acessibilidade .ba-simbolo { font-size: 1.5em; margin-left: 12px; }

/* ===================== Alto contraste ===================== */
body.contraste {
	--main: #000;
	--main-contrast: #fff;
	--secondary: #ffd800;
	--secondary-hover: #ffd800;
	--barra: #000;
	background: #000 !important;
	color: #fff !important;
}
body.contraste a { color: #ffd800 !important; text-decoration: underline; }
body.contraste .barra,
body.contraste footer,
body.contraste .final,
body.contraste .navbar,
body.contraste .navbar-light { background: #000 !important; color: #fff !important; }
body.contraste .navbar-light .navbar-nav .nav-link,
body.contraste p,
body.contraste h1, body.contraste h2, body.contraste h3,
body.contraste h4, body.contraste h5, body.contraste h6 { color: #fff !important; }
/* botão do menu (hambúrguer) no mobile: borda e ícone claros para não sumir no fundo preto */
body.contraste .navbar-toggler { border-color: #fff !important; }
body.contraste .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
body.contraste .btn,
body.contraste .btn-flat,
body.contraste .btn-dark { color: #fff !important; border-color: #fff !important; background: #000 !important; }
body.contraste .form-control { background: #000; color: #fff; border-color: #fff; }
body.contraste .breadcrumb .breadcrumb-item.active { color: #fff; }
/* força a área de conteúdo a herdar o fundo escuro (evita texto claro sobre caixa branca) */
body.contraste #conteudo { background: #000 !important; }
body.contraste #conteudo,
body.contraste #conteudo * { background-color: transparent !important; color: #fff !important; border-color: #555 !important; }
body.contraste #conteudo a,
body.contraste #conteudo a * { color: #ffd800 !important; }
/* mantém a própria barra de acessibilidade legível no modo contraste */
body.contraste .barra-acessibilidade { background: #000 !important; border-bottom: 1px solid #ffd800; }
/* logo do cabeçalho: troca para a versão de fundo escuro no modo contraste */
.logo-contraste { display: none; }
body.contraste .logo-normal { display: none; }
body.contraste .logo-contraste { display: inline-block; }

/* ===================== Breadcrumb ===================== */
.container .breadcrumb.breadcrumb-adq {
	background: transparent;
	padding: .6rem 0;
	margin-bottom: .5rem;
	font-size: .85em;
}

/* ===================== Selo Radar da Transparência =====================
   Rodapé do site é escuro (normal e contraste) -> usa a logo branca (positiva). */
.selo-radar { display: inline-block; margin-top: 22px; }
.selo-radar:hover { opacity: .85; }
.selo-radar img { max-width: 260px; height: auto; }

/* ============ Redimensionamento de texto: força unidades relativas ============
   O CSS legado dos módulos fixa font-size em px (títulos de listas, paginação,
   resultados de busca, etc.), o que impede o A+/A-. Redefinimos em rem (mesma
   dimensão a 100%, mas agora acompanham a raiz). Escopado em #conteudo para vencer
   inclusive as regras !important dos CSS de módulo (o id garante a especificidade). */
#conteudo p.pagination { font-size: 0.625rem !important; }
/* notícias */
#conteudo ul.noticias_lista { font-size: 0.75rem !important; }
#conteudo ul.noticias_lista li a { font-size: 0.875rem !important; }
#conteudo ul.noticias_lista li span { font-size: 0.6875rem !important; }
#conteudo span.noticias_numero_comentarios { font-size: 0.75rem !important; }
/* busca (resultados) */
#conteudo p.busca_por { font-size: 0.875rem !important; }
#conteudo p.busca_total { font-size: 0.75rem !important; }
#conteudo div.busca_areas { font-size: 0.6875rem !important; }
#conteudo ul.busca_lista { font-size: 0.75rem !important; }
#conteudo ul.busca_lista li a,
#conteudo ul.busca_lista li p.busca_titulo { font-size: 0.875rem !important; }
#conteudo ul.busca_lista li span { font-size: 0.6875rem !important; }
#conteudo ul.busca_lista li p.link { font-size: 0.625rem !important; }
/* fotos */
#conteudo ul.fotos_lista { font-size: 0.75rem !important; }
#conteudo ul.fotos_lista li a { font-size: 0.875rem !important; }
#conteudo ul.fotos_lista li span { font-size: 0.6875rem !important; }
#conteudo ul.fotos_lista_imagens li span.fotos_legenda { font-size: 0.625rem !important; }
/* links úteis */
#conteudo p.links_categoria { font-size: 0.875rem !important; }
#conteudo ul.links_lista li { font-size: 0.75rem !important; }
/* botões de atalho da .barra: quebrar linha e crescer em altura quando a fonte
   aumenta (o Bootstrap 4.0 força white-space:nowrap, fazendo o texto vazar) */
.barra .btn-flat { white-space: normal; height: auto; }