/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.home .menu-interna{
	display:none;
}

.menu-home{
	display:none;
}

.home .menu-home{
	display:block !important;
}
/*
.jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu ul.sub-menu li:before {
    content: "\ef1b";
    font-size: 1em;
	color: var(--e-global-color-accent);
	font-family: 'jkiticon';
    align-self: center;
    margin-left: 1em;
	margin-right: 0.5em;
}*/


/* 1. Quitar la flecha original del menú (usa ::before) */
#menu-menu-principal-mobile ul.sub-menu li > a::before {
    content: none !important;
}

/* 2. Base: espacio para los nuevos íconos */
#menu-menu-principal-mobile ul.sub-menu li > a {
    position: relative;
    padding-left: 40px !important;
}

/* 3. INMOBILIARIO */
#menu-menu-principal-mobile ul.sub-menu li.icon-inmo > a::before {
    content: "" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("https://rvisioon.updateperu.com/wp-content/uploads/2025/12/4-building.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/* 4. URBANISTA */
#menu-menu-principal-mobile ul.sub-menu li.icon-urb > a::before {
    content: "" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("https://rvisioon.updateperu.com/wp-content/uploads/2025/12/intersection-city-planning-urban-road-traffic-crossroad.svg"); /* cambia si tienes otro SVG */
    background-size: contain;
    background-repeat: no-repeat;
}

/* 5. COMERCIAL */
#menu-menu-principal-mobile ul.sub-menu li.icon-com > a::before {
    content: "" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("https://rvisioon.updateperu.com/wp-content/uploads/2025/12/shop.svg"); /* cambia si tienes otro SVG */
    background-size: contain;
    background-repeat: no-repeat;
}

/* 6. RESIDENCIAL */
#menu-menu-principal-mobile ul.sub-menu li.icon-res > a::before {
    content: "" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("https://rvisioon.updateperu.com/wp-content/uploads/2025/12/types-of-houses-10.svg"); /* cambia si tienes otro SVG */
    background-size: contain;
    background-repeat: no-repeat;
}

#menu-menu-principal-mobile ul.sub-menu li > a::before {
    filter: invert(23%) sepia(85%) saturate(2500%) hue-rotate(250deg) brightness(115%) contrast(110%);
}

/* Lightbox */

.open-video-lightbox h2, .open-video-lightbox p {
    text-shadow: 3px 3px 3px #000;
}

.video-lightbox {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.7);
    z-index: 999999;
}

.video-lightbox.active {
    display: flex;
}

.video-lightbox-overlay {
    position: absolute;
    inset: 0;
}

.video-lightbox-content {
    position: relative;
    background: #000;
    padding: 0;
    width: 90%;
    max-width: 800px;
}

.video-lightbox-close {
    position: absolute;
    right: -20px;
    top: -20px;
    border: none;
    z-index: 10;
    background-color: 
    padding-top: 0.5em !important;
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
    padding-bottom: 0.5em !important;
}

.elementor-kit-989 button.video-lightbox-close:hover, 
.elementor-kit-989 button.video-lightbox-close:focus {
    background-color: linear-gradient(130deg, var(--e-global-color-secondary) 25%, var(--e-global-color-accent) 100%) !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

section.widget {
    margin-bottom: 2em;
}

.elementor-posts .elementor-post__meta-data {
    margin-bottom: 5px;
    margin-top: 8px;
}

@media only screen and (max-width: 1024px) {
	.home .menu-interna{
		display:none;
	}
	.menu-home{
		display:none !important;
	}
	.home .menu-home{
		display:none !important;
	}
}