.elementor-7 .elementor-element.elementor-element-cdcedc8{--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-7 .elementor-element.elementor-element-cdcedc8:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-cdcedc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #000000 0%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-5475d7f{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-d088eb2 img{width:17%;}.elementor-7 .elementor-element.elementor-element-9e7bd89{--display:flex;--min-height:633px;--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;--justify-content:center;--overlay-opacity:0.5;--z-index:10;}.elementor-7 .elementor-element.elementor-element-9e7bd89:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-9e7bd89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-9e7bd89::before, .elementor-7 .elementor-element.elementor-element-9e7bd89 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-9e7bd89 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-9e7bd89 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-9e7bd89 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-9e7bd89 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-7 .elementor-element.elementor-element-a834af2{text-align:center;}.elementor-7 .elementor-element.elementor-element-a834af2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:37px;font-weight:500;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-96b8297{text-align:center;}.elementor-7 .elementor-element.elementor-element-96b8297 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:300;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-8159210{--display:flex;--min-height:194px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:-107px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:50;}.elementor-7 .elementor-element.elementor-element-8159210:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8159210 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-7 .elementor-element.elementor-element-066dad7{--display:grid;--min-height:201px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7 .elementor-element.elementor-element-cb67f55{--display:flex;--padding-top:7%;--padding-bottom:11%;--padding-left:0%;--padding-right:0%;}.elementor-7 .elementor-element.elementor-element-cb67f55:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-cb67f55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(243deg, #000000 0%, #11003B 100%);}.elementor-7 .elementor-element.elementor-element-d1e3653{padding:7% 7% 0% 7%;}.elementor-7 .elementor-element.elementor-element-d1e3653 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-f0f28cf{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 7% 7% 7%;}.elementor-7 .elementor-element.elementor-element-f0f28cf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-851d05a{--display:flex;--padding-top:7%;--padding-bottom:11%;--padding-left:0%;--padding-right:0%;}.elementor-7 .elementor-element.elementor-element-851d05a:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-851d05a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(291deg, #311212 0%, #11003B 100%);}.elementor-7 .elementor-element.elementor-element-122e830{padding:7% 7% 0% 7%;}.elementor-7 .elementor-element.elementor-element-122e830 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-74b8e17{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 7% 7% 7%;}.elementor-7 .elementor-element.elementor-element-74b8e17 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-4b2452f{--display:flex;--padding-top:7%;--padding-bottom:11%;--padding-left:0%;--padding-right:0%;}.elementor-7 .elementor-element.elementor-element-4b2452f:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-4b2452f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(226deg, #000000 0%, #3E1655 100%);}.elementor-7 .elementor-element.elementor-element-65ef6e2{padding:7% 7% 0% 7%;}.elementor-7 .elementor-element.elementor-element-65ef6e2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-4acf3f9{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 7% 7% 7%;}.elementor-7 .elementor-element.elementor-element-4acf3f9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-8f502d2{--display:flex;--min-height:693px;--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;--justify-content:center;--margin-top:-8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:0;}.elementor-7 .elementor-element.elementor-element-8f502d2:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8f502d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000247 0%, #000000 100%);}.elementor-7 .elementor-element.elementor-element-1293530{--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-7 .elementor-element.elementor-element-1878473{--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-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7 .elementor-element.elementor-element-72e9470 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-7 .elementor-element.elementor-element-72e9470 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-7 .elementor-element.elementor-element-72e9470{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-066dad7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-d088eb2 img{width:51%;}.elementor-7 .elementor-element.elementor-element-9e7bd89{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-7 .elementor-element.elementor-element-a834af2 .elementor-heading-title{font-size:30px;}.elementor-7 .elementor-element.elementor-element-066dad7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-a834af2 *//* Estilo para el Título (H1/H2) */
.elementor-7 .elementor-element.elementor-element-a834af2 .elementor-heading-title {
    /* 1. El Degradado: "Morado profundo tirando a Negro" */
    /* Empieza en un morado vibrante (readable) y va hacia un tono berenjena casi negro */
    background-image: linear-gradient(120deg, #a855f7 15%, #240a3a 100%);
    
    /* Aplica el gradiente al texto */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* Estándar para compatibilidad */
    
    /* 2. Ajustes de Tipografía (Igual que tu código) */
    font-weight: 800; 
    letter-spacing: -1.5px; 
    line-height: 1.1; 
    
    /* 3. Sombra/Resplandor: Cambiado a tono morado oscuro para combinar */
    /* Un resplandor sutil ayuda a que el texto oscuro no se "empaste" con el fondo */
    filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.25));
    
    /* 4. Transición suave */
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* Interacción al pasar el mouse */
.elementor-7 .elementor-element.elementor-element-a834af2:hover .elementor-heading-title {
    transform: translateX(5px);
    /* Al hacer hover, el resplandor morado se intensifica un poco */
    filter: drop-shadow(0 0 25px rgba(168, 85, 247, 0.5));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e7bd89 */<div id="tech-particles"></div>

<style>
    /* Forzamos al contenedor a ocupar todo el espacio disponible */
    #tech-particles {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* Nivel 1: Por encima del fondo negro */
        pointer-events: none; /* Importante: deja cliquear lo que está abajo */
        background: transparent;
    }

    /* Ajuste para el Canvas generado */
    .particles-js-canvas-el {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    /* Aseguramos que el widget de HTML no tenga padding raro */
    .elementor-widget-html {
        height:/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb67f55 *//* --- Variables de Color (Para que sea fácil cambiar el tono de azul luego) --- */
:root {
    --neon-blue: #0066FF;       /* Azul eléctrico principal */
    --neon-blue-soft: rgba(0, 102, 255, 0.2); /* Versión transparente para brillos */
    --card-bg: #111318;         /* Fondo muy oscuro, casi negro, con un tinte azul */
    --card-border: #1F2430;     /* Borde sutil inicial */
    --text-title: #FFFFFF;      /* Blanco puro para títulos */
    --text-body: #9CA3AF;       /* Gris azulado claro para lectura fácil */
}

/* --- Estilo de la Caja Contenedora --- */
.webbrand-card {
    background-color: var(--card-bg);
    /* Un borde muy sutil al principio para definir la caja */
    border: 1px solid var(--card-border);
    border-radius: 16px; /* Esquinas redondeadas modernas */
    padding: 2.5rem 2rem; /* Espaciado interno generoso */
    text-align: left; /* Alineación a la izquierda suele verse más profesional en tech */
    transition: all 0.3s ease-in-out; /* Suaviza la animación al pasar el mouse */
    position: relative;
    overflow: hidden;
    /* Sombra sutil inicial para separarla del fondo */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* --- Estilo del Título H3 dentro de la caja --- */
.webbrand-card h3 {
    color: var(--text-title);
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.02em; /* Un pequeño toque moderno en la tipografía */
}

/* --- Estilo del Texto Párrafo dentro de la caja --- */
.webbrand-card p {
    color: var(--text-body);
    font-size: 1rem;
    line-height: 1.7; /* Importante: buen interlineado para leer fácil */
    margin: 0;
}

/* --- EFECTO HOVER (La magia sucede aquí) --- */
.webbrand-card:hover {
    /* La caja sube ligeramente */
    transform: translateY(-7px);
    /* El borde se vuelve azul eléctrico */
    border-color: var(--neon-blue);
    /* Aparece un resplandor azul debajo de la caja */
    box-shadow: 0 20px 30px -10px var(--neon-blue-soft);
}

/* Opcional: Un pequeño detalle de línea superior azul al hacer hover */
.webbrand-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--neon-blue);
    transform: scaleX(0); /* Oculto inicialmente */
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.webbrand-card:hover::before {
    transform: scaleX(1); /* Aparece la línea al hacer hover */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-851d05a *//* --- Variables de Color (Para que sea fácil cambiar el tono de azul luego) --- */
:root {
    --neon-blue: #0066FF;       /* Azul eléctrico principal */
    --neon-blue-soft: rgba(0, 102, 255, 0.2); /* Versión transparente para brillos */
    --card-bg: #111318;         /* Fondo muy oscuro, casi negro, con un tinte azul */
    --card-border: #1F2430;     /* Borde sutil inicial */
    --text-title: #FFFFFF;      /* Blanco puro para títulos */
    --text-body: #9CA3AF;       /* Gris azulado claro para lectura fácil */
}

/* --- Estilo de la Caja Contenedora --- */
.webbrand-card {
    background-color: var(--card-bg);
    /* Un borde muy sutil al principio para definir la caja */
    border: 1px solid var(--card-border);
    border-radius: 16px; /* Esquinas redondeadas modernas */
    padding: 2.5rem 2rem; /* Espaciado interno generoso */
    text-align: left; /* Alineación a la izquierda suele verse más profesional en tech */
    transition: all 0.3s ease-in-out; /* Suaviza la animación al pasar el mouse */
    position: relative;
    overflow: hidden;
    /* Sombra sutil inicial para separarla del fondo */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* --- Estilo del Título H3 dentro de la caja --- */
.webbrand-card h3 {
    color: var(--text-title);
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.02em; /* Un pequeño toque moderno en la tipografía */
}

/* --- Estilo del Texto Párrafo dentro de la caja --- */
.webbrand-card p {
    color: var(--text-body);
    font-size: 1rem;
    line-height: 1.7; /* Importante: buen interlineado para leer fácil */
    margin: 0;
}

/* --- EFECTO HOVER (La magia sucede aquí) --- */
.webbrand-card:hover {
    /* La caja sube ligeramente */
    transform: translateY(-7px);
    /* El borde se vuelve azul eléctrico */
    border-color: var(--neon-blue);
    /* Aparece un resplandor azul debajo de la caja */
    box-shadow: 0 20px 30px -10px var(--neon-blue-soft);
}

/* Opcional: Un pequeño detalle de línea superior azul al hacer hover */
.webbrand-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--neon-blue);
    transform: scaleX(0); /* Oculto inicialmente */
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.webbrand-card:hover::before {
    transform: scaleX(1); /* Aparece la línea al hacer hover */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b2452f *//* --- Variables de Color (Para que sea fácil cambiar el tono de azul luego) --- */
:root {
    --neon-blue: #0066FF;       /* Azul eléctrico principal */
    --neon-blue-soft: rgba(0, 102, 255, 0.2); /* Versión transparente para brillos */
    --card-bg: #111318;         /* Fondo muy oscuro, casi negro, con un tinte azul */
    --card-border: #1F2430;     /* Borde sutil inicial */
    --text-title: #FFFFFF;      /* Blanco puro para títulos */
    --text-body: #9CA3AF;       /* Gris azulado claro para lectura fácil */
}

/* --- Estilo de la Caja Contenedora --- */
.webbrand-card {
    background-color: var(--card-bg);
    /* Un borde muy sutil al principio para definir la caja */
    border: 1px solid var(--card-border);
    border-radius: 16px; /* Esquinas redondeadas modernas */
    padding: 2.5rem 2rem; /* Espaciado interno generoso */
    text-align: left; /* Alineación a la izquierda suele verse más profesional en tech */
    transition: all 0.3s ease-in-out; /* Suaviza la animación al pasar el mouse */
    position: relative;
    overflow: hidden;
    /* Sombra sutil inicial para separarla del fondo */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* --- Estilo del Título H3 dentro de la caja --- */
.webbrand-card h3 {
    color: var(--text-title);
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.02em; /* Un pequeño toque moderno en la tipografía */
}

/* --- Estilo del Texto Párrafo dentro de la caja --- */
.webbrand-card p {
    color: var(--text-body);
    font-size: 1rem;
    line-height: 1.7; /* Importante: buen interlineado para leer fácil */
    margin: 0;
}

/* --- EFECTO HOVER (La magia sucede aquí) --- */
.webbrand-card:hover {
    /* La caja sube ligeramente */
    transform: translateY(-7px);
    /* El borde se vuelve azul eléctrico */
    border-color: var(--neon-blue);
    /* Aparece un resplandor azul debajo de la caja */
    box-shadow: 0 20px 30px -10px var(--neon-blue-soft);
}

/* Opcional: Un pequeño detalle de línea superior azul al hacer hover */
.webbrand-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--neon-blue);
    transform: scaleX(0); /* Oculto inicialmente */
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.webbrand-card:hover::before {
    transform: scaleX(1); /* Aparece la línea al hacer hover */
}/* End custom CSS */