.elementor-32485 .elementor-element.elementor-element-d71d432{--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:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--overlay-opacity:0.85;}.elementor-32485 .elementor-element.elementor-element-d71d432:not(.elementor-motion-effects-element-type-background), .elementor-32485 .elementor-element.elementor-element-d71d432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://prueba.mypanglobal.org/wp-content/uploads/2026/09/Banner-formacion-en-vivo-2027.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-32485 .elementor-element.elementor-element-d71d432::before, .elementor-32485 .elementor-element.elementor-element-d71d432 > .elementor-background-video-container::before, .elementor-32485 .elementor-element.elementor-element-d71d432 > .e-con-inner > .elementor-background-video-container::before, .elementor-32485 .elementor-element.elementor-element-d71d432 > .elementor-background-slideshow::before, .elementor-32485 .elementor-element.elementor-element-d71d432 > .e-con-inner > .elementor-background-slideshow::before, .elementor-32485 .elementor-element.elementor-element-d71d432 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-32485 .elementor-element.elementor-element-f8d4546{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32485 .elementor-element.elementor-element-f8d4546::before, .elementor-32485 .elementor-element.elementor-element-f8d4546 > .elementor-background-video-container::before, .elementor-32485 .elementor-element.elementor-element-f8d4546 > .e-con-inner > .elementor-background-video-container::before, .elementor-32485 .elementor-element.elementor-element-f8d4546 > .elementor-background-slideshow::before, .elementor-32485 .elementor-element.elementor-element-f8d4546 > .e-con-inner > .elementor-background-slideshow::before, .elementor-32485 .elementor-element.elementor-element-f8d4546 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-32485 .elementor-element.elementor-element-b153166 > .elementor-widget-container{padding:0px 0px 0px 15px;}.elementor-32485 .elementor-element.elementor-element-56a2a2f{--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;}.elementor-32485 .elementor-element.elementor-element-9b5f2cb{--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;}body.elementor-page-32485:not(.elementor-motion-effects-element-type-background), body.elementor-page-32485 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001038;}@media(max-width:767px){.elementor-32485 .elementor-element.elementor-element-d71d432:not(.elementor-motion-effects-element-type-background), .elementor-32485 .elementor-element.elementor-element-d71d432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-32485 .elementor-element.elementor-element-56a2a2f:not(.elementor-motion-effects-element-type-background), .elementor-32485 .elementor-element.elementor-element-56a2a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://prueba.mypanglobal.org/wp-content/uploads/2026/09/Banner-movil-formacion-en-vivo-2027.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}}@media(min-width:768px){.elementor-32485 .elementor-element.elementor-element-d71d432{--content-width:1400px;}.elementor-32485 .elementor-element.elementor-element-f8d4546{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-d71d432 */.elementor-32485 .elementor-element.elementor-element-d71d432::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Degradado personalizado con tu azul #00113D extendido hacia la derecha */
    background: linear-gradient(90deg, 
        rgba(0, 17, 61, 0.98) 0%,    /* Tu azul casi sólido en el borde izquierdo */
        rgba(0, 17, 61, 0.92) 35%,   /* Mantiene el azul fuerte para proteger los textos */
        rgba(0, 17, 61, 0.55) 52%,   /* Sombra media pasando la mitad de la pantalla */
        rgba(0, 17, 61, 0) 70%       /* Se desvanece por completo al 70% (área del mundo limpia) */
    );
    pointer-events: none; 
    z-index: 1; 
}

/* Mantiene los textos y el menú por encima de la sombra azul */
.elementor-32485 .elementor-element.elementor-element-d71d432 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a2a2f *//* ==========================================================================
   📱 ELIPSE OSCURA RESTRINGIDA ARRIBA A LA IZQUIERDA (HASTA 768px)
   ========================================================================== */
@media (max-width: 768px) {
    .elementor-32485 .elementor-element.elementor-element-56a2a2f::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /* 🌟 Truco maestro: Elipse controlada (80% ancho / 55% alto) anclada arriba a la izquierda */
        background: radial-gradient(ellipse 90% 80% at top left, 
            rgba(0, 11, 61, 0.98) 0%,    /* Azul denso en la esquina del título */
            rgba(0, 11, 61, 0.85) 45%,   /* Protege el bloque de texto */
            rgba(0, 11, 61, 0.40) 105%,   /* Difuminado rápido */
            rgba(0, 11, 61, 0) 120%      /* Muere por completo sin tocar el resto de la pantalla */
        );
        pointer-events: none; 
        z-index: 1; 
    }
}

/* ==========================================================================
   🔒 CAPAS DE TEXTO
   ========================================================================== */
.elementor-32485 .elementor-element.elementor-element-56a2a2f > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */