/*
 * Ajustes para página de artigo único (artigos.php): evita rolagem horizontal no celular.
 * Carregar por último para sobrescrever templatemo-style e Bootstrap.
 */

/* Raiz e body: limitar à viewport */
html.artigo-page {
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.artigo-page {
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Todos os containers da página (incluindo header) */
body.artigo-page .container {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* Sobrescrever templatemo em todos os breakpoints */
@media (min-width: 768px) {
	body.artigo-page .container {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}
@media (min-width: 992px) {
	body.artigo-page .container {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}
@media (min-width: 1200px) {
	body.artigo-page .container {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

/* Rows: sem margens negativas que estouram */
body.artigo-page .row {
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

body.artigo-page [class*="col-"] {
	box-sizing: border-box !important;
	min-width: 0 !important;
}

/* Header: não force largura e não corte o menu dropdown (overflow-y visible) */
body.artigo-page header#pq-header {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow-y: visible !important;
}
/* Menu hambúrguer aberto: forçar visibilidade (header não pode cortar com overflow) */
body.artigo-page header#pq-header .pq-bottom-header,
body.artigo-page header#pq-header .pq-bottom-header .navbar {
	overflow: visible !important;
}
body.artigo-page header#pq-header .navbar-collapse.collapse.in,
body.artigo-page header#pq-header .navbar-collapse.collapse.show {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 9999 !important;
	position: absolute !important;
	left: 0 !important;
	top: 100% !important;
	width: 100% !important;
	background: #fff !important;
	box-shadow: 0 5px 15px rgba(0,33,85,0.1) !important;
	max-height: 330px !important;
	overflow-y: auto !important;
}

/* Seções da página de artigo */
body.artigo-page #home2,
body.artigo-page #feature {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}

body.artigo-page #home2 .container,
body.artigo-page #home2 .row,
body.artigo-page #feature .container,
body.artigo-page #feature .row {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

/* Overlay dentro de #home2 */
body.artigo-page #home2 .overlay {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Imagem principal e texto do artigo */
.artigo-feature-img {
	overflow: hidden !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
}
.artigo-feature-img .img-artigo-principal,
#feature .img-artigo-principal {
	height: auto !important;
	display: block !important;
	max-width: 100% !important;
}
.artigo-texto img {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}
.artigo-texto table,
.artigo-texto iframe,
.artigo-texto pre {
	max-width: 100% !important;
	overflow-x: auto !important;
}

/* Qualquer elemento que possa ter width > 100% (ex.: .pq-bg-effect em outras páginas) */
body.artigo-page .pq-bg-effect {
	max-width: 100% !important;
	width: 100% !important;
}