.elementor-217 .elementor-element.elementor-element-2bd5f14 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-217 .elementor-element.elementor-element-2bd5f14:not(.elementor-motion-effects-element-type-background), .elementor-217 .elementor-element.elementor-element-2bd5f14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0379E8;}.elementor-217 .elementor-element.elementor-element-2bd5f14{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-217 .elementor-element.elementor-element-2bd5f14 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-217 .elementor-element.elementor-element-eb1b801.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-repeater-item-04b0949.elementor-social-icon{background-color:rgba(2, 1, 1, 0);}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-repeater-item-e7140d6.elementor-social-icon{background-color:rgba(2, 1, 1, 0);}.elementor-217 .elementor-element.elementor-element-99b486b{--grid-template-columns:repeat(0, auto);--icon-size:17px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-social-icon i{color:#FFFFFF;}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-social-icon svg{fill:#FFFFFF;}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-social-icon{--icon-padding:0em;}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-217 .elementor-element.elementor-element-99b486b .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-217 .elementor-element.elementor-element-36d15d3.elementor-section.is-stuck{background:#FFFFFF;}.elementor-217 .elementor-element.elementor-element-36d15d3{box-shadow:15px 15px 38px 0px rgba(0, 0, 0, 0.1);}.elementor-217 .elementor-element.elementor-element-4aa2514 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-217 .elementor-element.elementor-element-4aa2514 .the-logo img{width:220px;}.elementor-217 .elementor-element.elementor-element-b62b09b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-217 .elementor-element.elementor-element-d943b8e > .elementor-widget-container{margin:0px 70px 0px 0px;}.elementor-217 .elementor-element.elementor-element-d943b8e .main-navigation ul > li:hover > a, .elementor-217 .elementor-element.elementor-element-d943b8e .main-navigation ul > li.menu-item-has-children:hover > a:after{color:var( --e-global-color-accent );}.elementor-217 .elementor-element.elementor-element-d943b8e .main-navigation > ul > li:before{background:var( --e-global-color-accent );}.elementor-217 .elementor-element.elementor-element-d943b8e .main-navigation > ul{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-217 .elementor-element.elementor-element-d943b8e .main-navigation ul ul a{font-family:"Open Sans", Sans-serif;}.elementor-217 .elementor-element.elementor-element-4a0f911.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-217 .elementor-element.elementor-element-931556d .elementor-button{background-color:#1FAE66;font-family:"Roboto", Sans-serif;font-weight:700;border-radius:15px 15px 15px 15px;}.elementor-217 .elementor-element.elementor-element-931556d.elementor-element{--align-self:center;}.elementor-217 .elementor-element.elementor-element-931556d .elementor-button-content-wrapper{flex-direction:row;}@media(min-width:768px){.elementor-217 .elementor-element.elementor-element-5bfa0e8{width:25%;}.elementor-217 .elementor-element.elementor-element-b62b09b{width:55%;}.elementor-217 .elementor-element.elementor-element-4a0f911{width:19.664%;}}/* Start custom CSS for imenu, class: .elementor-element-d943b8e *//* =====================================================
   DATSIDE - OVERLAY EXACTO DEBAJO DEL HEADER
   Mantenimientos + Servicios
===================================================== */


/* Sección exacta donde está logo + menú + WhatsApp */
.elementor-element-36d15d3 {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}


/* =====================================================
   CREAR OVERLAY DESDE EL BORDE INFERIOR DE LA SECCIÓN
===================================================== */

body:has(#menu-item-2297:hover) .elementor-element-36d15d3::after,
body:has(#menu-item-2295:hover) .elementor-element-36d15d3::after {
    content: "";
    
    position: absolute;

    /* Empieza EXACTAMENTE al terminar el header */
    top: 100%;
    left: 0;

    width: 100%;
    
    /* Cubre todo lo que queda debajo */
    height: 100vh;

    /* Oscuro azulado */
    background: rgba(3, 12, 25, 0.52);

    z-index: 1;

    pointer-events: none;

    animation: datside-overlay 0.20s ease;
}


/* =====================================================
   CONTENIDO DEL HEADER POR ENCIMA
===================================================== */

.elementor-element-36d15d3 > .elementor-container {
    position: relative;
    z-index: 10;
}


/* =====================================================
   MENÚ
===================================================== */

#site-navigation {
    position: relative;
    z-index: 100 !important;
}

#primary-menu {
    position: relative;
    z-index: 101 !important;
}


/* =====================================================
   SUBMENÚS
===================================================== */

#menu-item-2297 > .sub-menu,
#menu-item-2295 > .sub-menu {
    z-index: 9999 !important;

    background: #ffffff !important;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.16) !important;
}


/* Texto siempre normal */
#menu-item-2297 > .sub-menu a,
#menu-item-2295 > .sub-menu a {
    color: #111111 !important;
}


/* =====================================================
   ANIMACIÓN
===================================================== */

@keyframes datside-overlay {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 767px) {

    body:has(#menu-item-2297:hover) .elementor-element-36d15d3::after,
    body:has(#menu-item-2295:hover) .elementor-element-36d15d3::after {
        display: none !important;
    }

}/* End custom CSS */