/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */

img {
	filter: saturate(0%) hue-rotate(0deg);
    transition: filter 0.5s ease;
}

img:hover {
	filter: saturate(70%) hue-rotate(15deg);
    transition: filter 0.5s ease;
}

.bg-gray {
	-webkit-filter: grayscale(100%);
}

.bg-gray:hover {
	-webkit-filter: grayscale(0%);
}

.masterhead-treatments {
	background-image: url('https://lume.clinic/wp-content/uploads/2025/12/noise-animated.gif');
	background-blend-mode: multiply;
}


/*.elementor-sticky--effects {
	mix-blend-mode: difference;
}*/

.elementor-location-header {
  display: flex;
  justify-content: center; /* centro horizontal */
  align-items: center;     /* centro vertical */
}

/* Logo normal */
/*.elementor-location-header img {
  transform: scale(1);
  margin-bottom: -90vh;
  transition: all 0.5s ease;
	margin-left: auto;
  margin-right: auto;
}*/


/* Logo al hacer scroll */
/*.elementor-location-header .elementor-sticky--effects img {
  transform: scale(0.6); 
  margin-bottom: 10px !important;
}*/

body.home #header-main img { display: none; }

/* Mostrar siempre los submenús */
.elementor-nav-menu .sub-menu {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
	width: 100% !important;
}

.menu-icon:hover {
	transition: all 0.5s ease;
}
.menu-icon:hover {
	opacity:0.7;
	transition: all 0.5s ease;
}

.elementor-nav-menu ul.sub-menu {
	width: 100% !important;
}


/* Quitar flechas */
.elementor-nav-menu .menu-item-has-children > a::after {
    display: none;
}

/* Opcional: sangría visual */
.elementor-nav-menu .sub-menu {
    padding-left: 15px;
}