.elementor-3021 .elementor-element.elementor-element-e5deb1e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3021 .elementor-element.elementor-element-5bf910f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3021 .elementor-element.elementor-element-17f242c img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3021 .elementor-element.elementor-element-4f30ca5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3021 .elementor-element.elementor-element-0b68f4d .elementor-menu-toggle{margin:0 auto;background-color:#000000;border-width:0px;border-radius:0px;}.elementor-3021 .elementor-element.elementor-element-0b68f4d div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-3021 .elementor-element.elementor-element-0b68f4d div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-3021 .elementor-element.elementor-element-0b68f4d{--nav-menu-icon-size:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3021 .elementor-element.elementor-element-e5deb1e{--width:100%;}.elementor-3021 .elementor-element.elementor-element-5bf910f{--width:17%;}.elementor-3021 .elementor-element.elementor-element-4f30ca5{--width:83%;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-17f242c */.elementor-3021 .elementor-element.elementor-element-17f242c img {
    mix-blend-mode: difference;
    /* Opcional: si "difference" es muy fuerte, prueba este otro: */
    /* mix-blend-mode: exclusion; */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0b68f4d *//* =========================================
   1. ESTADO NORMAL (Como tu imagen)
   ========================================= */
.elementor-3021 .elementor-element.elementor-element-0b68f4d .elementor-nav-menu--main .elementor-item {
    /* Base y forma */
    background-color: #5e5e5e; 
    padding: 5px 20px !important;
    border-radius: 0px; /* Un pelín redondeado para suavizar */
    margin: 0 8px;
    
    /* Tipografía (Gruesa y espaciada) */
    font-weight: 800; 
    letter-spacing: 2px; 
    
    /* El truco del texto difuminado (casi transparente + sombras) */
    color: rgba(255, 255, 255, 0.15) !important; 
    text-shadow: 
        0px 0px 3px rgba(255, 255, 255, 0.3), /* Halo de luz suave */
        10px 10px 15px rgba(0, 0, 0, 0.6);       /* Sombra de profundidad */

    /* Sombras de la caja (Exterior oscura + Interior suave) */
    box-shadow: 
        0px 2px 10px -5px rgba(0, 0, 0, 0.6), /* Cae hacia abajo */
        inset 0px 0px 15px 5px rgba(0, 0, 0, 0.3); /* Viñeta interior */
        
    /* Transición suave para todos los efectos */
    transition: all 0.4s ease;
}

/* =========================================
   2. ESTADO HOVER (Al pasar el ratón)
   ========================================= */
.elementor-3021 .elementor-element.elementor-element-0b68f4d .elementor-nav-menu--main .elementor-item:hover {
    /* El fondo se aclara ligeramente */
    background-color: #6b6b6b; 
    
    /* El texto se vuelve más sólido y nítido (menos fantasma) */
    color: rgba(255, 255, 255, 0.8) !important; 
    text-shadow: 
        0px 0px 8px rgba(255, 255, 255, 0.5), /* Más brillo */
        1px 1px 2px rgba(0, 0, 0, 0.8);       /* Sombra más dura/definida */

    /* La caja parece levantarse (sombra exterior más grande) */
    box-shadow: 
        0px 2px 10px -5px rgba(0, 0, 0, 0.7), 
        inset 0px 0px 10px 2px rgba(0, 0, 0, 0.2); /* Viñeta interior más suave */
        
    /* Pequeño efecto de elevación física */
    transform: translateY(-0px);
}

/* =========================================
   3. ESTADO ACTIVO (Página actual)
   ========================================= */
.elementor-3021 .elementor-element.elementor-element-0b68f4d .elementor-nav-menu--main .elementor-item-active {
    /* El fondo se oscurece para indicar que está "pulsado" o seleccionado */
    background-color: #4a4a4a; 
    
    /* Texto sólido y claro */
    color: #ffffff !important; 
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4); /* Solo brillo, sin sombra oscura */

    /* La caja parece hundida (sombra interior muy fuerte, exterior casi nula) */
    box-shadow: 
        0px 2px 5px -2px rgba(0, 0, 0, 0.3), 
        inset 0px 5px 15px 5px rgba(0, 0, 0, 0.6); /* Hundido profundo */
        
    /* Mantiene la posición base (no se eleva) */
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5deb1e */.elementor-3021 .elementor-element.elementor-element-e5deb1e {
    mix-blend-mode: difference;
}/* End custom CSS */