.elementor-505 .elementor-element.elementor-element-e975499{--display:flex;--flex-direction:column;--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-e975499.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-505 .elementor-element.elementor-element-454b14a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-1183736{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-2c0f7a1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-661a1e4{--display:flex;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-505 .elementor-element.elementor-element-10d1273{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-505 .elementor-element.elementor-element-10d1273 .elementor-heading-title{color:#B9C3E6;}.elementor-505 .elementor-element.elementor-element-24c6419{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-d813bfc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-6e818ab{--display:flex;}@media(min-width:768px){.elementor-505 .elementor-element.elementor-element-e975499{--width:88.907%;}.elementor-505 .elementor-element.elementor-element-1183736{--content-width:1500px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-661a1e4 *//* Contenedor de la sección de apps - ESCENARIO HOLOGRÁFICO */
.jc-apps-showcase {
    position: relative;
    padding: 90px 30px; /* Un poco más de aire */
    margin: 60px 0;
    border-radius: 32px; /* Redondeamos toda la sección */
    overflow: hidden; /* Para que el contenido no se salga de las esquinas redondeadas */

    /* --- 1. FONDO BASE Y GRADIENTE INTENSO --- */
    background-color: rgba(10, 10, 26, 0.6); /* Un fondo base semi-transparente */
    background-image:
        /* El brillo central, ahora más fuerte y con dos tonos */
        radial-gradient(
            ellipse at center,
            rgba(79, 112, 255, 0.3) 0%,   /* Azul vibrante en el núcleo */
            rgba(164, 69, 178, 0.2) 40%,  /* Un halo morado alrededor */
            transparent 80%               /* Se desvanece hacia los bordes */
        ),
        /* --- 2. TEXTURA DE REJILLA DIGITAL --- */
        /* Líneas horizontales muy sutiles */
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        /* Líneas verticales muy sutiles */
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);

    /* Definimos el tamaño de la rejilla (40px x 40px) */
    background-size: 100% 100%, 40px 40px, 40px 40px;
    background-position: center;
    background-repeat: no-repeat, repeat, repeat;

    /* --- 3. LUZ EXTERIOR Y BORDES --- */
    /* Un resplandor azul que "levanta" la sección del fondo negro */
    box-shadow: 0 20px 80px -20px rgba(79, 112, 255, 0.3);

    /* Bordes brillantes arriba y abajo, ahora más definidos */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, transparent, rgba(79, 112, 255, 0.5), transparent) 1;
}/* End custom CSS */