/**
 * Utilidad Full Width — Lawhere Child
 *
 * El tema padre (grid.css) fuerza `padding: 0 20px` y `max-width` sobre
 * `body .container` y sobre `.elementor-section-boxed > .elementor-container`
 * dentro de media queries, impidiendo secciones a ancho completo.
 *
 * Uso: añadir la clase `is-fullwidth` al contenedor que se quiera a ancho
 * completo. En Elementor: sección → Avanzado → Clases CSS → is-fullwidth
 */

body .container.is-fullwidth,
body .is-fullwidth.container,
body .elementor-section.is-fullwidth > .elementor-container,
body .wdt-elementor-container-fluid .elementor-section.elementor-section-boxed.is-fullwidth > .elementor-container,
body .is-fullwidth > .container {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Variante: ancho completo pero conservando el padding lateral de 20px */
body .container.is-fullwidth-padded,
body .elementor-section.is-fullwidth-padded > .elementor-container,
body .wdt-elementor-container-fluid .elementor-section.elementor-section-boxed.is-fullwidth-padded > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}