/* ========================================
   MOBILE FIX - SISTEMA ZION
   Correções para prevenir scroll horizontal em mobile
   ======================================== */

/* Previne overflow horizontal global */
* {
	max-width: 100%;
}

/* Containers Bootstrap devem respeitar limites */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
	max-width: 100% !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}

/* Rows Bootstrap não devem causar overflow */
.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
}

/* Colunas Bootstrap */
[class*="col-"] {
	padding-left: 15px;
	padding-right: 15px;
	max-width: 100%;
	box-sizing: border-box;
}

/* Previne elementos fixed/absolute de causarem scroll */
.toolbar-vertical-fixed,
.barra-ferramentas-toggle {
	max-width: none !important; /* Fixed elements podem ultrapassar */
}

/* Imagens e mídia sempre responsivas */
img,
video,
iframe,
embed,
object {
	max-width: 100% !important;
	height: auto !important;
}

/* Tabelas responsivas */
table {
	max-width: 100%;
	box-sizing: border-box;
}

/* Pre e code não devem causar overflow */
pre,
code {
	max-width: 100%;
	overflow-x: auto;
	word-wrap: break-word;
}

/* Media queries para mobile */
@media (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}

	#conteudo {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Reduz margens em mobile */
	.fundo-menu-textos,
	.fundo-menu-textos-referencia,
	.fundo-textos {
		margin-left: 0.2em !important;
		margin-right: 0.2em !important;
		max-width: calc(100% - 0.4em) !important;
	}
}

@media (max-width: 480px) {
	/* Remove margens completamente em telas muito pequenas */
	.fundo-menu-textos,
	.fundo-menu-textos-referencia,
	.fundo-textos {
		margin-left: 0.1em !important;
		margin-right: 0.1em !important;
		max-width: calc(100% - 0.2em) !important;
	}
}