Cómo aplicar un CSS personalizado en Elementor sin que afecte al modo edición

En ocasiones necesitamos aplicar un estilo CSS cuyo efecto puede molestarnos a la hora de editar.

Podemos declara nuestro css adicional de la siguiente forma:

function estilos_solo_frontend() {
    if ( ! is_admin() && ! Elementor\Plugin::$instance->preview->is_preview_mode() ) {
        wp_enqueue_style(
            'custom-elementor-frontend-css',
            get_stylesheet_directory_uri() . '/estilos-personalizados.css', // Ruta a tu archivo CSS
            array(),
            '1.0'
        );
    }
}
add_action( 'wp_enqueue_scripts', 'estilos_solo_frontend' );

La condición evita que los estilos apliquen tanto al panel administrador como a Elementor cuando está en modo edición.