@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

:root {
	--cor_amarelo: #d5ab52;
	--cor_azul: #13253b;
	--cor-vermelho: #c41b4c;
	--cor_cinza: #6284a5;
	--cor-cinza-escuro: #363636;
	--cor-laranja: #f0544f;
}

#graficoPropostas,
#mapaPropostas {
	height: 100%;
	min-height: 480px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-body {
	position: relative;
}

.link-azul {
	color: var(--cor_azul) !important;
}

.titulo-certidao {
	background-color: #d5ab52 !important;
	font-weight: bold;
	text-align: start;
}

.btn-amarelo {
	background-color: var(--cor_amarelo);
	color: #fff;
	border-color: var(--cor_amarelo);
}

.btn-amarelo:hover {
	background-color: #c49a45;
	border-color: #c49a45;
	color: #fff;
}

.btn-azul {
	background-color: var(--cor_azul);
	color: #fff;
	border-color: var(--cor_azul);
}

.btn-azul:hover {
	background-color: #112135;
	border-color: #112135;
	color: #fff;
}

.cor-link {
	color: var(--cor_azul);
}

.cor-link:hover {
	color: var(--cor_amarelo);
}

.bg-cinza {
	background-color: var(--cor_cinza);
}

.bg-laranja {
	background-color: var(--cor-laranja);
}

.bg-vermelho {
	background-color: var(--cor-vermelho);
}

.bg-cinza-escuro {
	background-color: var(--cor-cinza-escuro);
}

body {

	font-family: "Roboto Flex", sans-serif !important;
	color: var(--cor_azul) !important;
}

.texto-azul {
	color: var(--cor_azul);
}

.texto-amarelo {
	color: var(--cor_amarelo);
}

.bg-amarelo {
	background-color: var(--cor_amarelo);
}

.bg-azul {
	background-color: var(--cor_azul)
}

.fonte-logo {
	font-family: century-gothic, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.fw-bold {
	font-weight: bold;
}

.icone-logo {
	max-width: 36px;

}

.logo-login {
	max-width: 200px;
}

.page-login {
	background: url('../../../../img/back-login2.png');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: 100vh;
}


.custom-btn {
	background-color: var(--cor_azul);
	border-radius: 0;
	/* Sem canto arredondado */
	color: #fff;
	/* Cor do texto */
	border: none;
	/* Sem borda */
	transition: background-color 0.3s ease;
	/* Transição suave */
}

.custom-btn:hover {
	background-color: #0e1d2b;
	/* Mais escura no hover */
}