/* [2026-10-03 - ANDO] Arreglos de diseño en MÓVIL para la entrada del blog (plantilla única de
   Elementor). Todo va dentro de @media ≤767px y acotado a .elementor-location-single, así que no
   puede afectar al escritorio ni a otras páginas. Si se rehace la plantilla, conservar este archivo. */
@media (max-width: 767px) {
	/* El cuerpo del post nunca debe exceder el ancho de la pantalla. */
	.elementor-location-single .ub-post,
	.elementor-location-single .ub-post-main,
	.elementor-location-single .e-con,
	.elementor-location-single .e-con > .e-con-inner { max-width: 100% !important; }

	/* Respiro lateral: el texto no toca los bordes de la pantalla. */
	.elementor-location-single .ub-post-main { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }

	/* Título que no desborda. */
	.elementor-location-single .ub-post-main h1 { overflow-wrap: anywhere; }

	/* El índice "CONTENIDO" ya no se encima sobre la imagen: va en el flujo normal. */
	.elementor-location-single .elementor-toc--minimized-on-mobile {
		position: static !important; width: auto !important; max-width: 100% !important; margin: 0 0 16px !important;
	}

	/* Red de seguridad contra el scroll/corte horizontal del post. */
	.elementor-location-single { overflow-x: clip; }
}