/**
 * Tema claro do pemanager — carregar depois de style.css
 * Textos escuros, destaques amarelos → darkred.
 * Imagem de fundo (fundo.jpg): mantida como no style.css — você pode trocar o arquivo/cores da imagem.
 */

body {
	color: #111 !important;
}

a {
	color: #1a1a1a !important;
}

a:hover {
	color: #8b0000 !important;
}

h2 {
	color: #8b0000 !important;
}

/* HOME: acordeão — conteúdo sob cada h2 só ao clicar */
section.pe-home-accordion .pe-home-h2-trigger {
	cursor: pointer;
	user-select: none;
	position: relative;
	padding-right: 1.25em;
}

section.pe-home-accordion .pe-home-h2-trigger:focus {
	outline: 2px solid #8b0000;
	outline-offset: 2px;
}

section.pe-home-accordion .pe-home-h2-trigger::after {
	content: '\25BC';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.45em;
	opacity: 0.65;
	line-height: 1;
	transition: transform 0.15s ease;
}

section.pe-home-accordion .pe-home-h2-trigger.is-open::after {
	transform: translateY(-50%) rotate(-180deg);
}

section.pe-home-accordion .pe-home-h2-panel[hidden] {
	display: none !important;
}

/* Antigo "> " nos parágrafos → bullet vermelho + sombra cinza */
.pe-lead-bullet {
	position: relative;
	padding-left: calc(1.1em + 20px);
}

.pe-lead-bullet::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 0.52em;
	width: 0.48em;
	height: 0.48em;
	border-radius: 50%;
	background: linear-gradient(155deg, #ef5350 0%, #c62828 55%, #b71c1c 100%);
	box-shadow:
		0 1px 4px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(255, 255, 255, 0.35) inset;
	pointer-events: none;
}

span.pe-chev-bullet {
	display: inline-block;
	vertical-align: 0.2em;
	width: 0.48em;
	height: 0.48em;
	margin-left: 20px;
	margin-right: 0.42em;
	border-radius: 50%;
	background: linear-gradient(155deg, #ef5350 0%, #c62828 55%, #b71c1c 100%);
	box-shadow:
		0 1px 4px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(255, 255, 255, 0.35) inset;
	flex-shrink: 0;
}

h3 {
	color: #8b0000 !important;
}

/* Realce vermelho claro nos títulos h1 (marca-texto) */
h1 {
	background-color: #ffe8e8 !important;
	color: #111 !important;
	padding: 0.35em 0.65em;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.holder_cabecalho h1 {
	color: #111 !important;
}

.container_centro {
	background-color: #fff !important;
	color: #111 !important;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.p_botao {
	background-color: #f3f3f3 !important;
	color: #111 !important;
	border: 2px solid #333 !important;
}

.p_botao a {
	color: #111 !important;
}

.p_botao:hover {
	background-color: #e8e8e8 !important;
}

/* Botão “voltar ao topo” (#home): retângulo vermelho + seta branca (máscara a partir do arrow_top.png). */
#menTop {
	background-color: #cb0000 !important;
	background-image: none !important;
	border: 2px solid #8b0000 !important;
	box-sizing: border-box !important;
}

#menTop::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff !important;
	-webkit-mask-image: url(../img/arrow_top.png);
	mask-image: url(../img/arrow_top.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	pointer-events: none;
}

.holder_conteudo th {
	color: #111 !important;
	background-color: #e8e8e8 !important;
}

.holder_conteudo tr:nth-child(odd) {
	background-color: #f5f5f5 !important;
}

.tabela_lista td a {
	color: #111 !important;
}

.tabela_lista tr:hover {
	background-color: #ececec !important;
}

.tabela_lista tr:hover a {
	color: #8b0000 !important;
}

.td_id {
	color: #111 !important;
	background-color: #ddd !important;
}

.mensagem {
	color: #111 !important;
}

.header,
.header50 {
	background-color: #fff !important;
	border-bottom: 1px solid #ccc !important;
}

.listaNav li a {
	color: #111 !important;
}

.listaNav li:hover > a {
	color: #111 !important;
	background-color: #eee !important;
}

.header50 .listaNav li:hover > a {
	color: #111 !important;
	background-color: #eee !important;
}

.listaNav ul li a {
	background-color: #fff !important;
	color: #333 !important;
	border: 1px solid #ddd;
}

.listaNav ul li a:hover {
	color: #fff !important;
	background-color: #555 !important;
}

.header50 .listaNav ul li a:hover {
	color: #fff !important;
	background-color: #666 !important;
}

.listaNav li .ativo {
	color: #111 !important;
	background-color: #ddd !important;
}

.container_input,
.container_txt,
.container_select {
	background-color: #f7f7f7 !important;
	border: 1px solid #ccc !important;
	color: #111 !important;
}

.container_select,
.container_txt_maior {
	color: #111 !important;
}

.container_input input:checked ~ .checkmark {
	background-color: #8b0000 !important;
}

.container_input .checkmark:after {
	border-color: #fff !important;
}

.item_margem h2:hover {
	border-bottom-color: #8b0000 !important;
}

.item_margem h2:hover::after {
	color: #8b0000 !important;
}

.footer {
	background-color: #f0f0f0 !important;
	border-top: 1px solid #ddd;
}

.coluna_rodape,
.coluna_rodape a {
	color: #222 !important;
}

.linha_rodape {
	background-color: #e5e5e5 !important;
	color: #111 !important;
}

#tela_login {
	background-color: #fff !important;
	border: 1px solid #ccc;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

#tela_login input {
	background-color: #fff !important;
	color: #111 !important;
	border: 1px solid #ccc !important;
}

