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_tercos{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:28px 20px 34px 20px;
	font-family:Arial, Helvetica, sans-serif;
}

.topo_tercos{
	margin-bottom:22px;
}

.barra_topo_tercos{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	border-bottom:3px solid #d8a327;
	padding-bottom:10px;
}

.titulo_pagina_tercos{
	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;
	white-space:nowrap;
}

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

.subtopo_tercos{
	margin-top:12px;
	padding:14px 18px;
	background:linear-gradient(135deg, #f8fbff, #eef4fb);
	border:1px solid #dde7f4;
	border-radius:14px;
	color:#4d6076;
	font-size:15px;
	line-height:1.7;
	box-shadow:0 4px 12px rgba(0,0,0,0.04);
}

.lista_tercos{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:14px;
	margin-top:22px;
	align-items:start;
}

.item_terco{
	background:#ffffff;
	padding:16px 14px;
	border-radius:14px;
	box-shadow:0 4px 12px rgba(0,0,0,0.08);
	text-decoration:none;
	color:#1a3e6e;
	text-align:center;
	border:1px solid #e7edf5;
	transition:all .18s ease;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:108px;
}

.item_terco:hover{
	background:#eef5ff;
	color:#0f2f57;
	border-color:#bfd2ea;
	box-shadow:0 8px 18px rgba(26,62,110,0.14);
	transform:translateY(-2px);
}

.nome_terco{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	font-size:19px;
	line-height:1.15;
	font-family:Georgia, "Times New Roman", serif;
	font-weight:700;
	margin-bottom:6px;
}

.icone_item_terco{
	width:22px;
	height:22px;
	object-fit:contain;
	display:block;
	flex:0 0 22px;
}

.desc_terco{
	display:block;
	font-size:12px;
	line-height:1.4;
	font-weight:400;
	color:#667688;
}

.item_terco:hover .desc_terco{
	color:#44586e;
}

.bloco_tercos_info{
	margin-top:28px;
	padding:18px 20px;
	border-radius:14px;
	background:linear-gradient(135deg, #f8fbff, #eef4fb);
	border:1px solid #dde7f4;
	color:#1a3e6e;
	box-shadow:0 4px 12px rgba(0,0,0,0.04);
	text-align:center;
	line-height:1.7;
}

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

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

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

body.modo-escuro .item_terco:hover{
	background:#1d2a3b;
	color:#ffffff;
	border-color:#3a4c63;
	box-shadow:0 10px 24px rgba(0,0,0,0.28);
}

body.modo-escuro .desc_terco{
	color:#aebccc;
}

body.modo-escuro .item_terco:hover .desc_terco{
	color:#d5e1ee;
}

@media(max-width:900px){
	.lista_tercos{
		grid-template-columns:repeat(2, 1fr);
	}
}

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

	.barra_topo_tercos{
		justify-content:center;
		text-align:center;
		padding-bottom:8px;
	}

	.titulo_pagina_tercos{
		font-size:28px;
		gap:10px;
		white-space:normal;
		justify-content:center;
	}

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

	.subtopo_tercos{
		font-size:14px;
		padding:12px 14px;
		text-align:center;
	}

	.lista_tercos{
		grid-template-columns:1fr;
		gap:12px;
	}

	.item_terco{
		min-height:94px;
		padding:14px 12px;
	}

	.nome_terco{
		font-size:18px;
	}

	.icone_item_terco{
		width:20px;
		height:20px;
		flex:0 0 20px;
	}

	.desc_terco{
		font-size:12px;
	}
}