/* Header inner rows + footer aligned to --cx-content-max (set in header.php) */

html.cx-wide-chrome,
body.cx-wide-chrome,
html.cx-wide-chrome #site-header {
	--cx-content-max: min(1560px, 98vw);
}

#site-header {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

#site-header .header__top .header__container,
#site-header .header__nav {
	width: 100% !important;
	max-width: var(--cx-content-max, 1180px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
	box-sizing: border-box;
}

@media (min-width: 1024px) {
	#site-header .header__nav-panel {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
	}

	#site-header .header__nav-panel .header__nav-panel-head {
		display: none !important;
	}
}

#primary {
	max-width: var(--cx-content-max, 1180px) !important;
}

/* Listing pages: full ~1560px content (beats style.css 850px / 800px / 300px) */
body.cx-wide-chrome #primary {
	display: block !important;
	max-width: min(1560px, 98vw) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
}

body.cx-wide-chrome #primary .entry-site-main {
	align-self: stretch !important;
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

@media only screen and (max-width: 1200px) {
	body.cx-wide-chrome #primary {
		max-width: min(1560px, 98vw) !important;
	}
}

@media only screen and (max-width: 820px) {
	body.cx-wide-chrome #primary,
	body.cx-wide-chrome #primary .entry-site-main {
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}
}

.footer {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.footer .footer__container,
.tecnologias-slider-container {
	max-width: var(--cx-content-max, 1180px) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	#site-header .header__top .header__container,
	#site-header .header__nav {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.footer .footer__container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}