/* Ancho completo

   Las secciones de la portada (bloques .ci2026) ya vienen preparadas
   para ir de borde a borde: cada <section> lleva dentro un .shell con
   max-width 1180px que centra el contenido.

   Lo que las frenaba era el contenedor de Elementor que las aloja:
   24px de padding a cada lado y un tope de 1280px en el .e-con-inner.
   En un monitor de 1920 quedaban 313px de blanco a cada lado y las
   franjas de color se veian como recuadros sueltos.

   Estas reglas sueltan el contenedor y dejan que el .shell haga su
   trabajo. El contenido NO se ensancha: sigue centrado a 1180px.

   Sobre :has() - si un navegador viejo no lo entiende, ignora la regla
   y la pagina se ve como antes. Se degrada solo, no se rompe. */

/* 1. El contenedor que aloja bloques .ci2026 va a todo el ancho */
.e-con.e-parent:has(.ci2026) {
	padding-left: 0;
	padding-right: 0;
}

.e-con.e-parent:has(.ci2026) > .e-con-inner {
	max-width: 100%;
}

/* 2. Dentro de ese contenedor, lo que NO es .ci2026 (el formulario de
      WPForms y el modulo de diagnostico) conserva el ancho que tenia:
      1280px de contenido mas 24px de aire a cada lado. */
.e-con.e-parent:has(.ci2026) > .e-con-inner > .elementor-widget:not(:has(.ci2026)) > .elementor-widget-container {
	max-width: 1328px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* 3. Red de seguridad: ninguna franja debe generar scroll lateral. */
.ci2026 > section {
	max-width: 100%;
}