/* CSS for Footer */

footer {
    background-color: #718E7B;
}

.footer { color: #fff; padding: 25px 0; }
.footer a { color: #fff; }
.footer a:hover { color: var(--color-accent-primary); }

.footer .wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--spacing-gap-small);
	align-items: center;
}

.footer .wrapper .footer-left {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gap-medium);
}

.footer .wrapper .footer-left .footer-left-content {
	display: flex;
	align-items: center;
	gap: var(--spacing-gap-large);
}

.footer .wrapper .footer-logo {
    width: 60%;
    max-width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .wrapper .footer-logo svg {
	width: 100%;
	height: auto;
}

.footer .wrapper .footer-logo svg path { fill: #fff; }

.footer .wrapper .contact-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacing-gap-large);
}

.footer .wrapper .footer-diviser {
	width: 1px;
	opacity: 0.5;
	background-color: #fff;
	align-self: stretch;
}

.footer .wrapper .endereco {
	font-size: 16px;
	line-height: 20px;
    text-wrap: nowrap;
}

.footer .wrapper .contatos {
	display: flex;
	gap: var(--spacing-gap-large);
	flex-direction: row;
}

.footer .wrapper .contatos .contato-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.footer .wrapper .contatos .contato-linha {
	display: flex;
	align-items: center;
	gap: var(--spacing-gap-small);
}

.footer .wrapper .contatos .contato-linha img {
	width: 20px;
	height: 20px;
}

.footer .wrapper .contatos .contato-linha span {
	font-size: 16px;
	line-height: 16px;
}

.footer .wrapper .contatos .contato-linha.telefone span {
	font-size: 20px;
	line-height: 20px;
}

.footer .wrapper .contatos .contato-linha.email span {
	font-size: 17px;
	line-height: 17px;
}

.footer .wrapper .footer-right {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gap-small);
	justify-content: space-between;
	height: 100%;
}

.footer .wrapper .footer-right .redes-sociais {
	display: flex;
	align-items: center;
	gap: var(--spacing-gap-small);
	justify-content: flex-end;
}

.footer .wrapper .footer-right .redes-sociais a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
}

.footer .wrapper .footer-right .redes-sociais a img {
	width: auto;
	height: 30px;
}

.footer .wrapper .footer-right .helper-links {
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
}


/* ─── Responsivo ──────────────────────────────────────────────── */

@media (max-width: 1200px) {
	.footer .wrapper .footer-diviser { display: none; }
	.footer .wrapper { flex-direction: column; justify-content: center; align-items: center; }
	.footer .wrapper .footer-left { justify-content: space-between; align-items: center; width: 100%; padding-bottom:0; }
	.footer .wrapper .footer-right { justify-content: space-between; width: 100%; height: auto; border-top: 1px solid rgba(255,255,255,0.5); padding-top: var(--spacing-gap-medium); flex-direction: row; gap: var(--spacing-gap-medium); align-items: center; }
	.footer .wrapper .footer-right .redes-sociais { justify-content: center; }
	.footer .wrapper .footer-right .helper-links { text-align: center; align-items: center; }
	.footer .wrapper .footer-left .footer-left-content { width: 100%; align-items: center; justify-content: center; }
}

@media (max-width: 1024px) {
	.footer { padding-top: var(--spacing-section-vertical); }
	.footer .wrapper { gap: 0; }
	.footer .wrapper .footer-left { flex-direction: column; }
	.footer .wrapper .footer-logo { width: 80%; max-width: 400px; }
	.footer .wrapper .footer-left .footer-left-content { flex-direction: column; }
	.footer .wrapper .contact-wrapper { width: 100%; flex-direction: column; border-top: 1px solid rgba(255,255,255,0.5); padding-top: var(--spacing-gap-medium); border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: var(--spacing-gap-medium); }
	.footer .wrapper .endereco { text-align: center; width: 100%; }
	.footer .wrapper .contatos { align-items: center; width: 100%; justify-content: center; flex-wrap: wrap; }
	.footer .wrapper .contatos .contato-item { align-items: center; }
	.footer .wrapper .contatos .contato-linha { justify-content: center; }
	.footer .wrapper .footer-right { padding-top: var(--spacing-gap-medium); border-top: none; flex-direction: column; gap: 15px; align-items: center; }
}

@media (max-width: 768px) {
	.footer .wrapper .footer-logo { max-width: unset; }
}