/* Theme Name: Hello Elementor Child 02 Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Template: hello-elementor Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 3.4.7.1773737424 Updated: 2026-03-17 08:50:24 */ /* ============================================ BOTÓN COLOR GRADIENT ============================================ */ /* Estilo de los Botones */ .elementor-widget-button .elementor-button, .elementor-widget-button .elementor-button.elementor-size-sm, .elementor-widget-button .elementor-button.elementor-size-md, .elementor-widget-button .elementor-button.elementor-size-lg, .elementor-widget-button .elementor-button.elementor-size-xl { /* Tipografía */ color: #ffffff !important; fill: #ffffff !important; /* Fondo degradado */ background: linear-gradient(144deg, #E44252, #592A7E 50%, #1EC6DA) !important; background-color: transparent !important; /* Border radius píldora */ border-radius: 99px !important; border: none !important; /* Sombra neón en reposo */ box-shadow: 0 0 0px #1EC6DA !important; /* Transición */ transition: box-shadow 0.6s ease !important; } /* Efecto neón expandido al hacer hover */ .elementor-widget-button .elementor-button:hover, .elementor-widget-button .elementor-button.elementor-size-sm:hover, .elementor-widget-button .elementor-button.elementor-size-md:hover, .elementor-widget-button .elementor-button.elementor-size-lg:hover, .elementor-widget-button .elementor-button.elementor-size-xl:hover { box-shadow: 0 0 15px #1EC6DA50, 0 0 20px #33AAE350, 0 0 25px #488EEC50, 0 0 30px #5C72F450, 0 0 35px #7156FD50 !important; color: #ffffff !important; background: linear-gradient(144deg, #E44252, #592A7E 50%, #1EC6DA) !important; transition: box-shadow 0.6s ease !important; outline: 0 !important; } /* Click */ .elementor-widget-button .elementor-button:active, .elementor-widget-button .elementor-button.elementor-size-sm:active, .elementor-widget-button .elementor-button.elementor-size-md:active, .elementor-widget-button .elementor-button.elementor-size-lg:active, .elementor-widget-button .elementor-button.elementor-size-xl:active { transform: scale(0.95); outline: 0 !important; } /* ============================================ BOTÓN COLOR GRADIENT 2 ============================================ */ .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a { /* Tipografía */ color: #ffffff !important; fill: #ffffff !important; background-color: transparent !important; /* Border radius píldora */ border-radius: 99px !important; border: none !important; /* Sombra neón en reposo */ box-shadow: 0 0 0px #1EC6DA !important; /* Transición */ transition: box-shadow 0.6s ease !important; } .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a :active, .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a :hover { outline: 0; } .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a span { /* Fondo degradado */ background: linear-gradient(144deg, #E44252, #592A7E 50%, #1EC6DA) !important; /* Border radius píldora */ border-radius: 99px !important; padding: 16px 24px; border-radius: 6px; width: 100%; height: 100%; transition: 300ms; } .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a :hover span { background: none; } /* Efecto neón expandido al hacer hover */ .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a { box-shadow: 0 0 15px #1EC6DA50, 0 0 20px #33AAE350, 0 0 25px #488EEC50, 0 0 30px #5C72F450, 0 0 35px #7156FD50 !important; color: #ffffff !important; background: linear-gradient(144deg, #E44252, #592A7E 50%, #1EC6DA) !important; transition: box-shadow 0.6s ease !important; outline: 0 !important; } /* ============================================ TEXTOS BOTON 2 ============================================*/ .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current),.elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a { background: linear-gradient(144deg, #E44252, #592A7E 50%, #1EC6DA) !important; background-color: transparent !important; } /* ============================================ DEGRADADO LINEA INFERIOR MENU ============================================*/ .elementor-65 .elementor-element.elementor-element-1ad6abb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-65 .elementor-element.elementor-element-1ad6abb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after { background: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb); border-radius: 99px } /* ============================================ COLOR TEXTOS "H" ============================================*/ .color-font { background: linear-gradient(144deg, #FAFAFA 50%, #1EC6DA); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 6px; /* El espacio solicitado */ display: inline-block; /* Asegura que el padding se aplique correctamente */ } }