/*
Theme Name: imperpiscinas
Theme URI: https://imperpiscinas.com
Description: Imperpiscinas
Author: Boostbrand.es
Author URI: https://boostbrand.es
Template: hello-elementor
Version: 1.0.0
Text Domain: imperpiscinas
*/
body header .header svg path{
    fill:rgba(21, 24, 48, 1) !important;
}
body .header{
    background:(255, 255, 255, 0.9) !important;
}
body.home .header{
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05)!important;
    backdrop-filter: blur(24px)!important;
    -webkit-backdrop-filter: blur(24px)!important;
    position:absolute;

}

body.home .header p{
    color:white !important;
}
body.home header.is-sticky .header p
{
    color:rgba(21, 24, 48, 1) !important;
}
body.home .header svg path{
    fill:white!important;
}
body.home header.is-sticky .header svg path{
    fill:rgba(21, 24, 48, 1) !important;
}

.is-sticky .header .divider{
    --divider-color: rgba(21, 24, 48, 1) !important;
}

.header .top-header .elementor-icon-wrapper{
    display:flex !important;
}
.proyectos-bottom-text{
    max-width: 570px !important;
}

.comentarios-left-container{
	max-width: 595px;
}

.banner-home-text{
	max-width: 730px !important;
}

header {
    position: sticky;
    top: 0;
    z-index: 100;
    transition: background-color 0.3s ease;
}

.is-sticky .header{
	background-color: rgba(255, 255, 255, 0.75) !important;    
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}


.elementor-nav-menu__container .elementor-nav-menu a{
    background:white !important;
}
.elementor-nav-menu__container .elementor-nav-menu li:hover {
    background-color: #ffffff;
    transition: all 0.3s ease;
}

/* Opción con más efectos */
.elementor-nav-menu__container .elementor-nav-menu li {
    transition: all 0.3s ease;
    border-radius: 8px;
    margin: 5px 0;
}

/* Solo aplicar el fondo al contenedor principal (nav) */
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top:58px!important;
    background-color: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Hacer que ul, li y a sean transparentes */
.elementor-nav-menu--dropdown .elementor-nav-menu,
.elementor-nav-menu--dropdown .elementor-nav-menu li,
.elementor-nav-menu--dropdown .elementor-nav-menu li a {
    background-color: transparent !important;
}

/* Hover en los li con fondo blanco */
.elementor-nav-menu--dropdown .elementor-nav-menu li:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px;
    transition: all 0.3s ease;
}



/*OCULTAR TITULO DE PAGINA*/
.page .entry-title {
    display: none !important;
}

.mapa-contacto{
    border-radius: 16px;
}

@media (min-width:1486px){
    .elementor-element.elementor-element-8c34971.elementor-widget.elementor-widget-heading,
    .elementor-element.elementor-element-0e04d28.elementor-widget.elementor-widget-heading,
    .elementor-element.elementor-element-89635b2.elementor-widget.elementor-widget-heading,
    .elementor-element.elementor-element-1a1b98e.elementor-widget.elementor-widget-heading,
    .elementor-element.elementor-element-4375d35.elementor-widget.elementor-widget-button
    
    {
        padding: 0px 15px !important;
    }
}