/*
Theme Name:   Bienestar Financiero
Theme URI:    https://bienestarfinancierogt.com/
Description:  Child theme de Hello Elementor. Carga el design system del sitio (assets/css/styles.css) para que los widgets y containers de Elementor reutilicen las clases del HTML original.
Author:       Bienestar Financiero
Template:     hello-elementor
Version:      1.0.0
Text Domain:  bf-child
*/

/* ==========================================================================
   Ajustes puntuales sobre Elementor.

   OJO: el diseño NO va aquí. Va en assets/css/styles.css, que es la única
   fuente de verdad del design system. Este archivo solo neutraliza cosas que
   Elementor o Hello Elementor imponen y que estorban al diseño.
   ========================================================================== */

/* Hello Elementor limita el ancho del contenido; nuestros containers ya
   gestionan su propio ancho de 1232 px. */
.elementor-widget-container > .accordion,
.elementor-widget-container > .mega__group { max-width: none; }

/* Elementor envuelve cada widget en dos divs. Se neutraliza el margen que
   añade a los últimos hijos para que el flex_gap del container sea el único
   responsable del espaciado. */
.elementor-widget:last-child { margin-bottom: 0; }

/* Nuestras listas .checks y .mega__links ya definen su propio reset; se
   impide que la hoja del tema padre les vuelva a poner viñetas. */
.checks, .mega__links, .quicklinks, .steps, .values { list-style: none; }

/* El editor de Elementor renderiza los widgets sin el <main>; se asegura que
   el acordeón siga viéndose bien dentro del canvas. */
.elementor-editor-active .accordion { position: relative; z-index: 1; }

/* Placeholder de contenido pendiente: dentro del editor conviene que resalte,
   en frontend ya está definido en styles.css. */
.elementor-editor-active .ph-note { display: inline-flex !important; }