/*
Theme Name: Hello Elementor Child
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.6.1773140212
Updated: 2026-03-10 11:56:52

*/

.elementor-button-icon svg {
	max-width:11px;
	max-height: 18px;
}

.animated-text {
    padding-bottom: 0px;
    padding-top: 80px;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Hover */
.e-loop-item:hover .animated-text {
    padding-bottom: 40px;
    padding-top: 40px;
}

/* Estado inicial */
.animated-text .elementor-widget,
.animated-text .elementor-widget-heading,
.animated-text .elementor-widget-post-info,
.animated-text .elementor-widget-image {
    opacity: 0;
    transform: translateY(20px);
    transition:  opacity 0.4s ease, transform 0.4s ease;
}

/* Deja visible el título siempre */
.animated-text .elementor-heading-title {
    opacity: 1;
    transform: none;
	transition:  opacity 0.4s ease, transform 0.4s ease;

}

/* Hover: aparece todo */
.e-loop-item:hover .animated-text .elementor-widget,
.e-loop-item:hover .animated-text .elementor-widget-heading,
.e-loop-item:hover .animated-text .elementor-widget-post-info,
.e-loop-item:hover .animated-text .elementor-widget-image {
    opacity: 1;
    transform: translateY(0);
	transition:  opacity 0.4s ease, transform 0.4s ease;

}

.thumb-portfolio img {
    filter: saturate(50%) brightness(0.9);
    transition: filter 0.4s ease;
}

.e-loop-item:hover .thumb-portfolio img {
    filter: saturate(100%) brightness(1);
}

.invert {
	filter: invert(1);
}