.elementor-3 .elementor-element.elementor-element-4e78b062{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-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 );}.elementor-3 .elementor-element.elementor-element-49f4684c{color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-49f4684c */.elementor-3 .elementor-element.elementor-element-49f4684c h1, .elementor-3 .elementor-element.elementor-element-49f4684c h2, .elementor-3 .elementor-element.elementor-element-49f4684c h3{
    color: white !important;
}

.elementor-3 .elementor-element.elementor-element-49f4684c a{
    color: white !important;
}/* End custom CSS */
/* Start custom CSS *//* --- FONDO MULTICAPA ESPECTACULAR (VERSIÓN FINAL AJUSTADA) --- */

/* CONTENEDOR PRINCIPAL DE EFECTOS */
/* Esta es la capa del gradiente base y posiciona todo el efecto */
#efecto-ruido {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1; /* Lo pone todo detrás del contenido de la web */
    overflow: hidden;

    /* CAPA 1: GRADIENTE DE BASE */
    background: linear-gradient(-45deg, #000000, #1e1b4b, #4c1d95, #8b5cf6);
    background-size: 400% 400%;
    animation: flujo-gradiente 25s ease infinite;
}

/* CAPA 2: NEBULOSA (AHORA MUCHO MÁS VISIBLE) */
#efecto-ruido::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* --- CAMBIOS CLAVE PARA LA NEBULOSA --- */
    mix-blend-mode: overlay; /* Modo de fusión más intenso */
    opacity: 0.8; /* Control de intensidad general */
    
    /* Nubes de luz más grandes y opacas */
    background-image: 
        radial-gradient(circle at 20% 30%, rgb(185, 171, 251) 0%, transparent 10%),
        radial-gradient(circle at 80% 70%, rgb(185, 171, 251) 0%, transparent 15%);
    
    background-size: 150% 150%; /* Hacemos el tamaño base más grande */
    animation: movimiento-nebulosa 30s linear infinite alternate;
}

/* CAPA 3: GRANO DE PELÍCULA (AHORA VISIBLE) */
#efecto-ruido::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
    
    /* --- CAMBIO CLAVE PARA EL RUIDO --- */
    /* La opacidad del ruido se ha aumentado a 0.12 dentro del SVG */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGZpbHRlciBpZD0iZSI+PGZlVHVyYnVsZW5jZSBiYXNlRnJlcXVlbmN5PSIuOCIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSI1MCIgaGVpZHRoPSI1MCIgZmlsbD0iI2ZmZiIgZmlsdGVyPSJ1cmwoI2UpIiBvcGFjaXR5PSIwLjEiLz48L3N2Zz4=');
    
    animation: animacion-ruido 0.2s steps(2, end) infinite;
}


/* --- ANIMACIONES --- */
@keyframes flujo-gradiente {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes movimiento-nebulosa {
    from { background-position: 0% 0%; }
    to { background-position: 100% 100%; }
}

@keyframes animacion-ruido {
    0% { transform: translate(0, 0); }
    10% { transform: translate(-2%, -5%); }
    20% { transform: translate(3%, 2%); }
    30% { transform: translate(1%, -3%); }
    40% { transform: translate(-4%, 4%); }
    50% { transform: translate(5%, 1%); }
    60% { transform: translate(-1%, -4%); }
    70% { transform: translate(2%, 3%); }
    80% { transform: translate(-3%, -1%); }
    90% { transform: translate(4%, -2%); }
    100% { transform: translate(0, 0); }
}/* End custom CSS */