footer {color : #CCC;padding : 64px 24px 0}
.footer-grid {max-width : 1200px;margin : 0 auto;display : grid;grid-template-columns :2fr 1fr 1fr;gap : 48px}
.footer-brand p {font-size : 14px;line-height : 1.75;margin-top : 16px;max-width : 300px;opacity : .7}
.footer-col h5 {font-size : 13px;font-weight : 600;color : #FFF;text-transform : uppercase;letter-spacing : .1em;margin-bottom : 16px}
.footer-col a {display : block;font-size : 14px;color : #999;text-decoration : none;margin-bottom : 10px;transition : color .15s}
.footer-col a:hover {color : #FFF}
.footer-meta {max-width : 1200px;margin : 48px auto 0;border-top : 1px solid #222;padding : 24px 0;display : flex;justify-content : space-between;align-items : center;flex-wrap : wrap;gap : 12px;font-size : 13px;color : #666}
.footer-contacts {display : flex;flex-direction : column;gap : 8px;margin-top : 16px;font-size : 14px;opacity : .7}
.footer-logo img {height : 30px;filter : brightness(0) invert(1);opacity : .8}

footer {
	background : linear-gradient(
		to bottom,
		#383B45 0%, /* Cinza mais aberto */ #31343C 100% /* Cinza da logo levemente ajustado */
	);
}

/* ─── AJUSTES PARA MOBILE ────────────────────────── */
@media (max-width : 768px) {
	footer {
		padding    : 48px 20px 20px; /* Reduz um pouco o padding superior */
		text-align : center; /* Centraliza o texto para um visual mais equilibrado */
	}

	.footer-grid {
		grid-template-columns : 1fr; /* Força uma única coluna */
		gap                   : 40px;
	}

	.footer-brand p {
		margin    : 16px auto 0; /* Centraliza o parágrafo da marca */
		max-width : 100%; /* Permite que o texto ocupe a largura disponível */
	}

	.footer-logo img {
		margin : 0 auto; /* Centraliza a logo */
	}

	.footer-contacts {
		align-items : center; /* Centraliza os ícones/textos de contato */
		margin-top  : 20px;
	}

	.footer-meta {
		flex-direction : column; /* Empilha o copyright e as redes sociais */
		text-align     : center;
		gap            : 20px;
		margin-top     : 40px;
		padding        : 24px 0;
	}

	.footer-meta div {
		justify-content : center; /* Centraliza os links das redes sociais */
		width           : 100%;
	}

	.footer-col a {
		padding : 8px 0; /* Aumenta a área de clique para os dedos */
	}
}