html,
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-family:Arial, Helvetica, sans-serif;
}

*{
	box-sizing:border-box;
}

img{
	max-width:100%;
	height:auto;
}

.container_construcao{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:34px 20px 40px 20px;
	font-family:Arial, Helvetica, sans-serif;
}

.topo_construcao{
	margin-bottom:22px;
}

.barra_topo_construcao{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
	border-bottom:3px solid #d8a327;
	padding-bottom:10px;
}

.titulo_construcao{
	margin:0;
	display:flex;
	align-items:center;
	gap:12px;
	font-size:34px;
	color:#1a3e6e;
	font-family:Georgia, "Times New Roman", serif;
	font-weight:700;
	line-height:1.1;
}

.icone_construcao{
	width:42px;
	height:42px;
	object-fit:contain;
	display:block;
	flex:0 0 auto;
}

.box_construcao{
	margin-top:20px;
	background:#ffffff;
	border:1px solid #e2eaf3;
	border-radius:18px;
	padding:42px 28px;
	text-align:center;
	box-shadow:0 8px 24px rgba(0,0,0,0.07);
}

.box_construcao h2{
	margin:0 0 12px 0;
	font-size:28px;
	color:#1a3e6e;
	font-family:Georgia, "Times New Roman", serif;
}

.box_construcao p{
	margin:0 auto 10px auto;
	max-width:700px;
	font-size:16px;
	line-height:1.8;
	color:#56697d;
}

.faixa_construcao{
	display:inline-block;
	margin-top:18px;
	padding:8px 16px;
	border-radius:999px;
	background:#fff8e1;
	color:#8a6b12;
	font-size:13px;
	font-weight:700;
	border:1px solid #f1de99;
}

.acoes_construcao{
	margin-top:24px;
	display:flex;
	justify-content:center;
	gap:12px;
	flex-wrap:wrap;
}

.botao_construcao{
	display:inline-block;
	padding:11px 18px;
	border-radius:10px;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	transition:.18s ease;
}

.botao_principal{
	background:#1a3e6e;
	color:#ffffff;
}

.botao_principal:hover{
	background:#143153;
}

.botao_secundario{
	background:#eef5ff;
	color:#1a3e6e;
	border:1px solid #cddff3;
}

.botao_secundario:hover{
	background:#e4effd;
}

/* MODO ESCURO */
body.modo-escuro .titulo_construcao{
	color:#e7eef7;
}

body.modo-escuro .box_construcao{
	background:#182230;
	border-color:#2b3a4d;
	box-shadow:0 8px 24px rgba(0,0,0,0.22);
}

body.modo-escuro .box_construcao h2{
	color:#e7eef7;
}

body.modo-escuro .box_construcao p{
	color:#b8c6d6;
}

body.modo-escuro .faixa_construcao{
	background:#2d2612;
	color:#f3d879;
	border-color:#5c4b18;
}

body.modo-escuro .botao_principal{
	background:#27476d;
}

body.modo-escuro .botao_principal:hover{
	background:#315985;
}

body.modo-escuro .botao_secundario{
	background:#182230;
	color:#dce6f1;
	border-color:#2b3a4d;
}

body.modo-escuro .botao_secundario:hover{
	background:#223246;
}

@media(max-width:600px){
	.container_construcao{
		max-width:100%;
		padding:24px 10px 28px 10px;
	}

	.barra_topo_construcao{
		justify-content:center;
		text-align:center;
	}

	.titulo_construcao{
		font-size:26px;
		line-height:1.2;
		justify-content:center;
		text-align:center;
		flex-wrap:wrap;
	}

	.icone_construcao{
		width:34px;
		height:34px;
	}

	.box_construcao{
		padding:30px 18px;
	}

	.box_construcao h2{
		font-size:24px;
	}

	.box_construcao p{
		font-size:15px;
	}

	.acoes_construcao{
		flex-direction:column;
	}

	.botao_construcao{
		width:100%;
		text-align:center;
	}
}