/* ==========================================================================
   FLAMA — ajustes mínimos para que el diseño encaje dentro de Elementor.
   Elementor envuelve cada bloque en varios <div>; estos se vuelven
   transparentes para que las secciones se comporten como en el sitio original.
   ========================================================================== */

/* Los envoltorios de Elementor no deben añadir caja ni separación. */
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container{margin:0;padding:0}
.elementor-section-wrap > .elementor-section,
.e-con,
.e-con-inner{--padding-top:0;--padding-right:0;--padding-bottom:0;--padding-left:0;max-width:none}
.e-con > .e-con-inner{max-width:none}

/* El contenido va a sangre: ni el tema ni Elementor deben recortarlo. */
.site-main,
.elementor-widget-container{max-width:none}
body.elementor-page .site-main{padding:0;margin:0}

/* Hello Elementor añade un margen superior al contenido que aquí sobra,
   porque la barra es fija y cada portada ya reserva su propio espacio. */
.site-main > .page-content{margin:0}

/* La barra y el menú móvil viven en la plantilla de cabecera, y con ellos el
   degradado de fondo (.bg), que es position:fixed con z-index negativo para
   quedarse detrás de todo.

   OJO: no se le puede poner z-index a .elementor-location-header. Al hacerlo se
   crea un contexto de apilamiento y ese z-index negativo pasa a contar DENTRO de
   la cabecera, así que el degradado sube por encima del contenido y tapa la
   página entera. La barra ya se coloca sola: es position:fixed con su z-index. */
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner{overflow:visible}