.elementor-350 .elementor-element.elementor-element-5deb16cc{--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;--align-items:center;--padding-top:100px;--padding-bottom:100px;--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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-21dfb4a1{text-align:center;}.elementor-350 .elementor-element.elementor-element-21dfb4a1 .elementor-heading-title{font-family:"Orbitron", Sans-serif;font-size:50px;font-weight:600;line-height:1.2em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-350 .elementor-element.elementor-element-82aa682{width:var( --container-widget-width, 980px );max-width:980px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:980px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:30px;font-weight:300;}.elementor-350 .elementor-element.elementor-element-1ca537ac{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-350 .elementor-element.elementor-element-15ec00ae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E0E0E012;--border-color:#E0E0E012;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-350 .elementor-element.elementor-element-15ec00ae:not(.elementor-motion-effects-element-type-background), .elementor-350 .elementor-element.elementor-element-15ec00ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000030;}.elementor-350 .elementor-element.elementor-element-e44378f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-350 .elementor-element.elementor-element-e44378f.elementor-element{--align-self:center;}.elementor-350 .elementor-element.elementor-element-e44378f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;color:#2584DD;}.elementor-350 .elementor-element.elementor-element-4d74f73e .elementor-heading-title{font-family:var( --e-global-typography-e2cb2cf-font-family ), Sans-serif;font-size:var( --e-global-typography-e2cb2cf-font-size );font-weight:var( --e-global-typography-e2cb2cf-font-weight );}.elementor-350 .elementor-element.elementor-element-54cbd66c{font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;line-height:1.2em;color:#DADADA;}.elementor-350 .elementor-element.elementor-element-54cbd66c p{margin-block-end:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-5b66615{margin:0px -2px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-350 .elementor-element.elementor-element-144d1cfc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E0E0E012;--border-color:#E0E0E012;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-350 .elementor-element.elementor-element-144d1cfc:not(.elementor-motion-effects-element-type-background), .elementor-350 .elementor-element.elementor-element-144d1cfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000030;}.elementor-350 .elementor-element.elementor-element-1d0ac3fe{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-350 .elementor-element.elementor-element-1d0ac3fe.elementor-element{--align-self:center;}.elementor-350 .elementor-element.elementor-element-1d0ac3fe .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;color:#2584DD;}.elementor-350 .elementor-element.elementor-element-514fef0e .elementor-heading-title{font-family:var( --e-global-typography-e2cb2cf-font-family ), Sans-serif;font-size:var( --e-global-typography-e2cb2cf-font-size );font-weight:var( --e-global-typography-e2cb2cf-font-weight );}.elementor-350 .elementor-element.elementor-element-4a1e0d8a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;line-height:1.2em;color:#DADADA;}.elementor-350 .elementor-element.elementor-element-4a1e0d8a p{margin-block-end:0px;}.elementor-350 .elementor-element.elementor-element-18f326be{margin:0px -2px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-350 .elementor-element.elementor-element-18fd6c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E0E0E012;--border-color:#E0E0E012;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-350 .elementor-element.elementor-element-18fd6c0:not(.elementor-motion-effects-element-type-background), .elementor-350 .elementor-element.elementor-element-18fd6c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000030;}.elementor-350 .elementor-element.elementor-element-62ad7b70{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-350 .elementor-element.elementor-element-62ad7b70.elementor-element{--align-self:center;}.elementor-350 .elementor-element.elementor-element-62ad7b70 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;color:#2584DD;}.elementor-350 .elementor-element.elementor-element-13ecfbc6 .elementor-heading-title{font-family:var( --e-global-typography-e2cb2cf-font-family ), Sans-serif;font-size:var( --e-global-typography-e2cb2cf-font-size );font-weight:var( --e-global-typography-e2cb2cf-font-weight );}.elementor-350 .elementor-element.elementor-element-3c6cf620{font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;line-height:1.2em;color:#DADADA;}.elementor-350 .elementor-element.elementor-element-3c6cf620 p{margin-block-end:0px;}.elementor-350 .elementor-element.elementor-element-53cda70b{margin:0px -2px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}@media(min-width:768px){.elementor-350 .elementor-element.elementor-element-5deb16cc{--content-width:1400px;}}@media(max-width:1279px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-1ca537ac{--grid-auto-flow:row;}.elementor-350 .elementor-element.elementor-element-4d74f73e .elementor-heading-title{font-size:var( --e-global-typography-e2cb2cf-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-514fef0e .elementor-heading-title{font-size:var( --e-global-typography-e2cb2cf-font-size );}.elementor-350 .elementor-element.elementor-element-13ecfbc6 .elementor-heading-title{font-size:var( --e-global-typography-e2cb2cf-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-1ca537ac{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-350 .elementor-element.elementor-element-4d74f73e .elementor-heading-title{font-size:var( --e-global-typography-e2cb2cf-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-514fef0e .elementor-heading-title{font-size:var( --e-global-typography-e2cb2cf-font-size );}.elementor-350 .elementor-element.elementor-element-13ecfbc6 .elementor-heading-title{font-size:var( --e-global-typography-e2cb2cf-font-size );}}/* Start custom CSS for heading, class: .elementor-element-21dfb4a1 */.elementor-350 .elementor-element.elementor-element-21dfb4a1 span { background: linear-gradient(120deg, #FFD700, #FF8C00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-82aa682 */.elementor-350 .elementor-element.elementor-element-82aa682 strong { background: linear-gradient(120deg, #FFD700, #FF8C00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e44378f */.elementor-350 .elementor-element.elementor-element-e44378f span { display: flex !important; align-items: center; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d0ac3fe */.elementor-350 .elementor-element.elementor-element-1d0ac3fe span { display: flex !important; align-items: center; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62ad7b70 */.elementor-350 .elementor-element.elementor-element-62ad7b70 span { display: flex !important; align-items: center; }/* End custom CSS */ /* Start custom CSS */.brain-icon { -webkit-mask-image: url('https://beaigency.com/wp-content/uploads/2025/11/brain-svgrepo-com.svg'); mask-image: url('https://beaigency.com/wp-content/uploads/2025/11/brain-svgrepo-com.svg'); } .gradient-icon { width: 45px; height: 44px; display: inline-block; background: linear-gradient(135deg, #4F7CFE 0%, #9B62FF 100%); background-size: cover; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-size: contain; mask-repeat: no-repeat; margin-right: 20px; } .pulse { animation: pulseGlow 3s ease-in-out infinite; } @keyframes pulseGlow { 0% { filter: drop-shadow(0 0 10px rgba(79,124,254,0.4)); } 50% { filter: drop-shadow(0 0 25px rgba(155,98,255,0.6)); } 100% { filter: drop-shadow(0 0 10px rgba(79,124,254,0.4)); } } /* Clase universal para texto con degradado AI */ .ai-text { background: linear-gradient(135deg, #4F7CFE 0%, #9B62FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .ai-glow { background: linear-gradient(135deg, #4F7CFE 0%, #9B62FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 8px rgba(79,124,254,0.45)) drop-shadow(0 0 12px rgba(155,98,255,0.35)); } .how-it-works::before { content: ""; position: absolute; bottom: -20px; left: 0; right: 0; height: 220px; background: url('curved-line.svg') no-repeat center; opacity: 0.7; filter: drop-shadow(0 0 25px rgba(79,124,254,0.7)); } /* Contenedor del SVG */ .how-flow-wrapper { position: absolute; inset: 0; pointer-events: none; /* que no bloquee clicks */ z-index: 0; /* detrás del contenido */ } /* El SVG ocupa todo el ancho de la sección */ .how-flow-svg { width: 100%; height: 100%; display: block; } /* CONTENEDOR PRINCIPAL */ .how-neon { position: relative; border-radius: 200px; /* bordes súper redondeados */ padding: 32px 40px; z-index: 1; /* fondo interno casi igual al de la página, para que parezca transparente */ background: rgba(3, 8, 20, 0); overflow: visible; } /* BORDE NEÓN + GLOW ALREDEDOR */ .how-neon::before { content: ""; position: absolute; inset: -1px; /* expande 1px hacia fuera para el borde */ border-radius: inherit; z-index: -1; /* truco de doble background para tener borde en degradado */ border: 3px solid transparent; background: linear-gradient( to right, #030816, /* color interno (fondo oscuro) */ #030816 ) padding-box, linear-gradient( 90deg, #4F7CFE, #9B62FF ) border-box; /* glow solo en el borde (no en el centro) */ box-shadow: 0 0 18px rgba(79, 124, 254, 0.65), 0 0 32px rgba(155, 98, 255, 0.55), 0 0 60px rgba(79, 124, 254, 0.35); } /* GLOW SUAVE EN LAS ESQUINAS (opcional) */ .how-neon::after { content: ""; position: absolute; inset: -8px; border-radius: inherit; z-index: -2; background: radial-gradient(circle at 0% 50%, rgba(79,124,254,0.35) 0, transparent 55%), radial-gradient(circle at 100% 50%, rgba(155,98,255,0.35) 0, transparent 55%); opacity: 0.8; filter: blur(12px); pointer-events: none; } /* CONTENEDOR PRINCIPAL */ .neon-flow { position: relative; padding: 40px 0px; border-radius: 180px; background: rgba(5, 8, 20, 0); /* fondo muy sutil, casi transparente */ overflow: visible; z-index: 1; } /* BORDE + GLOW que SE DESVANECE en el lado derecho */ .neon-flow::before { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 1px solid rgba(105, 170, 255, 0.9); box-shadow: 0 0 18px rgba(105, 170, 255, 0.7), 0 0 32px rgba(103, 137, 255, 0.6); pointer-events: none; /* hace que el borde se vaya "apagando" hacia la derecha */ -webkit-mask-image: linear-gradient( to right, #000 0%, #000 55%, rgba(0, 0, 0, 0.0) 100% ); mask-image: linear-gradient( to right, #000 0%, #000 55%, rgba(0, 0, 0, 0.0) 90% ); } /* LÍNEA SUPERIOR que sigue el flujo hacia la flecha */ .neon-flow::after { content: ""; position: absolute; top: 0px; /* ajústalo si tu título es muy grande */ left: 180px; right: 150px; /* deja espacio para la flecha */ height: 1px; background: linear-gradient( to right, rgba(105, 170, 255, 0.95) 0%, rgba(155, 98, 255, 0.9) 65%, rgba(155, 98, 255, 0.0) 100% ); box-shadow: 0 0 12px rgba(105, 170, 255, 0.8), 0 0 18px rgba(155, 98, 255, 0.7); pointer-events: none; } /* PUNTA DE FLECHA NEÓN (widget HTML con clase .neon-arrow-head) */ .neon-arrow-head { position: absolute; top: -14px; /* alinea con la línea superior */ width: 0; height: 0px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; pointer-events: none; } .feature-box { position: relative; padding: 30px; border-radius: 18px; background: rgba(0,0,0,0.15); border: 1px solid rgba(120, 150, 255, 0.4); overflow: hidden; } /* Glow vertical */ .feature-box::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: inherit; background: linear-gradient( to top, rgba(76, 122, 255, 0.65), rgba(155, 98, 255, 0.35), rgba(0, 0, 0, 0) ); filter: blur(40px); z-index: -1; } .neon-feature { position: relative; padding: 32px; border-radius: 16px; background: rgba(255, 255, 255, 0.02); /* muy sutil */ border: 1px solid rgba(120, 150, 255, 0.18); overflow: hidden; } /* Glow exterior */ .neon-feature::before { content: ""; position: absolute; inset: -1px; /* coincide con outline */ border-radius: inherit; padding: 1px; background: linear-gradient( 180deg, rgba(98, 142, 255, 0.65) 0%, /* top glow suave */ rgba(105, 70, 255, 0.45) 40%, /* degradado medio */ rgba(105, 70, 255, 0.22) 70%, /* se va perdiendo */ rgba(105, 70, 255, 0.0) 100% /* desaparece abajo */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; filter: blur(14px); }/* End custom CSS */