/*
 * Microcubo UI · footer (Elementor template "Footer Figma 2026")
 *   mc-footer                                root section
 *   mc-footer__top                           the four columns (grid)
 *   mc-footer__logo, __social                brand column
 *   mc-footer__address, __note               the two sites / small print under the contacts
 *   mc-footer__box, __inpi                   bordered "Mobiliário urbano" box and the INPI note
 *   mc-footer__bottom, __legal, __credits, __complaints    bottom bar
 * The contact area selector is a component (components/contact-picker); the newsletter form is in forms.css.
 */

.mc-footer,
.mc-footer p {
	color: var(--mc-white);
}

.mc-footer a {
	color: var(--mc-white);
	transition: opacity .2s;
}

.mc-footer a:hover {
	opacity: .7;
}

.mc-footer a:focus-visible,
.mc-footer input:focus-visible,
.mc-footer button:focus-visible {
	outline: 1px solid var(--mc-white);
	outline-offset: 3px;
}

/* four columns from 1366px; 2x2 below (Elementor: 2x2 on tablet, one column on mobile) */
@media (min-width: 1025px) and (max-width: 1365px) {
	.mc-footer__top {
		--e-con-grid-template-columns: 1fr 1fr !important;
		--row-gap: 56px !important;
		--column-gap: 48px !important;
		--gap: 56px 48px !important;
	}
}

.mc-footer__logo a {
	display: block;
	width: fit-content;
}

/* social links: 62px apart at 1920, closer when the column narrows, always on one line */
.mc-footer__social {
	align-self: stretch !important;
	width: 100% !important;
}

.mc-footer__social p {
	display: flex;
	flex-wrap: wrap;
	column-gap: clamp(12px, calc((100% - 236px) / 2), 62px);
	row-gap: 8px;
	margin: 0;
}

.mc-footer .mc-footer__social a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Sede and Produção & Escritórios: 16px apart (Figma), not the blank line of the other texts */
.mc-footer__address p {
	margin-bottom: 16px;
}

.mc-footer__note p {
	max-width: 330px;
}

/* bordered "Mobiliário urbano" box (a link) */
.mc-footer__box {
	--width: clamp(280px, 21.927vw, 421px) !important;
}

.mc-footer__box:hover {
	opacity: .85;
}

.mc-footer__box .mc-image img {
	width: 100%;
	height: auto;
}

@media (max-width: 1365px) {
	.mc-footer__box {
		--width: min(100%, 421px) !important;
	}
}

@media (max-width: 767px) {
	.mc-footer__box {
		--width: 100% !important;
	}
}

.mc-footer__inpi p {
	max-width: 403px;
}

/* ------------------------------------------------------------------ bottom bar */

.mc-footer .mc-footer__legal a {
	text-decoration: none;
}

.mc-footer .mc-footer__legal a:hover {
	text-decoration: underline;
	opacity: 1;
}

.mc-footer__credits {
	text-align: right;
}

.mc-footer__complaints a {
	display: block;
}

@media (max-width: 767px) {
	.mc-footer__bottom .mc-text {
		text-align: center;
	}
}