.elementor-1488 .elementor-element.elementor-element-68782c55{--display:flex;--min-height:693px;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1488 .elementor-element.elementor-element-68782c55:not(.elementor-motion-effects-element-type-background), .elementor-1488 .elementor-element.elementor-element-68782c55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ivory-partridge-153006.hostingersite.com/wp-content/uploads/2025/06/Transformacion-Tecnologica-Corporativa.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1488 .elementor-element.elementor-element-5dfc5687.elementor-element{--align-self:center;}.elementor-1488 .elementor-element.elementor-element-5dfc5687{text-align:center;}.elementor-1488 .elementor-element.elementor-element-5dfc5687 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#F6FAFB;}.elementor-1488 .elementor-element.elementor-element-baa9437{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1488 .elementor-element.elementor-element-29758db{text-align:center;}.elementor-1488 .elementor-element.elementor-element-29758db .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:600;color:#6EC1E4;}.elementor-1488 .elementor-element.elementor-element-e100bce{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.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-1488 .elementor-element.elementor-element-962a40c{--display:flex;}.elementor-1488 .elementor-element.elementor-element-24948b3{width:var( --container-widget-width, 97.288% );max-width:97.288%;--container-widget-width:97.288%;--container-widget-flex-grow:0;}.elementor-1488 .elementor-element.elementor-element-24948b3.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-1488 .elementor-element.elementor-element-68782c55{--justify-content:center;}.elementor-1488 .elementor-element.elementor-element-e100bce{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1488 .elementor-element.elementor-element-e100bce{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:1025px){.elementor-1488 .elementor-element.elementor-element-68782c55:not(.elementor-motion-effects-element-type-background), .elementor-1488 .elementor-element.elementor-element-68782c55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for heading, class: .elementor-element-29758db *//* Paleta de Colores Futurista (mantener consistente) */
:root {
    --neon-blue-light: rgba(0, 204, 255, 0.7); /* Azul claro para el neón */
    --neon-blue-medium: rgba(0, 153, 204, 0.5); /* Azul medio para el neón */
    --futuristic-blue-very-dark-text: #05101F; /* Azul muy oscuro para el texto (casi negro) */
    --futuristic-blue-original-background: #EBF2FA; /* Color de fondo claro de la página (ajusta si es diferente) */
    /* Las variables de texto claro/medio ya no se usarían para el título principal,
       pero las mantengo para otros elementos si las necesitas */
    --text-color-light: #E6F1FF;
    --text-color-medium: #8892B0;
}

/* Estilos específicos para el contenedor del título (fondo claro, letras oscuras con neón) */
.neon-title-background-container {
    background-color: transparent !important; /* Elimina el fondo azul oscuro */
    padding: 30px 20px !important; /* Mantiene el padding para espacio */
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* Si quieres un borde neón alrededor del CONTENEDOR (no solo las letras), descomenta esto: */
    /*
    border: 1px solid var(--neon-blue-medium) !important;
    box-shadow: 0 0 10px var(--neon-blue-light), 0 0 20px var(--neon-blue-medium);
    border-radius: 8px;
    */
}

/* Título principal con letras azul oscuro y efecto neón */
.neon-title-background-container .uagb-main-heading {
    font-size: 3.2em !important;
    font-weight: bold;
    color: var(--futuristic-blue-very-dark-text) !important; /* ¡Color de texto azul muy oscuro aquí! */
    text-shadow: 0 0 8px var(--neon-blue-light), 0 0 16px var(--neon-blue-medium); /* Efecto neón en las letras */
    line-height: 1.2;
    margin-bottom: 0;
    display: block;
}

/* Media Query para el título en pantallas pequeñas */
@media (max-width: 768px) {
    .neon-title-background-container {
        padding: 20px 15px !important;
    }
    .neon-title-background-container .uagb-main-heading {
        font-size: 2em !important;
    }
}

@media (max-width: 480px) {
    .neon-title-background-container .uagb-main-heading {
        font-size: 1.5em !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-baa9437 *//* Paleta de Colores Futurista (redefinida aquí para que este fragmento funcione independientemente) */
:root {
    --neon-blue-light: rgba(0, 204, 255, 0.7);
    --neon-blue-medium: rgba(0, 153, 204, 0.5);
    --futuristic-blue-medium: #172A45; /* Fondo del cajón */
    --text-color-light: #E6F1FF; /* Color de título */
    --text-color-medium: #8892B0; /* Color de descripción */
}

/* Estilo para el recuadro de texto específico con borde de neón */
.custom-neon-text-box {
    background-color: var(--futuristic-blue-medium) !important;
    border: 1px solid var(--neon-blue-medium) !important;
    box-shadow: 0 0 10px var(--neon-blue-light), 0 0 20px var(--neon-blue-light), 0 0 30px var(--neon-blue-medium);
    transition: all 0.3s ease-in-out;
    border-radius: 8px; /* Bordes redondeados */
    padding: 30px !important; /* Espacio interno del cajón */
    box-sizing: border-box; /* Incluir padding en el tamaño total */
    display: block; /* Asegura que se comporte como un bloque */
    overflow: hidden; /* Limpia cualquier flotador interno si lo hubiera */
}

/* Efecto hover para el recuadro */
.custom-neon-text-box:hover {
    box-shadow: 0 0 15px var(--neon-blue-light), 0 0 30px var(--neon-blue-light), 0 0 45px var(--neon-blue-medium), 0 0 60px var(--neon-blue-medium);
    transform: translateY(-5px); /* Efecto de "elevación" */
}

/* Estilos de texto dentro de este recuadro específico */
.custom-neon-text-box .uagb-ifb-title {
    color: var(--text-color-light) !important;
    margin-bottom: 15px !important;
}

.custom-neon-text-box .uagb-ifb-desc {
    color: var(--text-color-medium) !important;
    line-height: 1.5;
}

/* Asegurar que el contenido dentro del wrap tenga el layout adecuado */
.custom-neon-text-box .uagb-ifb-content { /* Si tu HTML sigue envolviendo en .uagb-ifb-content */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}/* End custom CSS */