.elementor-2391 .elementor-element.elementor-element-d1079af{--display:flex;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-2391 .elementor-element.elementor-element-d1079af{--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2391 .elementor-element.elementor-element-d1079af{--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* --- FONDO PRECIOS: MESH VIBRANTE + LOGO ESTILO "LÍNEAS DE NEÓN" --- */

/* 1. Fondo base de la página entera */
body.elementor-page-2391 {
    background-color: #020205 !important;
    position: relative;
    overflow: visible;
}

/* 2. El Fondo Vibrante (Mesh Gradient) */
body.elementor-page-2391::before {
    content: '';
    position: fixed; 
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: 
        radial-gradient(circle at 10% 20%, rgba(76, 29, 149, 0.6), transparent 50%),
        radial-gradient(circle at 90% 60%, rgba(96, 98, 233, 0.5), transparent 50%),
        radial-gradient(circle at 50% 90%, rgba(236, 72, 153, 0.25), transparent 60%);
    filter: blur(90px); 
    z-index: 0;
    pointer-events: none;
}

/* 3. El Logo con efecto de LÍNEAS */
body.elementor-page-2391::after {
    content: '';
    position: fixed; 
    top: 50%; left: 50%;
    transform: translate(-50%, -50%); 
    
    /* Tamaño gigante */
    width: 70vw; height: 70vh;
    
    /* --- TU LOGO AQUÍ --- */
    background-image: url('PEGAR_URL_AQUI'); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; 
    
    opacity: 0.02; 
    filter: 
        drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.8))
        drop-shadow(0px 0px 5px rgba(99, 102, 241, 0.3));
    
    z-index: 0;
    pointer-events: none;
}

/* 4. LA SOLUCIÓN DEL HEADER: Elevamos el contenido sin tapar el menú */
body.elementor-page-2391 .elementor-section, 
body.elementor-page-2391 .e-con {
    position: relative;
    z-index: 1; /* Nivel bajito para la página */
}

/* Escudo protector para tu Header: Lo mandamos a la capa más alta posible */
header, 
.elementor-location-header {
    position: relative;
    z-index: 9999 !important;
    pointer-events: auto !important; /* Aseguramos que los clics funcionen */
}/* End custom CSS */