/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2026 | 11:17:36 */
/* === HEADER DESKTOP === */

.elementor-element-d03878b {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    background: transparent !important;
}

.elementor-element-d03878b.iw-scrolled .elementor-element-1f1abc3 {
  	background-color: #00AEEF;
}

.elementor-element-d03878b.iw-scrolled {
    background: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.elementor-element-d03878b.iw-scrolled a.ekit-menu-nav-link,
.elementor-element-d03878b.iw-scrolled .elementor-icon-list-text,
.elementor-element-d03878b.iw-scrolled .iw-lang-link {
    color: unset !important;
}

.elementor-element-d03878b.iw-hidden {
    transform: translateY(-100%);
}



@media (max-width: 1024px) {

/* === HEADER MOBILE === */

.elementor-element-d8a9ac0 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999;
    background: transparent !important;
}
	

.elementskit-menu-overlay.elementskit-menu-offcanvas-elements {
	-webkit-transition: none;
    transition: none;
	background-color: rgba(51,51,51,.0);
}
	
#ekit-megamenu-mobile-menu {
    border-left: 5px var(--e-global-color-primary) solid;
}

#slide-solucion {
    top: -150px;
    left: -20px;
    position: relative;
    height: 1000px !important;
    z-index: 1001 !important;
    
}

#slide-servicios {
    top: -200px;
    left: -20px;
    position: relative;
    height: 1000px !important;
    z-index: 1001 !important;
}

#slide-herramientas {
    top: -350px;
    left: -20px;
    position: relative;
    height: 1000px !important;
    z-index: 1001 !important;
}

#slide-contacto {
    top: -400px;
    left: -20px;
    position: relative;
    height: 1000px !important;
    z-index: 1001 !important;
}

.elementskit-menu-container .elementskit-megamenu-panel .elementor-top-section {
    top: 0 !important;
}

	
#menu-item-4448, #menu-item-4377, #menu-item-4470, #menu-item-4027, #menu-item-8173, #menu-item-8351{
    .icon-down-arrow1  {
        transform: rotate(270deg);
    }
}


/* Slide in and slide out animations */
@keyframes slideIn {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}


.slideout-animation {
    animation: slideOut .1s forwards;
    position: relative;
    z-index: 1001;
}
.animated{
    animation-duration: .1s;
}
}


/* Submenu offcanvas */
@media (max-width: 1024px) {
	
	.elementskit-menu-container {
	    overflow-y: auto !important;
	    -webkit-overflow-scrolling: touch;
	}	
	
    .elementskit-menu-container .elementskit-megamenu-panel {
		position: absolute !important;
    	top: 73px !important;
    	height: calc(100vh - 73px) !important; 
    	overflow-y: auto !important;            
   	 	-webkit-overflow-scrolling: touch;
    	transform: translateX(100%);
    	transition: transform .25s ease-out;
    	z-index: 1;
    }
    .elementskit-menu-container .elementskit-megamenu-panel.elementskit-dropdown-open {
        transform: translateX(0);
    }
}