.elementor-175 .elementor-element.elementor-element-aa54bf8{--display:flex;--min-height:90vh;--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;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-175 .elementor-element.elementor-element-13ff95a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-175 .elementor-element.elementor-element-aa54bf8{--padding-top:20%;--padding-bottom:20%;--padding-left:05%;--padding-right:3%;}}@media(min-width:768px){.elementor-175 .elementor-element.elementor-element-aa54bf8{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-aa54bf8 *//* * 1. Configuración del contenedor base 
 * Usa '.elementor-175 .elementor-element.elementor-element-aa54bf8' si lo pegas directamente en el widget de Elementor.
 * Si usas una hoja de estilos externa, cambia '.elementor-175 .elementor-element.elementor-element-aa54bf8' por '.tu-clase'
 */
.elementor-175 .elementor-element.elementor-element-aa54bf8 {
    position: relative;
    background-color: #050507; /* Un negro muy profundo, casi natural */
    overflow: hidden; /* Evita que los resplandores generen scroll horizontal */
}

/* 2. Aseguramos que el contenido real de Elementor quede por encima de la luz */
.elementor-175 .elementor-element.elementor-element-aa54bf8 > * {
    position: relative;
    z-index: 10;
}

/* 3. Creación de los orbes de luz (::before y ::after) */
.elementor-175 .elementor-element.elementor-element-aa54bf8::before,
.elementor-175 .elementor-element.elementor-element-aa54bf8::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(150px); /* Desenfoque extremo para efecto de luz ambiental */
    z-index: 0; /* Se quedan en el fondo */
    pointer-events: none; /* Evita que bloqueen clics en botones o textos */
}

/* 4. Resplandor principal (Arriba, centro-derecha) */
.elementor-175 .elementor-element.elementor-element-aa54bf8::before {
    width: 600px;
    height: 600px;
    background: rgba(0, 153, 255, 0.15); /* Azul cian corporativo con baja opacidad */
    top: -150px;
    left: 40%;
}

/* 5. Resplandor secundario (Abajo derecha, más sutil) */
.elementor-175 .elementor-element.elementor-element-aa54bf8::after {
    width: 500px;
    height: 500px;
    background: rgba(0, 153, 255, 0.08); /* Aún más transparente para no saturar */
    bottom: -150px;
    right: -100px;
}/* End custom CSS */