/* ============================================================
   Luirgi Machado — estilos do cabeçalho e rodapé
   Valores extraídos do CSS real (post-2000.css / post-2001.css / post-1885.css)
   ============================================================ */

* { box-sizing: border-box; }
body { margin: 0; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }

/* ---------- Cabeçalho ---------- */

.topbar {
	background: var(--cor-primaria);
	color: var(--cor-branco);
}
.topbar__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 20px;
}
.topbar__list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
}
.topbar__list a {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}
.topbar .icon {
	width: 14px;
	height: 14px;
	fill: currentColor;
}

.mainbar {
	background: var(--cor-branco);
	border-bottom: 1px solid #eee;
}
.mainbar__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.mainbar__logo img { max-height: 60px; width: auto; }

.mainnav__list {
	display: flex;
	gap: 28px;
}
.mainnav__link {
	font-family: var(--fonte-titulo);
	font-weight: 600;
	color: var(--cor-secundaria);
}
.mainnav__link--ativo {
	color: var(--cor-destaque);
}
.mainnav__toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
}

@media (max-width: 768px) {
	.mainnav__list {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		background: var(--cor-branco);
		flex-direction: column;
		padding: 20px;
		gap: 16px;
		box-shadow: 0 8px 16px rgba(0,0,0,.08);
	}
	.mainnav__list.aberto { display: flex; }
	.mainnav__toggle { display: block; }
}

/* ---------- Rodapé ---------- */

.site-footer {
	background: var(--cor-primaria);
	color: var(--cor-branco);
}
.footer__top {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
}
.footer__col--logo img { width: 100px; height: 100px; object-fit: contain; }
.footer__creci {
	font-family: var(--fonte-titulo);
	font-size: 18px;
	margin-top: 12px;
}
.footer__titulo {
	font-family: var(--fonte-titulo);
	font-size: 16px;
	letter-spacing: .5px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 8px;
}
.footer__lista li { margin-bottom: 10px; font-size: 14px; }
.footer__lista a:hover { color: var(--cor-destaque); }
.footer__social { display: flex; gap: 12px; margin-top: 16px; }
.footer__social svg {
	width: 18px;
	height: 18px;
	fill: var(--cor-primaria);
	background: var(--cor-branco);
	border-radius: 50%;
	padding: 8px;
	box-sizing: content-box;
}

.footer__bottom {
	border-top: 1px solid rgba(255,255,255,.2);
	text-align: center;
	padding: 20px;
	font-size: 13px;
}
.footer__bottom p { margin: 4px 0; }

@media (max-width: 768px) {
	.footer__top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
	.footer__top { grid-template-columns: 1fr; text-align: center; }
	.footer__social { justify-content: center; }
}