/* tallamadera.com - Fix responsive movil (2026-08-20)
   Overrides aislados del template Helix3 (shaper_helix3).
   Solo media queries moviles; escritorio intacto. */

@media (max-width: 991px) {

	/* Imagenes y elementos embebidos que no deben desbordar */
	img,
	embed,
	object,
	iframe,
	video {
		max-width: 100%;
		height: auto;
	}

	/* Contenedores principales al 100% del viewport */
	#sp-main-body .container,
	#sp-main-body .row,
	.sp-column,
	.sp-module {
		max-width: 100%;
	}

	/* Tablas y bloques largos: scroll interno en vez de desbordar */
	table {
		max-width: 100%;
		overflow-x: auto;
		display: block;
	}

	pre {
		overflow-x: auto;
		word-wrap: break-word;
	}

	/* Texto largo (rutas, urls) que rompe el layout en movil */
	.article-body,
	.item-page,
	.com-content,
	.sp-module-content {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

}

@media (max-width: 767px) {

	/* Barra lateral bajo el contenido, sin margen raro */
	.article-module-right {
		clear: both;
	}

}