/**
 * Compensa diferencias entre la version de Elementor de produccion y la nuestra.
 *
 * Produccion corre Elementor 3.28.4 y la replica 3.32.5. Entre ambas cambiaron
 * algunos valores por defecto, y esos cambios se notan aunque el contenido
 * migrado sea identico.
 */

/*
 * Color del texto en el widget text-editor.
 *
 * Desde 3.29 Elementor aplica el color global del Kit a este widget, emitiendo
 * en cada pagina:
 *     .elementor-widget-text-editor { color: var(--e-global-color-text) }
 * En 3.28.4 solo emite la tipografia, sin color, asi que el texto hereda del
 * tema. Resultado: produccion renderiza #333333 y la replica #7A7A7A, lo que
 * ademas baja el contraste de 12,63 a 4,29 y no alcanza el minimo AA de WCAG.
 *
 * Con `inherit` el texto vuelve a heredar, como en produccion. El prefijo
 * `html` sube la especificidad a (0,1,1) para ganar a la regla de Elementor,
 * que es (0,1,0), y quedarse por debajo de las reglas por elemento del CSS
 * migrado (0,3,0 o mas), que deben seguir mandando donde el original define un
 * color propio.
 *
 * Verificado en 4 paginas: 19 de 19 widgets coinciden con produccion.
 */
html .elementor-widget-text-editor {
    color: inherit;
}

/*
 * Color de fondo del widget button.
 *
 * Mismo patron que el caso anterior, y con la misma causa. La 3.32 emite en
 * cada pagina:
 *     .elementor-widget-button .elementor-button { background-color: var(--e-global-color-accent) }
 * La 3.28.4 de produccion no emite nada, asi que el boton cae al valor por
 * defecto que trae el propio frontend de Elementor, #69727D. Resultado: en
 * /suma-de-actors/radios los 11 botones salian turquesa (#1A85A4, el acento del
 * Kit) donde produccion los pinta grises.
 *
 * Se repone el valor por defecto de Elementor en vez de escribir "el gris",
 * porque no es una decision de diseno del sitio: es el fallback que produccion
 * esta usando sin saberlo.
 *
 * El prefijo `html` sube la especificidad a (0,2,1), lo justo para ganar a la
 * regla de Elementor -- que es (0,2,0) -- y quedar muy por debajo de las reglas
 * por elemento del CSS migrado (0,4,1), que siguen mandando en los botones
 * donde el original si define un color propio.
 */
html .elementor-widget-button .elementor-button {
    background-color: #69727D;
}