#selo_fotos a {
	color: #111 !important;
}

.foto .ordem_sequencia {
	background-color: #333 !important;
	color: #fff !important;
}

.form_navegacao select {
	border: 1px solid #ccc !important;
}

/* Textos que eram amarelos / destaque */
.pe-area-titulo,
.pe-destaque-numeros,
.pe-aviso-texto,
.pe-destaque-texto,
.pe-include-titulo {
	color: #8b0000 !important;
}

.pe-destaque-numeros {
	font-size: 2em !important;
	font-weight: 600;
}

/* Login: títulos e links */
.pe-login-titulo {
	color: #8b0000 !important;
}

.pe-login-ajuda {
	color: #111 !important;
}

.pe-login-ajuda a {
	color: #8b0000 !important;
}

/* Mobile menu */
@media screen and (max-width: 890px) {
	.listaNav,
	.listaNav ul {
		background: #fff !important;
		border-top: 1px solid #ddd;
	}

	.listaNav li {
		border-bottom: 1px solid #ddd !important;
	}

	.listaNav li a {
		color: #111 !important;
	}

	.listaNav li:hover a {
		background-color: #eee !important;
		color: #111 !important;
	}

	.listaNav li .ativo {
		background-color: #ddd !important;
		color: #111 !important;
	}

	.listaNav li ul li a {
		background-color: #fafafa !important;
		color: #333 !important;
	}

	.listaNav li:hover ul li a:hover {
		background-color: #555 !important;
		color: #fff !important;
	}
}

@media screen and (max-width: 650px) {
	#tela_login {
		background-color: #fff !important;
	}
}

/* Includes antigos: <font color="yellow"> / #FFFCA6 → darkred; branco → preto */
font[color="yellow"],
font[color="Yellow"],
font[color="#FFFCA6"],
font[color="#fffca6"],
font[color="#FFFF00"],
font[color="#ffff00"] {
	color: #8b0000 !important;
}

/* Dentro de h1 o fundo já é vermelho claro: texto escuro para contraste */
h1 font[color="yellow"],
h1 font[color="Yellow"],
h1 font[color="#FFFCA6"],
h1 font[color="#fffca6"],
h1 font[color="#FFFF00"],
h1 font[color="#ffff00"] {
	color: #111 !important;
}

font[color="white"],
font[color="White"],
font[color="#FFFFFF"],
font[color="#fff"] {
	color: #111 !important;
}

#msg {
	color: #111 !important;
}