1<!DOCTYPE html> 2<html lang="es"> 3 <head> 4
4<script> 5 (function () { 6 var proto = XMLHttpRequest.prototype; 7 var open = proto.open, setRequestHeader = proto.setRequestHeader, send = proto.send; 8 var TOKEN_KEY = 'base44_access_token'; 9 var storedTokenHeader = function () { 10 try { return 'Bearer ' + localStorage.getItem(TOKEN_KEY); } catch (e) { return null; } 11 }; 12 var forgetStoredToken = function () { 13 try { localStorage.removeItem(TOKEN_KEY); localStorage.removeItem('token'); } catch (e) {} 14 }; 15 16 proto.open = function (method, url) { 17 this.__b44IsAuthCheck = /\/entities\/User\/me(\?|$)/.test(url); 18 return open.apply(this, arguments); 19 }; 20 21 proto.setRequestHeader = function (name, value) { 22 if (this.__b44IsAuthCheck && name.toLowerCase() === 'authorization' && value === storedTokenHeader()) { 23 this.__b44SentToken = value; 24 } 25 return setRequestHeader.call(this, name, value); 26 }; 27 28 proto.send = function () { 29 this.addEventListener('loadend', function () { 30 var rejectedTokenStillStored = this.status === 401 && this.__b44SentToken === storedTokenHeader(); 31 if (rejectedTokenStillStored) forgetStoredToken(); 32 }); 33 return send.apply(this, arguments); 34 }; 35})(); 36 </script>
36 37 <meta charset="utf-8"/> 38 <!-- Prerender: la página avisa cuando su contenido real está en el DOM (ver src/lib/Seo.jsx) --> 39
39<script> 40 window.prerenderReady = false; 41 // Idioma y "es home" decididos una sola vez: la home vive en / (ES) y en /en (EN). 42 (function(){ 43 var p = window.location.pathname.replace(/\/+$/, '') || '/'; 44 window.__NEXTAI_LANG = (p === '/en' || p.indexOf('/en/') === 0) ? 'en' : 'es'; 45 window.__NEXTAI_HOME = (p === '/' || p === '/en'); 46 if (window.__NEXTAI_LANG === 'en') document.documentElement.setAttribute('lang', 'en'); 47 })(); 48 </script>
48 49 <!-- Diccionario EN de la home cinematográfica. 50 El HTML servido es SIEMPRE el español (idioma por defecto del sitio). En /en un script 51 sÃncrono (al final del <body>, antes de los módulos) sustituye el contenido de los nodos 52 marcados con data-i18n y reescribe los enlaces internos a sus rutas EN (ROUTE_PAIRS). 53 Reglas: data-i18n="clave" sustituye el contenido (innerHTML si el valor lleva marcado); 54 con data-i18n-attr="aria-label,alt,title,placeholder" el valor va a esos atributos. 55 data-i18n-keep-href excluye un enlace del reescritor de rutas. --> 56
56<script> 57 window.__NEXTAI_EN = { 58 "nav.home": "home â<span class=\"tn-underline\"></span>", 59 "nav.build": "what we build â", 60 "nav.superapps": "super apps â", 61 "nav.superagents": "superagents â", 62 "nav.brain": "enterprise brain â", 63 "nav.contact": "contact â", 64 65 "hero.title": "Your company knows more<br><span class=\"hero-subtitle\">than it acts on.</span>", 66 "hero.nav.build": "what we build <span class=\"nav-arrow\">â</span>", 67 "hero.nav.superapps": "super apps <span class=\"nav-arrow\">â</span>", 68 "hero.nav.superagents": "superagents <span class=\"nav-arrow\">â</span>", 69 "hero.nav.brain": "enterprise brain <span class=\"nav-arrow\">â</span>", 70 "hero.eyebrow": "Enterprise AI ecosystems", 71 "hero.text": "We build the brain that brings it all together. And the agents that put it to work.", 72 "hero.cta": "BOOK YOUR DIGITAL AUDIT", 73 "hero.micro": "One hour. No sales deck.", 74 75 "s1.title": "Every tool holds<br>one piece.<br><span style=\"font-weight: 500;\">None sees the whole.</span>", 76 "s2.title": "And the call gets made blind<br><span style=\"font-weight: 500;\">on what is already known.</span>", 77 "s2.note": "We call it <strong>Context Debt</strong>.", 78 "clients.title": "COMPANIES THAT ALREADY TRUST US", 79 "bridge.title": "But this<br><span style=\"font-weight: 500;\">can be fixed.</span>", 80 81 "p4.title": "Four ways<br><span style=\"font-weight: 500;\">to build it.</span>", 82 "p4.p1.t": "Super apps", 83 "p4.p1.l": "Your idea, running.", 84 "p4.p2.t": "Superagents", 85 "p4.p2.l": "A whole process, without you.", 86 "p4.p3.t": "Ecosystems", 87 "p4.p3.l": "Your tools, talking to each other.", 88 "p4.p4.t": "Enterprise brains", 89 "p4.p4.l": "Your company, remembering.", 90 "p4.cta": "SEE WHAT WE BUILD", 91 92 "word.apps": "<span class=\"char\">A</span><span class=\"char\">P</span><span class=\"char\">P</span><span class=\"char\">S</span>", 93 "word.agents": "<span class=\"char\">A</span><span class=\"char\">G</span><span class=\"char\">E</span><span class=\"char\">N</span><span class=\"char\">T</span><span class=\"char\">S</span>", 94 "word.ecosystems": "<span class=\"char\">E</span><span class=\"char\">C</span><span class=\"char\">O</span><span class=\"char\">S</span><span class=\"char\">Y</span><span class=\"char\">S</span><span class=\"char\">T</span><span class=\"char\">E</span><span class=\"char\">M</span><span class=\"char\">S</span>", 95 96 "p3.title": "Your company working<br>as one single intelligence.", 97 "p3.left": "One brain. One set of data. One truth.", 98 "p3.stat1.desc": "agents that<br>never close", 99 "p3.stat2.num": "ONE TRUTH", 100 "p3.stat2.desc": "the same figure<br>for everyone", 101 102 "p5.t1": "Start where you are.", 103 "p5.t2": "Grow as far as you want.", 104 "p5.desc": "One agent. Then another. Then the brain that joins them up.", 105 "p5.navlabel": "The five phases of the NEXT-5 Roadmap", 106 "p5.r1": "1. Level", 107 "p5.r2": "2. Structure", 108 "p5.r3": "3. Xtend", 109 "p5.r4": "4. Transfer", 110 "p5.r5": "5. Scale", 111 "p5.eyebrow": "NEXT-5 Roadmap", 112 113 "p6.title": "One hour.<br><span style=\"font-weight: 400;\">One map.</span>", 114 115 "f.heading": "Tell us how your company works today. We will tell you what can be built, where to start and what is not worth touching yet. Whether you hire us or not.", 116 "f.placeholder": "Your work email", 117 "f.submit": "BOOK YOUR DIGITAL AUDIT", 118 "f.sub1": "45 minutes · You pick the slot on the spot", 119 "f.sub2": "By sending your email you agree that Cosmolabs Oà (NextAI) will process your data to prepare your assessment and contact you, in line with the <a href=\"/privacidad\" style=\"color:#000;text-decoration:underline;\">Privacy policy</a>.", 120 121 "f.c1.t": "What we build", 122 "f.c1.a1": "Digital ID for AI agents", 123 "f.c1.a2": "Custom super apps", 124 "f.c1.a3": "AI superagents", 125 "f.c1.a4": "Enterprise Brain", 126 "f.c1.a5": "AI-Native Scale", 127 "f.c1.a6": "Digital Cortex", 128 "f.c1.a7": "All services", 129 "f.c1.a8": "Plans and pricing", 130 131 "f.c2.t": "Method and metrics", 132 "f.c2.a1": "How we work", 133 "f.c2.a2": "NEXT-5 Roadmap", 134 "f.c2.a3": "IMAN â Maturity index", 135 "f.c2.a4": "RAO â Operational autonomy", 136 "f.c2.a5": "Digital Audit", 137 138 "f.c3.t": "Knowledge", 139 "f.c3.a1": "Executive blog", 140 "f.c3.a2": "Enterprise AI glossary", 141 "f.c3.a3": "Frequently asked questions", 142 "f.c3.a4": "Percent case study", 143 "f.c3.a5": "Case studies", 144 145 "f.c4.t": "NextAI", 146 "f.c4.a1": "About NextAI", 147 "f.c4.a2": "Press and mentions", 148 "f.c4.a3": "Verify our agent Argos â", 149 "f.c4.a4": "Contact", 150 "f.c4.a5": "LinkedIn â", 151 152 "f.c5.t": "Legal", 153 "f.c5.a1": "Terms and conditions", 154 "f.c5.a2": "Privacy policy", 155 "f.c5.a3": "Cookie policy", 156 "f.c5.a4": "Legal notice", 157 158 "faq.q1": "How is a superagent different from a chatbot?", 159 "faq.a1": "A chatbot answers. A copilot suggests. A superagent takes over an entire process: it has memory of what happened, tools to act on your systems, limits on its authority and its own KPIs. The chatbot tells you how many invoices are outstanding; the superagent reconciles them.", 160 "faq.q2": "How long before we see the first result?", 161 "faq.a2": "Under two weeks from the first assessment to having an agent running. The full mapping of processes and data runs in parallel and closes in two or three weeks.", 162 "faq.q3": "We already tried AI and it did not work. Why would this time be different?", 163 "faq.a3": "Because the failure is almost always the same: the AI did not know the company. Without corporate memory, a model answers specific problems with general knowledge. That is
163why we start with the brain and not with the tool.", 164 "faq.q4": "What is the digital ID of your AI agents?", 165 "faq.a4": "A cryptographically signed credential (W3C Verifiable Credentials 2.0) that identifies each software agent, declares which company answers for it, what it is allowed and not allowed to do, expires after 90 days and can be revoked instantly. Anyone can check it in seconds by scanning the QR code on its seal or at <a href=\"https://digitalcortex.tech/verify/argos\" target=\"_blank\" rel=\"noopener\">digitalcortex.tech/verify/argos</a>. It is a verifiable self-declaration, not an external audit. <a href=\"/dni-digital-agentes-ia\">How it works â</a>", 166 "faq.all": "See all the questions and the NEXT-5 Roadmap â", 167 168 "dni.seal.aria": "See how the digital ID for AI agents works", 169 "dni.seal.alt": "CORTEX Seal of the Argos agent: verifiable digital identity", 170 "dni.eyebrow": "Verifiable Agentic Identity · CORTEX Seal", 171 "dni.title": "Our AI agents carry a digital ID", 172 "dni.copy": "Who answers for each agent, what it may do and what it must not: signed, with an expiry date, revocable and checkable by anyone in 30 seconds. Argos, our lead-generation agent, was the first.", 173 "dni.btn1": "How it works", 174 "dni.btn2": "Verify Argos live â", 175 176 "f.recognition": "Recognition", 177 "f.trust": "Certified infrastructure", 178 "f.trust.eu": "EU-hosted data", 179 "f.trust.aiact": "EU AI Act compliant", 180 "f.design": "Design and interactive experience", 181 "f.copyright": "© 2026 NEXTAI · Cosmolabs Oà · Registry code 17106582 · Ahtri tn 12, 15551 Tallinn, Estonia · <a href=\"mailto:[email protected]\">[email protected]</a>" 182 }; 183 // ROUTE_PAIRS (src/i18n/routes.js) en forma de mapa ES -> EN para el reescritor de enlaces. 184 window.__NEXTAI_ROUTES_EN = { 185 "/": "/en", 186 "/services": "/en/services", 187 "/super-apps": "/en/super-apps", 188 "/plans": "/en/plans", 189 "/contact": "/en/contact", 190 "/about": "/en/about", 191 "/cortex": "/en/cortex", 192 "/casos/percent-cerebro-empresarial": "/en/cases/percent-enterprise-brain", 193 "/enterprise-faq": "/en/enterprise-faq", 194 "/blog": "/en/blog", 195 "/casos": "/en/case-studies", 196 "/cerebro-empresarial": "/en/enterprise-brain", 197 "/superagentes": "/en/superagents", 198 "/escala-ai-native": "/en/ai-native-scale", 199 "/ruta-next-5": "/en/next-5-roadmap", 200 "/rao": "/en/rao", 201 "/iman": "/en/iman", 202 "/glosario": "/en/glossary", 203 "/dni-digital-agentes-ia": "/en/digital-id-for-ai-agents", 204 "/prensa": "/en/press", 205 "/empleo": "/en/careers", 206 "/como-trabajamos": "/en/how-we-work", 207 "/auditoria-digital": "/en/digital-audit", 208 "/aviso-legal": "/en/legal-notice", 209 "/privacidad": "/en/privacy", 210 "/terminos": "/en/terms", 211 "/cookies": "/en/cookies" 212 }; 213 // Slug ES -> EN de artÃculos con traducción (src/data/en/blogSlugs.js). Sin entrada, el 214 // enlace se queda en la versión española: no se inventan slugs. 215 window.__NEXTAI_BLOG_EN = { 216 "dni-digital-para-agentes-de-ia-lanzamiento-nextai": "digital-id-for-ai-agents-nextai-launch", 217 "agentes-openai-escaparon-complot-identidad-digital": "openai-agents-escaped-facts-and-lessons", 218 "identidad-agentica-verificable-carne-agentes-ia": "why-every-ai-agent-should-carry-an-id", 219 "como-revocar-un-agente-de-ia-en-segundos": "how-to-revoke-an-ai-agent-credential-in-seconds", 220 "ai-act-articulo-50-transparencia-agentes-ia-pymes": "ai-act-article-50-transparency-ai-agents-smes", 221 "que-es-un-dni-digital-para-agentes-de-ia": "what-is-a-digital-id-for-ai-agents", 222 "seis-preguntas-a-tu-proveedor-de-agentes-de-ia": "six-questions-for-your-ai-agent-provider", 223 "credenciales-verificables-w3c-para-agentes-explicadas": "w3c-verifiable-credentials-for-ai-agents-explained", 224 "identidad-de-agentes-de-ia-y-blockchain-que-aporta-y-que-no": "ai-agent-identity-and-blockchain-what-it-adds-and-what-it-does-not", 225 "caso-argos-el-primer-agente-de-nextai-con-dni-digital": "argos-case-study-first-nextai-agent-with-digital-id", 226 "nextai-anclara-la-identidad-de-sus-agentes-en-la-blockchain-base": "nextai-will-anchor-agent-identity-on-base-blockchain", 227 "nextai-publica-su-politica-de-identidad-agentica-y-el-registro-publico-de-agentes": "nextai-publishes-agentic-identity-policy-and-public-agent-registry", 228 "nextai-emite-la-primera-identidad-digital-verificable-de-un-agente-argos": "nextai-issues-first-verifiable-digital-identity-argos", 229 "agente-autonomo-no-es-agente-con-voluntad-lo-que-dice-la-aepd": "autonomous-agent-is-not-an-agent-with-a-will-what-the-aepd-says",
230 "que-es-un-cerebro-empresarial-con-ia": "what-is-an-enterprise-brain-with-ai", 231 "arquitectura-cerebro-empresarial-5-capas": "enterprise-brain-5-layer-architecture", 232 "rag-empresarial-guia-implantacion": "enterprise-rag-implementation-guide", 233 "deuda-de-contexto-ia": "context-debt-the-cost-of-an-ai-that-does-not-know-you", 234 "cerebro-empresarial-vs-chatgpt-empresa": "enterprise-brain-vs-chatgpt-in-the-enterprise", 235 "que-es-un-superagente-de-ia": "what-is-an-ai-superagent", 236 "chatbot-copiloto-agente-superagente-diferencias": "chatbot-vs-copilot-vs-agent-vs-superagent", 237 "superagente-comercial-ventas": "sales-superagent-ai-agent-for-sales-and-crm", 238 "superagente-atencion-al-cliente": "customer-service-superagent-beyond-the-chatbot", 239 "orquestacion-multiagente-empresa": "multi-agent-orchestration-in-the-enterprise", 240 "empresa-ai-native-que-es": "what-is-an-ai-native-company", 241 "escala-ai-native-niveles": "ai-native-scale-six-maturity-levels", 242 "rao-ratio-autonomia-operativa": "rao-operational-autonomy-ratio", 243 "pilotitis-por-que-fracasan-los-proyectos-de-ia": "pilot-fatigue-why-80-percent-of-ai-pilots-fail", 244 "eu-ai-act-guia-empresas-espanolas": "eu-ai-act-what-it-really-requires-from-companies", 245 "seguridad-de-agentes-de-ia": "ai-agent-security-permissions-boundaries-audit", 246 "gobierno-de-ia-registro-de-agentes": "ai-governance-how-to-keep-an-ai-agent-registry", 247 "roi-de-la-inteligencia-artificial-como-calcularlo": "ai-roi-how-to-calculate-it-properly", 248 "build-vs-buy-ia-empresarial": "build-vs-buy-enterprise-ai", 249 "geo-generative-engine-optimization-guia": "geo-generative-engine-optimization-guide" 250 }; 251 </script>
251 252 <!-- Consent Mode v2: todo denegado por defecto hasta que el usuario acepte en el banner --> 253
253<script> 254 window.dataLayer = window.dataLayer || []; 255 function gtag(){dataLayer.push(arguments);} 256 (function(){ 257 var granted = false; 258 try { 259 var stored = JSON.parse(localStorage.getItem('nextai_cookie_consent') || 'null'); 260 granted = stored && stored.value === 'all'; 261 } catch (e) {} 262 var state = granted ? 'granted' : 'denied'; 263 gtag('consent', 'default', { 264 ad_storage: state, 265 ad_user_data: state, 266 ad_personalization: state, 267 analytics_storage: state, 268 functionality_storage: 'granted', 269 security_storage: 'granted' 270 }); 271 })(); 272 </script>
272 273 <!-- Google Tag Manager: se carga sólo con consentimiento ("Aceptar todas") y después del load, 274 nunca en la ruta crÃtica. CookieBanner llama a window.__loadGTM() al aceptar. --> 275
275<script> 276 (function(w,d){ 277 var loaded = false; 278 w.__loadGTM = function(){ 279 if (loaded) return; loaded = true; 280 w.dataLayer = w.dataLayer || []; 281 w.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 282 var j = d.createElement('script'); j.async = true; 283 j.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-5GHZMX68'; 284 d.head.appendChild(j); 285 }; 286 var granted = false; 287 try { var s = JSON.parse(localStorage.getItem('nextai_cookie_consent') || 'null'); granted = !!(s && s.value === 'all'); } catch (e) {} 288 if (granted) { 289 var go = function(){ ('requestIdleCallback' in w) ? w.requestIdleCallback(w.__loadGTM, {timeout: 3000}) : setTimeout(w.__loadGTM, 1500); }; 290 (d.readyState === 'complete') ? go() : w.addEventListener('load', go); 291 } 292 })(window, document); 293 </script>
293 294 <!-- End Google Tag Manager --> 295 <meta content="width=device-width, initial-scale=1.0" name="viewport"/> 296 <!-- Title, description y canonical los define cada ruta (Seo + GlobalSeo). No se fijan aquà 297 para que el HTML servido a los crawlers no repita los de la home en todas las URLs. --> 298 <title> 299 NextAI 300 </title> 301 <meta content="NextAI â Tu empresa, con cerebro propio" property="og:title"/> 302 <meta content="Ecosistemas de inteligencia artificial empresarial: Cerebro Empresarial, superagentes, Escala AI-Native, Ruta NEXT-5, IMAN y RAO." property="og:description"/> 303 <meta content="website" property="og:type"/> 304 <meta content="NextAI" property="og:site_name"/> 305 <meta content="es_ES" property="og:locale"/> 306 <meta content="https://nextai.pro/og-image.jpg" property="og:image"/> 307 <meta content="1200" property="og:image:width"/> 308 <meta content="630" property="og:image:height"/> 309 <meta content="summary_large_image" name="twitter:card"/> 310 <meta content="NextAI â Tu empresa, con cerebro propio" name="twitter:title"/> 311 <meta content="Ecosistemas de inteligencia artificial empresarial: Cerebro Empresarial, superagentes, Escala AI-Native, Ruta NEXT-5, IMAN y RAO." name="twitter:description"/> 312 <meta content="https://nextai.pro/og-image.jpg" name="twitter:image"/> 313 <meta content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" name="robots"/> 314 <meta content="#ffffff" name="theme-color"/> 315 <meta content="NextAI" name="author"/> 316 <link href="https://nextai.pro/llms.txt" rel="alternate" title="llms.txt" type="text/plain"/> 317 <link href="https://nextai.pro/sitemap.xml" rel="sitemap" type="application/xml"/> 318
318<script type="application/ld+json"> 319 { 320 "@context": "https://schema.org", 321 "@type": "WebSite", 322 "name": "NextAI", 323 "url": "https://nextai.pro/", 324 "inLanguage": "es-ES", 325 "publisher": { 326 "@id": "https://nextai.pro/#organization" 327 }, 328 "@id": "https://nextai.pro/#website" 329 } 330 </script>
330 331
331<script type="application/ld+json"> 332 { 333 "@context": "https://schema.org", 334 "@type": "ProfessionalService", 335 "name": "NextAI", 336 "legalName": "Cosmolabs OÃ", 337 "url": "https://nextai.pro/", 338 "email": "[email protected]", 339 "address": { 340 "@type": "PostalAddress", 341 "streetAddress": "Ahtri tn 12", 342 "postalCode": "15551", 343 "addressLocality": "Tallinn", 344 "addressCountry": "EE" 345 }, 346 "image": "https://nextai.pro/og-image.jpg", 347 "description": "ConsultorÃa e ingenierÃa de IA empresarial: Cerebros Empresariales y superagentes que automatizan procesos completos.", 348 "areaServed": { 349 "@type": "Country", 350 "name": "España" 351 }, 352 "availableLanguage": [ 353 "es", 354 "en" 355 ], 356 "serviceType": [ 357 "Cerebro Empresarial", 358 "Superagentes de IA", 359 "Ecosistemas de IA empresarial", 360 "AuditorÃa digital con IA", 361 "Gobierno de IA y cumplimiento del EU AI Act" 362 ], 363 "hasOfferCatalog": { 364 "@type": "OfferCatalog", 365 "name": "Servicios NextAI", 366 "itemListElement": [ 367 { 368 "@type": "Offer", 369 "itemOffered": { 370 "@type": "Service", 371 "name": "Cerebro Empresarial", 372 "url": "https://nextai.pro/cerebro-empresarial" 373 } 374 }, 375 { 376 "@type": "Offer", 377 "itemOffered": { 378 "@type": "Service", 379 "name": "Superagentes de IA", 380 "url": "https://nextai.pro/superagentes" 381 } 382 }, 383 { 384 "@type": "Offer", 385 "itemOffered": { 386 "@type": "Service", 387 "name": "AuditorÃa digital con IA", 388 "url": "https://nextai.pro/auditoria-digital" 389 } 390 } 391 ] 392 }, 393 "@id": "https://nextai.pro/#service", 394 "provider": { 395 "@id": "https://nextai.pro/#organization" 396 } 397 } 398 </script>
398 399
399<script type="application/ld+json"> 400 { 401 "@context": "https://schema.org", 402 "@type": "Organization", 403 "name": "NextAI", 404 "alternateName": "Next AI", 405 "url": "https://nextai.pro/", 406 "description": "NextAI construye ecosistemas de inteligencia artificial empresarial: cerebros empresariales y superagentes que dan memoria, razonamiento y autonomÃa operativa a las empresas.", 407 "slogan": "Tu empresa, con cerebro propio", 408 "areaServed": "ES", 409 "knowsAbout": [ 410 "Cerebro Empresarial", 411 "Superagentes de IA", 412 "Escala AI-Native", 413 "Ruta NEXT-5", 414 "IMAN â Ãndice de Madurez AI-Native", 415 "RAO â Ratio de AutonomÃa Operativa", 416 "RAG empresarial", 417 "Grafos de conocimiento empresarial", 418 "Gobierno de IA y EU AI Act", 419 "Generative Engine Optimization (GEO)" 420 ], 421 "sameAs": [ 422 "https://www.linkedin.com/company/nextaipro", 423 "https://interdiario.es/2026/05/06/cosmin-popescu-nextai-hemos-agotado-la-informacion-para-entrenar-a-la-ia-ahora-dependemos-de-la-creatividad-humana/", 424 "https://www.youtube.com/@nextai_es", 425 "https://app.base44.com/@nextai" 426 ], 427 "@id": "https://nextai.pro/#organization", 428 "legalName": "Cosmolabs OÃ", 429 "email": "[email protected]", 430 "founder": { 431 "@type": "Person", 432 "name": "Cosmin Popescu", 433 "jobTitle": "Fundador y CEO" 434 }, 435 "parentOrganization": { 436 "@type": "Organization", 437 "name": "Cosmolabs OÃ", 438 "url": "https://cosmolabs.tech" 439 } 440 } 441 </script>
441 442
442<script data-home-faq="" type="application/json"> 443 { 444 "@context": "https://schema.org", 445 "@type": "FAQPage", 446 "mainEntity": [ 447 { 448 "@type": "Question", 449 "name": "¿En qué se diferencia un superagente de un chatbot?", 450 "acceptedAnswer": { "@type": "Answer", "text": "Un chatbot responde. Un copiloto sugiere. Un superagente se hace cargo de un proceso completo: tiene memoria de lo que pasó, herramientas para actuar sobre vuestros sistemas, lÃmites de autoridad y KPIs propios. El chatbot os dice cuántas facturas hay pendientes; el superagente las concilia." } 451 }, 452 { 453 "@type": "Question", 454 "name": "¿Cuánto tarda en verse el primer resultado?", 455 "acceptedAnswer": { "@type": "Answer", "text": "Menos de dos semanas desde el primer diagnóstico hasta tener un agente funcionando. La cartografÃa completa de procesos y datos va en paralelo y se cierra en dos o tres semanas." } 456 }, 457 { 458 "@type": "Question", 459 "name": "Ya probamos la IA y no funcionó. ¿Por qué esta vez sÃ?", 460 "acceptedAnswer": { "@type": "Answer", "text": "Porque casi siempre falla lo mismo: la IA no conocÃa la empresa. Sin memoria corporativa, un modelo responde con conocimiento general a problemas especÃficos. Por eso empezamos por el cerebro y no por la herramienta." } 461 } 462 ] 463 } 464 </script>
464 465 <!-- SEO en inglés de la home: se aplica de forma sÃncrona, antes del render, para que 466 title/description/og/twitter y los JSON-LD servidos en /en ya vayan en inglés. --> 467
467<script> 468 (function(){ 469 if (window.__NEXTAI_LANG !== 'en') return; 470 var d = document, EN = window.__NEXTAI_EN || {}; 471 var URL_EN = 'https://nextai.pro/en'; 472 var TITLE = 'NextAI | Enterprise brains and AI superagents'; 473 var DESC = "We build the Enterprise Brain and the superagents that connect your company's data, processes and decisions. From assessment to the first agent in 2 weeks."; 474 var SOCIAL_T = 'NextAI â Your company, with a brain of its own'; 475 var SOCIAL_D = 'Enterprise AI ecosystems: Enterprise Brain, superagents, AI-Native Scale, NEXT-5 Roadmap, IMAN and RAO.'; 476 var ORG_DESC = 'NextAI builds enterprise artificial intelligence ecosystems: enterprise brains and superagents that give companies memory, reasoning and operational autonomy.'; 477 d.title = TITLE; 478 function meta(key, attr, value){ 479 var m = d.head.querySelector('meta[' + attr + '="' + key + '"]'); 480 if (!m) { m = d.createElement('meta'); m.setAttribute(attr, key); d.head.appendChild(m); } 481 m.setAttribute('content', value); 482 } 483 meta('description', 'name', DESC); 484 meta('og:title', 'property', SOCIAL_T); 485 meta('og:description', 'property', SOCIAL_D); 486 meta('og:locale', 'property', 'en_GB'); 487 meta('og:url', 'property', URL_EN); 488 meta('twitter:title', 'name', SOCIAL_T); 489 meta('twitter:description', 'name', SOCIAL_D); 490 var scripts = d.head.querySelectorAll('script[type="application/ld+json"]'); 491 for (var i = 0; i < scripts.length; i++) { 492 var j; try { j = JSON.parse(scripts[i].textContent); } catch (e) { continue; } 493 if (j['@type'] === 'WebSite') { 494 j.inLanguage = 'en-GB'; 495 j.url = URL_EN; 496 if (j.publisher) j.publisher.url = URL_EN; 497 } else if (j['@type'] === 'ProfessionalService') { 498 j.url = URL_EN; 499 j.inLanguage = 'en-GB'; 500 j.description = 'Enterprise AI consultancy and engineering: Enterprise Brains and superagents that run complete business processes.'; 501 j.serviceType = [ 502 'Enterprise Brain', 503 'AI superagents', 504 'Enterprise AI ecosystems', 505 'Digital audit with AI', 506 'AI governance and EU AI Act readiness' 507 ]; 508 if (j.hasOfferCatalog) { 509 j.hasOfferCatalog.name = 'NextAI services'; 510 j.hasOfferCatalog.itemListElement = [ 511 { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Enterprise Brain', url: URL_EN + '/enterprise-brain' } }, 512 { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'AI superagents', url: URL_EN + '/superagents' } }, 513 { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Digital audit with AI', url: URL_EN + '/digital-audit' } } 514 ]; 515 } 516 } else if (j['@type'] === 'Organization') { 517 j.url = URL_EN; 518 j.inLanguage = 'en-GB'; 519 j.alternateName = ['Next AI', 'NextAI â Enterprise AI']; 520 j.description = ORG_DESC; 521 j.slogan = 'Your company, with a brain of its own'; 522 j.knowsAbout = [ 523 'Enterprise Brain', 524 'AI superagents', 525 'AI-Native Scale', 526 'NEXT-5 Roadmap', 527 'IMAN â AI-Native Maturity Index', 528 'RAO â Operational Autonomy Ratio', 529 'Enterprise RAG', 530 'Enterprise knowledge graphs', 531 'AI governance and the EU AI Act', 532 'Generative Engine Optimization (GEO)' 533 ]; 534 } 535 scripts[i].textContent = JSON.stringify(j); 536 } 537 var faq = d.head.querySelector('script[data-home-faq]'); 538 if (faq) { 539 var strip = function(v){ return String(v || '').replace(/<[^>]*>/g, '').replace(/\s+/g, ' ').trim(); }; 540 var entity = []; 541 for (var n = 1; n <= 4; n++) { 542 if (!EN['faq.q' + n]) continue; 543 entity.push({ 544 '@type': 'Question', 545 name: strip(EN['faq.q' + n]), 546 acceptedAnswer: { '@type': 'Answer', text: strip(EN['faq.a' + n]) } 547 }); 548 } 549 faq.textContent = JSON.stringify({ '@context': 'https://schema.org', '@type': 'FAQPage', inLanguage: 'en-GB', mainEntity: entity }); 550 } 551 })(); 552 </script>
552 553
553<script> 554 if (!window.__NEXTAI_HOME) document.documentElement.classList.add('inner-page'); 555 </script>
555 556 <!-- Modo de la home decidido ANTES del primer paint (evita cambios de diseño/CLS): 557 sin GPU real (WebGL por software: Lighthouse, bots, VMs) o con prefers-reduced-motion â html.cinematic-static. 558 Depuración: ?cinematic=static | ?cinematic=live. --> 559
559<script> 560 (function(){ 561 if (!window.__NEXTAI_HOME) return; 562 function hardwareWebGL(){ 563 try { 564 var c = document.createElement('canvas'); 565 var gl = c.getContext('webgl2') || c.getContext('webgl'); 566 if (!gl) return false; 567 var d = gl.getExtension('WEBGL_debug_renderer_info'); 568 var r = String(d ? gl.getParameter(d.UNMASKED_RENDERER_WEBGL) : gl.getParameter(gl.RENDERER)); 569 var l = gl.getExtension('WEBGL_lose_context'); if (l) l.loseContext(); 570 return !/swiftshader|llvmpipe|softpipe|software|basic render|mesa offscreen/i.test(r); 571 } catch (e) { return false; } 572 } 573 var forced = null; 574 try { forced = new URLSearchParams(window.location.search).get('cinematic'); } catch (e) {} 575 var isStatic = forced === 'static' ? true : forced === 'live' ? false : null; 576 if (isStatic === null) { 577 var rm = false; 578 try { rm = window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) {} 579 isStatic = rm || !hardwareWebGL(); 580 } 581 if (isStatic) document.documentElement.classList.add('cinematic-static'); 582 })(); 583 </script>
583 584 <!-- Fuentes autohospedadas (antes Google Fonts: CSS bloqueante + 2 saltos de dominio en la ruta crÃtica) --> 585 <link as="font" crossorigin="" href="/fonts/bebas-neue-latin.woff2" rel="preload" type="font/woff2"/> 586 <link as="font" crossorigin="" href="/fonts/jost-var-latin.woff2" rel="preload" type="font/woff2"/> 587 <style> 588 @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/bebas-neue-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } 589 @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/bebas-neue-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } 590 @font-face { font-family: 'Jost'; font-style: normal; font-weight: 200 700; font-display: swap; src: url(/fonts/jost-var-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } 591 @font-face { font-family: 'Jost'; font-style: normal; font-weight: 200 700; font-display: swap; src: url(/fonts/jost-var-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } 592 @font-face { font-family: 'Jost'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/jost-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } 593 @font-face { font-family: 'Jost'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/jost-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } 594 </style> 595 <style> 596 /* Hide scrollbar for WebKit browsers */ 597 ::-webkit-scrollbar { display: none; } 598 html { 599 /* Base 16px at 1920px width. Clamps at 12px for smaller screens to maintain readability */ 600 font-size: max(12px, 0.833333vw); 601 } 602 body { 603 margin: 0; 604 overflow-x: hidden; 605 -ms-overflow-style: none; 606 scrollbar-width: none; 607 background-color: #ffffff; 608 height: 3400vh; /* Long cinematic scroll */ 609 } 610 /* Inner pages (React routes): normal document flow, hide the cinematic DOM */ 611 html.inner-page body { height: auto; overflow-x: visible; } 612 html.inner-page body > *:not(#root) { display: none !important; } 613 .preload-hidden { opacity: 0 !important; pointer-events: none !important; } 614 .reveal-anim { 615 transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s, opacity 1.6s ease 0.6s; 616 will-change: transform, opacity; 617 } 618 .preload-hidden.reveal-anim.from-top { transform: translateY(-20px); } 619 .preload-hidden.reveal-anim.from-bottom { transform: translateY(20px); } 620 canvas { display: block; } 621 622 .hero-logo { position: absolute; top: 2.5rem; left: 3.125rem; z-index: 5; font-family: 'Bebas Neue', sans-serif; font-size: 2rem; line-height: 1; letter-spacing: 0.04em; color: #000; } 623 .hero-title { 624 position: absolute; top: 43%; transform: translateY(-50%); left: 3.125rem; 625 font-family: 'Bebas Neue', sans-serif; font-weight: 400; 626 font-size: max(2.5rem, 7vw); color: #000000; margin: 0; z-index: 2; 627 pointer-events: none; line-height: 1.0; white-space: nowrap; 628 } 629 .char-mask { 630 display: inline-block; overflow: hidden; vertical-align: bottom; 631 padding-top: 0.2em; margin-top: -0.2em; 632 padding-bottom: 1.2em; margin-bottom: -1.2em; perspective: 500px; 633 } 634 .hero-char { 635 display: inline-block; 636 transform: translateY(110%) translateZ(-60px) rotateX(-65deg); 637 transform-origin: bottom center; filter: blur(14px); opacity: 0; 638 will-change: transform, filter, opacity; 639 transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1), filter 1.6s ease, opacity 1.2s ease; 640 } 641 .hero-char.revealed { transform: translateY(0) translateZ(0) rotateX(0deg); filter: blur(0px); opacity: 1; } 642 /* Non-hero titles animate much faster for snappy scrolling */ 643 .animated-title .hero-char { 644 transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.8s ease, opacity 0.6s ease; 645 } 646 .home-topnav { 647 position: fixed; top: 1rem; left: 1.5rem; right: 1.5rem; z-index: 20; 648 display: flex; align-items: center; justify-content: space-between; 649 padding: 1.1rem 2rem; font-family: 'Jost', sans-serif; 650 opacity: 0; pointer-events: none; 651 background: rgba(255, 255, 255, 0.65); 652 backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(26px); 653 border: 1px solid rgba(255, 255, 255, 0.7); 654 border-radius: 1.25rem; overflow: hidden; 655 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06); 656 transition: opacity 0.35s ease; 657 } 658 .home-topnav::before { 659 content: ''; position: absolute; top: -10rem; left: 8%; width: 22rem; height: 22rem; 660 background: radial-gradient(circle, rgba(128, 170, 255, 0.55), transparent 70%); 661 filter: blur(30px); pointer-events: none; 662 } 663 .home-topnav::after { 664 content: ''; position: absolute; top: -12rem; right: 4%; width: 26rem; height: 26rem; 665 background: radial-gradient(circle, rgba(209, 196, 255, 0.6), transparent 70%); 666 filter: blur(30px); pointer-events: none; 667 } 668 .home-topnav .tn-logo { position: relative; font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.04em; color: #000; text-decoration: none; line-height: 1; } 669 .home-topnav nav { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: clamp(0.5rem, 1.3vw, 1.75rem); min-width: 0; } 670 .home-topnav .tn-logo { flex: 0 0 auto; margin-right: 1rem; } 671 .home-topnav nav a { white-space: nowrap; 672 color: #000; text-decoration: none; font-size: 0.95rem; text-transform: uppercase; 673 opacity: 0.6; transition: opacity 0.2s; } 674 .home-topnav nav a:hover { opacity: 1; } 675 .home-topnav nav a.tn-active { opacity: 1; font-weight: 500; position: relative; } 676 .home-topnav nav a .tn-underline { 677 position: absolute; left: 0; right: 0; bottom: -0.35rem; height: 1px; border-radius: 2px; 678 background: linear-gradient(to right, #0091ff, #00aaff, #8000ff, #ff0099, #ff0000); 679 transform-origin: left center; transform: scaleX(0); opacity: 0; 680 animation: tn-underline-in 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards; 681 }
682 @keyframes tn-underline-in { 683 from { transform: scaleX(0); opacity: 0; } 684 to { transform: scaleX(1); opacity: 0.75; } 685 } 686 .home-topnav .tn-line { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, #0091ff, #00aaff, #8000ff, #ff0099, #ff0000); } 687 .hero-nav { 688 position: absolute; top: 2.5rem; right: 3.125rem; z-index: 5; 689 font-family: 'Jost', sans-serif; font-weight: 400; 690 display: flex; flex-direction: column; align-items: flex-end; gap: 0.75rem; 691 } 692 .hero-nav a { 693 color: #000000; text-decoration: none; font-size: 1.1rem; font-weight: 400; 694 text-transform: uppercase; display: flex; align-items: center; gap: 0.5rem; 695 opacity: 1; transition: transform 0.2s ease; cursor: pointer; 696 } 697 .hero-nav a:hover { transform: translateX(-4px); } 698 .hero-nav a .nav-arrow { font-size: 1.2rem; font-weight: 400; line-height: 1; } 699 /* i18n: en /en los nodos traducibles se mantienen invisibles hasta que el script 700 sÃncrono del final del <body> los sustituye (sin flash de español). */ 701 html[lang="en"]:not(.i18n-en-ready) [data-i18n]:not([data-i18n-attr]) { visibility: hidden !important; } 702 /* Selector de idioma ES | EN (mismo aspecto que src/components/inner/LangToggle.jsx) */ 703 .lang-pill { 704 display: inline-flex; align-items: center; gap: 0.4rem; 705 border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 999px; 706 background: rgba(255, 255, 255, 0.6); padding: 0.3rem 0.75rem; 707 font-family: 'Jost', sans-serif; line-height: 1; 708 text-transform: uppercase; letter-spacing: 0.18em; 709 color: #000; text-decoration: none; 710 transition: background 0.2s ease, color 0.2s ease; 711 } 712 .hero-nav .lang-pill, .home-topnav nav .lang-pill { font-size: 0.68rem; opacity: 1; } 713 .lang-pill:hover, .hero-nav .lang-pill:hover { background: #000; color: #fff; transform: none; } 714 .lang-pill .lp-on { opacity: 1; font-weight: 500; } 715 .lang-pill .lp-off { opacity: 0.45; } 716 .lang-pill .lp-sep { opacity: 0.3; } 717 .hero-nav .lang-pill { margin-top: 0.35rem; } 718 .hero-subtitle { font-weight: 400; color: #000000; } 719 .hero-info-block { 720 position: absolute; bottom: 3.125rem; left: 3.125rem; z-index: 5; 721 font-family: 'Jost', sans-serif; color: #000000; width: 20rem; 722 display: flex; flex-direction: column; 723 } 724 .hi-top { display: flex; justify-content: space-between; font-size: 1.1rem; font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; } 725 .hi-text { font-size: 1.0625rem; line-height: 1.5; opacity: 0.7; margin-bottom: 2.5rem; } 726 .hi-btn { 727 align-self: flex-start; padding: 0.875rem 3rem; border: 1px solid #000000; 728 border-radius: 2.5rem; background: rgba(255, 255, 255, 0.1); 729 backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); 730 color: #000; text-decoration: none; font-size: 0.95rem; font-weight: 400; 731 letter-spacing: 1px; transition: background 0.2s, transform 0.2s; 732 } 733 .hi-btn:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); } 734 .scroll-content-wrapper { 735 position: absolute; top: calc(100vh + 34.375rem); left: 0; width: 100%; 736 z-index: 2; display: flex; flex-direction: column; 737 } 738 .scroll-title-container { padding-left: 3.125rem; margin-bottom: 28rem; } 739 .scroll-title-container h3 { 740 font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: max(2.625rem, 5.5vw); 741 letter-spacing: -0.02em; white-space: nowrap; color: #000; margin: 0; line-height: 1.1; 742 } 743 .clients-container { width: 100%; display: flex; flex-direction: column; margin-bottom: 24rem; } 744 .bridge-title { margin-bottom: 20rem; } 745 .clients-subtitle { font-family: 'Jost', sans-serif; font-size: 1.1rem; font-weight: 400; text-transform: uppercase; padding-left: 3.125rem; margin-bottom: 1rem; color: #000; } 746 .clients-line { 747 height: 1px; margin-left: 3.125rem; margin-right: 3.125rem; 748 background: linear-gradient(to right, #0091ff, #00aaff, #8000ff, #ff0099, #ff0000); 749 margin-bottom: 3rem; 750 } 751 .marquee-container { width: 100%; overflow: hidden; white-space: nowrap; filter: grayscale(100%); opacity: 0.8; } 752 .marquee-content { display: inline-flex; align-items: center; gap: 6rem; padding-right: 6rem; animation: marquee 25s linear infinite; }
753 @keyframes marquee { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } 754 .marquee-logo { height: 3.75rem; width: auto; -o-object-fit: contain; object-fit: contain; } 755 .marquee-name { 756 font-family: 'Bebas Neue', sans-serif; font-size: 1.75rem; line-height: 1; 757 letter-spacing: 0.06em; text-transform: uppercase; color: #000; white-space: nowrap; 758 } 759 .feature-container { width: 100%; display: flex; flex-direction: column; } 760 .feature-title { 761 font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: max(2.625rem, 5.5vw); 762 letter-spacing: -0.02em; white-space: nowrap; color: #000; margin: 0; line-height: 1.1; 763 } 764 .split-feature-container { 765 width: 100%; display: flex; flex-direction: column; 766 padding-left: 3.125rem; padding-right: 3.125rem; box-sizing: border-box; margin-top: 37.5rem; 767 } 768 .pill-badge { 769 display: inline-block; font-family: 'Jost', sans-serif; font-size: max(0.875rem, 1vw); 770 font-weight: 400; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50px; 771 padding: 0.3rem 1.2rem; color: #000; 772 } 773 .split-bottom { display: flex; flex-direction: column; align-items: flex-start; max-width: 45rem; } 774 .feature-text { font-family: 'Jost', sans-serif; font-size: max(1.1rem, 1.25vw); line-height: 1.5; font-weight: 300; color: #000; opacity: 0.8; } 775 .phase4-container { 776 position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5; 777 pointer-events: none; display: flex; align-items: flex-end; justify-content: flex-end; 778 opacity: 0; transform: translateY(50px); 779 } 780 .phase4-container .split-feature-container { 781 pointer-events: auto; margin-top: 0; padding-top: 4rem; padding-bottom: 4rem; 782 height: 100vh; justify-content: space-between; width: auto; align-items: flex-start; 783 } 784 .phase5-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 4; pointer-events: none; opacity: 0; } 785 .phase5-title-left { position: absolute; top: 2.5rem; left: 3.125rem; text-align: left; margin: 0; } 786 .phase5-title-right { position: absolute; bottom: 2.5rem; right: 3.125rem; text-align: right; margin: 0; } 787 .phase5-desc-left { position: absolute; bottom: 2.5rem; left: 3.125rem; text-align: left; max-width: 25rem; margin: 0; } 788 .phase5-label-right { position: absolute; top: 2.5rem; right: 3.125rem; width: 12rem; margin: 0; } 789 .phase6-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; pointer-events: none; opacity: 0; display: flex; align-items: center; justify-content: center; } 790 .phase6-title { 791 position: absolute; top: 30vh; transform: translateY(-50%); left: 0; width: 100%; 792 font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: max(2.5rem, 7vw); 793 color: #000; margin: 0; line-height: 1.0; text-align: center; white-space: nowrap; pointer-events: none; 794 } 795 .phase6-footer-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 4; pointer-events: none; transform: translateY(100vh); visibility: hidden; } 796 .phase6-footer-wrapper * { pointer-events: auto; } 797 .glass-footer { 798 position: absolute; bottom: 2.5rem; left: 3.125rem; right: 3.125rem; padding: 3rem; 799 background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); 800 border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05); 801 display: flex; flex-direction: column; color: #000; font-family: 'Jost', sans-serif; 802 box-sizing: border-box; max-height: calc(100dvh - 3.5rem); overflow-y: auto; overscroll-behavior: contain; 803 scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.38) transparent; 804 } 805 .glass-footer > * { flex-shrink: 0; } 806 .glass-footer::-webkit-scrollbar { display: block; width: 8px; } 807 .glass-footer::-webkit-scrollbar-thumb { background: rgba(0,0,0,.38); border-radius: 8px; } 808 .glass-footer::-webkit-scrollbar-track { background: transparent; } 809 .footer-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; } 810 .footer-left { min-width: 0; display: flex; flex-direction: column; } 811 .footer-heading { max-width: 68ch; font-size: 1rem; font-weight: 500; line-height: 1.5; margin-bottom: 1.5rem; } 812 .footer-input-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: 100%; max-width: 42rem; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); border-radius: 2rem; padding: 0.3rem; margin-bottom: 1rem; border: 1px solid rgba(0, 0, 0, 0.1); } 813 .footer-input { min-width: 0; width: 100%; box-sizing: border-box; background: transparent; border: none; outline: none; padding: 0.75rem 1rem; font-family: 'Jost', sans-serif; font-size: 0.9rem; color: #000; } 814 .footer-submit { min-height: 3rem; background: #000; color: #fff; border: none; border-radius: 2rem; padding: 0.6rem 1.5rem; font-family: 'Jost', sans-serif; cursor: pointer; transition: transform 0.2s; } 815 .footer-submit:hover { transform: scale(1.03); } 816 .footer-subtext { font-size: 0.85rem; color: #222; line-height: 1.5; max-width: 68ch; } 817 .footer-right { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2rem; min-width: 0; } 818 .footer-col { display: flex; min-width: 0; flex-direction: column; gap: 0.75rem;
818 overflow-wrap: anywhere; } 819 .footer-col-title { font-size: 0.9rem; font-weight: 500; margin-bottom: 0.5rem; } 820 .footer-col a { color: #000; opacity: 0.7; text-decoration: none; font-size: 0.85rem; transition: opacity 0.2s; } 821 .footer-col a:hover { opacity: 1; } 822 .footer-line { height: 1px; background: rgba(0, 0, 0, 0.1); margin-top: 3rem; margin-bottom: 1.5rem; } 823 .footer-bottom { text-align: center; font-size: 0.85rem; color: #333; line-height: 1.6; overflow-wrap: anywhere; } 824 /* Reconocimientos: tarjetas glass con relieve 3D */ 825 .recognition-section { margin-top: 2.5rem; padding: 1.5rem; border-radius: 1.5rem; background: linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.18)); border: 1px solid rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 20px 50px -30px rgba(40,30,120,.35); } 826 .recognition-title { display: block; margin-bottom: 1rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .14em; opacity: .55; } 827 .recognition-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; perspective: 1200px; } 828 .recognition-card, .recognition-aia { box-sizing: border-box; position: relative; overflow: hidden; width: 100%; max-width: 100%; height: 84px; display: flex; align-items: center; gap: .95rem; padding: 0 1.15rem; border-radius: 1rem; color: #000; text-decoration: none; font-family: 'Jost', sans-serif; 829 background: linear-gradient(145deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.45) 55%, rgba(236,232,255,.5) 100%); 830 backdrop-filter: blur(16px) saturate(170%); -webkit-backdrop-filter: blur(16px) saturate(170%); 831 border: 1px solid rgba(255,255,255,.9); 832 box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06), 0 14px 32px -14px rgba(40,30,120,.35); 833 transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; } 834 .recognition-card::before, .recognition-aia::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.7) 48%, transparent 62%); transform: translateX(-120%); transition: transform .9s ease; } 835 .recognition-card:hover, .recognition-aia:hover { transform: translateY(-3px) rotateX(3deg) rotateY(-2deg); box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 4px rgba(0,0,0,.06), 0 24px 40px -16px rgba(40,30,120,.45); } 836 .recognition-card:hover::before, .recognition-aia:hover::before { transform: translateX(120%); } 837 .recognition-card img { display: block; width: 48px; max-height: 28px; -o-object-fit: contain; object-fit: contain; flex: 0 0 48px; filter: none; opacity: 1; transition: filter .45s ease, opacity .45s ease; } 838 .recognition-card:hover img { filter: none; opacity: 1; } 839 .recognition-card img.recognition-logo--wide { width: 64px; flex-basis: 64px; } 840 .recognition-divider { align-self: center; height: 44px; width: 1px; flex: 0 0 1px; background: linear-gradient(to bottom, transparent, rgba(0,0,0,.22), transparent); } 841 .recognition-copy { min-width: 0; display: flex; flex-direction: column; gap: .2rem; line-height: 1.2; overflow-wrap: anywhere; } 842 .recognition-copy small { font-size: .62rem; letter-spacing: .1em; font-weight: 600; opacity: .7; } 843 .recognition-copy strong { font-size: 1rem; font-weight: 500; } 844 .recognition-trust { margin-top: 1.1rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .6rem; font-family: 'Jost', sans-serif; } 845 .recognition-trust-label { display: inline-flex; align-items: center; gap: .45rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; opacity: .7; margin-right: .25rem; } 846 .recognition-trust-label svg { width: 15px; height: 15px; flex: 0 0 15px; } 847 .recognition-trust-chip { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; padding: .38rem .7rem; border-radius: 999px; background: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.9); box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 4px 12px -8px rgba(40,30,120,.4); white-space: nowrap; } 848 @media (max-width: 640px) { .recognition-section { padding: 1rem; } .recognition-list { grid-template-columns: 1fr; } } 849 @media (prefers-reduced-motion: reduce) { .recognition-card, .recognition-aia, .recognition-card::before, .recognition-aia::before { transition: none; } .recognition-card:hover, .recognition-aia:hover { transform: none; } } 850 /* Banda «DNI digital para agentes de IA»: HTML estático en la home (indexable sin JS). */ 851 .dni-band { position: relative; display: flex; align-items: center; gap: 2rem; margin-top: 2.5rem; padding: 1.5rem 1.75rem; border-radius: 1.5rem; background: linear-gradient(135deg, rgba(4,6,12,0.96), rgba(12,18,40,0.94)); color: #fff; overflow: hidden; isolation: isolate; flex-shrink: 0; } 852 .dni-band::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 20% 50%, rgba(128,0,255,0.35), transparent 45%), radial-gradient(circle at 85% 30%, rgba(0,170,255,0.32), transparent 45%); z-index: -1; pointer-events: none; } 853 .dni-band::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(to right, #0091ff, #8000ff, #ff0099); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0.55; pointer-events: none; } 854 .dni-band-seal { flex: 0 0 auto; width: 8.5rem; height: 8.5rem; border-radius: 1.1rem; background: #04060C; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 18px 40px -18px rgba(0,145,255,0.6); transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), box-shadow 0.35s; } 855 .dni-band-seal:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 0 0 1px rgba(255,255,255,0.18), 0 26px 50px -18px rgba(128,0,255,0.7); } 856 .dni-band-seal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; } 857 .dni-band-seal-fallback { display: none; font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.12em; line-height: 1.05; text-align: center; color: #dfe9ff; } 858 .dni-band-seal--off img { display: none; } 859 .dni-band-seal--off .dni-band-seal-fallback { display: block; } 860 .dni-band-text { flex: 1 1 auto; min-width: 0; } 861 .dni-band-eyebrow { font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; opacity: 0.6; } 862 .dni-band-title { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 0.98; letter-spacing: 0.01em; margin: 0.45rem 0 0.6rem; text-transform: uppercase; } 863 .dni-band-copy { font-size: 0.9rem; line-height: 1.5; opacity: 0.78; margin: 0; max-width: 40rem; } 864 .dni-band-actions { flex: 0 0 auto; display: flex; flex-direction: column; gap: 0.6rem; } 865 .dni-band-btn { display: inline-block; text-align: center; border-radius: 2rem; padding: 0.65rem 1.3rem; font-family: 'Jost', sans-serif; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: #fff; border: 1px solid rgba(255,255,255,0.35); transition: transform 0.2s, background 0.2s, color 0.2s; white-space: nowrap; } 866 .dni-band-btn:hover { transform: scale(1.04); background: rgba(255,255,255,0.1); } 867 .dni-band-btn--dark { background: #fff; color: #000; border-color: #fff; } 868 .dni-band-btn--dark:hover { background: #f0f0f0; } 869 @media (prefers-reduced-motion: reduce) { .dni-band-seal, .dni-band-btn { transition: none; } .dni-band-seal:hover, .dni-band-btn:hover { transform: none; } } 870 .words-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; perspective: 1500px; z-index: 2; pointer-events: none; } 871 .flying-word { 872 position: absolute; top: 50%; left: 50%; font-family: 'Bebas Neue', sans-serif; font-weight: 400; 873 font-size: max(80px, 25vw);
873 color: #000000; margin: 0; padding: 0 0.2em; opacity: 0; 874 white-space: nowrap; transform: translate3d(-50%, -50%, 0) rotateY(0deg); 875 } 876 .flying-word .char { display: inline-block; padding: 0 0.15em; margin: 0 -0.15em; } 877 .glass-container { 878 position: fixed; bottom: 0; left: 0; width: 100%; height: 100vh; 879 background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); 880 border-top: 1px solid rgba(255, 255, 255, 0.4); z-index: 10; transform: translateY(100vh); pointer-events: none; 881 } 882 .glass-gradient-wrapper { 883 position: absolute; top: 50%; left: 50%; width: calc(100% - 8rem); height: calc(100% - 8rem); 884 transform: translate(-50%, -50%) scale(0.65); border-radius: 0px; overflow: hidden; pointer-events: none; 885 } 886 .glass-gradient-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; opacity: 0.5; } 887 .gradient-content { 888 position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 2rem; 889 box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; 890 color: #000000; font-family: 'Jost', sans-serif; 891 } 892 .gc-top-left { font-family: 'Bebas Neue', sans-serif; font-size: max(2.625rem, 5.5vw); font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; color: #000000; max-width: none; white-space: nowrap; } 893 .gc-bottom { display: flex; justify-content: space-between; align-items: flex-end; } 894 .gc-bottom-left { font-size: 14px; font-weight: 400; opacity: 0.8; } 895 .gc-bottom-right { display: flex; gap: 3.75rem; align-items: flex-end; } 896 .stat-col { position: relative; padding-left: 20px; display: flex; flex-direction: column; gap: 16px; } 897 .stat-col-tall { margin-bottom: 120px; } 898 .stat-col::before { 899 content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; 900 background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,0.0)); 901 } 902 .stat-col-tall::before { bottom: -120px; } 903 .stat-num { font-family: 'Bebas Neue', sans-serif; font-size: max(42px, 5.5vw); font-weight: 400; line-height: 1; } 904 .stat-desc { font-size: 13px; line-height: 1.5; opacity: 0.85; } 905 .stat-sub { opacity: 0.5; font-size: 11px; } 906 .stat-btn { 907 width: 44px; height: 44px; border-radius: 50%; background: rgba(0, 0, 0, 0.05); 908 display: flex; align-items: center; justify-content: center; margin-top: 8px; cursor: pointer; 909 transition: background 0.2s; border: 1px solid rgba(0,0,0,0.1); 910 } 911 .stat-btn:hover { background: rgba(0, 0, 0, 0.15); } 912 913 /* --- v2 scene copy --- */ 914 .eyebrow { font-family: 'Jost', sans-serif; font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; opacity: 0.5; } 915 .hi-btn-row { display: flex; gap: 0.85rem; flex-wrap: wrap; } 916 .hi-btn.solid { background: #000; color: #fff; border-color: #000; } 917 .hi-btn.solid:hover { background: #141414; } 918 .hi-micro { font-size: 0.8rem; opacity: 0.55; margin-top: 1rem; } 919 .flow-support { 920 font-family: 'Jost', sans-serif; font-size: max(1.05rem, 1.2vw); line-height: 1.6; 921 opacity: 0.75; max-width: 36rem; margin-top: 2.25rem; 922 } 923 .flow-note { font-family: 'Jost', sans-serif; font-size: max(1.05rem, 1.2vw); margin-top: 1.75rem; opacity: 0.95; } 924 .flow-note strong { font-weight: 500; } 925 .proof-row { display: flex; gap: 4.5rem; flex-wrap: wrap; margin-top: 3.5rem; } 926 .proof-item { position: relative; padding-left: 1.25rem; } 927 .proof-item::before { content: ''; position: absolute; left: 0; top: 0.2rem; bottom: 0.2rem; width: 1px; background: rgba(0,0,0,0.15); } 928 .proof-num { font-family: 'Bebas Neue', sans-serif; font-size: max(2.75rem, 5vw); line-height: 1; } 929 .proof-desc { font-family: 'Jost', sans-serif; font-size: 0.95rem; opacity: 0.65; max-width: 15rem; margin-top: 0.5rem; line-height: 1.5; } 930 .case-panel { 931 background: rgba(255, 255, 255, 0.45); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); 932 border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 2rem; padding: 3rem; 933 font-family: 'Jost', sans-serif; box-shadow: 0 8px 32px rgba(0,0,0,0.05); 934 } 935 .case-grid { display: flex; gap: 4rem; flex-wrap: wrap; margin-top: 2.5rem; } 936 .case-label { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.5; } 937 .case-value { font-family: 'Bebas Neue', sans-serif; font-size: max(2rem, 3.4vw); line-height: 1; margin-top: 0.4rem; } 938 .case-foot { font-size: 0.78rem; opacity: 0.45; margin-top: 2.5rem; } 939 .rao-number { font-family: 'Bebas Neue', sans-serif; font-size: max(5rem, 16vw); line-height: 0.95; text-align: center; } 940 .pillars { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34rem; } 941 .pillar { display: flex; align-items: baseline; gap: 1rem; } 942 .pillar-idx { font-size: 0.72rem; opacity: 0.4; width: 1.6rem; flex: none; } 943 .pillar-t { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; line-height: 1; min-width: 13.5rem; flex: none; } 944 .pillar-l { font-size: 0.98rem; opacity: 0.7; } 945 .phase5-right { position: absolute; bottom: 2.5rem; right: 3.125rem; text-align: right; display: flex; flex-direction: column; align-items: flex-end; max-width: 34rem; } 946 .home-route-visual { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; } 947 .home-route-visual a { color:#342d59; text-decoration:none; padding:5px 9px; border:1px solid #b9b8d1; border-radius:7px; background:rgba(255,255,255,.75); font-size:.88rem; } 948 .home-route-visual a:hover { background:#e6def6; } 949 .home-route-visual a:focus-visible { outline:2px solid #6d28d9; outline-offset:3px; } 950 .home-route-visual>
950span { color:#7753a1; font-size:13px; } 951 .ruta-words { font-family: 'Bebas Neue', sans-serif; font-size: max(1.05rem, 1.5vw); letter-spacing: 0.04em; line-height: 1.3; margin-top: 1.5rem; } 952 .brain-container { 953 position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5; 954 pointer-events: none; opacity: 0; display: flex; flex-direction: column; 955 align-items: center; justify-content: center; font-family: 'Jost', sans-serif; 956 } 957 .brain-title { font-family: 'Bebas Neue', sans-serif; font-size: max(2.2rem, 5vw); line-height: 1; margin: 0 0 2.5rem; text-align: center; } 958 .brain-layer { 959 font-family: 'Bebas Neue', sans-serif; font-size: max(1.5rem, 3vw); line-height: 1.25; 960 opacity: 0; transform: translateY(20px); letter-spacing: 0.03em; 961 transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); 962 } 963 .brain-layer.on { opacity: 1; transform: translateY(0); } 964 .brain-close { margin-top: 2.5rem; font-size: 1rem; opacity: 0.6; } 965 .footer-faq { margin-top: 2.5rem; } 966 .footer-faq details { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.8rem 0; } 967 .footer-faq summary { cursor: pointer; font-size: 0.9rem; list-style: none; } 968 .footer-faq summary::-webkit-details-marker { display: none; } 969 .footer-faq p { font-size: 0.82rem; opacity: 0.68; line-height: 1.55; margin: 0.65rem 0 0; max-width: 52rem; } 970 .footer-faq a { color: #000; font-size: 0.8rem; opacity: 0.6; } 971 972 /* ---------- MODO ESTÃTICO ---------- 973 Sin GPU real (renderizado por software) o con prefers-reduced-motion, boot.js añade 974 html.cinematic-static: no hay preloader ni WebGL y las fases del scroll se apilan en flujo normal. */ 975 html.cinematic-static body { height: auto; background: #f6fafe; } 976 html.cinematic-static body::before { 977 content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; 978 background: 979 radial-gradient(60vmax 60vmax at 15% 20%, rgba(0, 170, 255, 0.18), transparent 70%), 980 radial-gradient(55vmax 55vmax at 85% 30%, rgba(128, 0, 255, 0.14), transparent 70%), 981 radial-gradient(50vmax 50vmax at 60% 90%, rgba(255, 0, 153, 0.12), transparent 70%), 982 #f6fafe; 983 } 984 html.cinematic-static #preloader { display: none !important; } 985 html.cinematic-static .preload-hidden { opacity: 1 !important; pointer-events: auto !important; transform: none !important; } 986 html.cinematic-static .hero-title { z-index: 5; } 987 html.cinematic-static .home-topnav, html.cinematic-static .words-container { display: none !important; } 988 html.cinematic-static .scroll-content-wrapper { position: relative; top: auto; margin-top: 100vh; padding-top: 6rem; z-index: 2; } 989 html.cinematic-static .scroll-title-container, html.cinematic-static .bridge-title { margin-bottom: 6rem; } 990 html.cinematic-static .clients-container { margin-bottom: 6rem; } 991 html.cinematic-static .feature-container { margin-bottom: 6rem !important; } 992 html.cinematic-static .glass-container, 993 html.cinematic-static .phase4-container, 994 html.cinematic-static .phase5-container, 995 html.cinematic-static .phase6-container, 996 html.cinematic-static .phase6-footer-wrapper { 997 position: relative; top: auto; left: auto; width: auto; height: auto; opacity: 1 !important; 998 transform: none !important; visibility: visible !important; pointer-events: auto; display: block; 999 z-index: 2; margin: 0 0 6rem; 1000 } 1001 html.cinematic-static .glass-container { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-top: none; } 1002 html.cinematic-static .glass-gradient-wrapper { position: relative; top: auto; left: auto; width: auto; height: auto; transform: none; margin: 0 3.125rem; border-radius: 24px; } 1003 html.cinematic-static .gradient-content { position: relative; min-height: 60vh; } 1004 html.cinematic-static .phase4-container .split-feature-container { height: auto; padding-top: 0; padding-bottom: 0; } 1005 html.cinematic-static .phase5-container { padding: 0 3.125rem; } 1006 html.cinematic-static .phase5-container .feature-title, html.cinematic-static .phase5-desc-left { position: static !important; text-align: left !important; margin: 0 0 1.5rem !important; } 1007 html.cinematic-static .phase6-title { position: static; transform: none; text-align: left; padding: 0 3.125rem; box-sizing: border-box; white-space: normal; } 1008 html.cinematic-static .glass-footer { position: relative; bottom: auto; left: auto; right: auto; margin: 0 3.125rem; max-height: none; overflow: visible; } 1009 @media (max-width: 780px) { 1010 html.cinematic-static .glass-gradient-wrapper, html.cinematic-static .glass-footer { margin: 0 0.75rem; } 1011 html.cinematic-static .phase5-container, html.cinematic-static .phase6-title { padding: 0 1.25rem; } 1012 } 1013 1014 /* Home navigation and audit footer: keep every column in its own track. */ 1015 @media (min-width: 1600px) {
1016 .footer-top { grid-template-columns: minmax(19rem, 28%) minmax(0, 1fr); gap: 3rem; } 1017 .footer-input-group { grid-template-columns: minmax(0, 1fr); max-width: 24rem; border: none; background: transparent; padding: 0; gap: .6rem; } 1018 .footer-input { border: 1px solid rgba(0,0,0,.16); border-radius: 2rem; background: rgba(255,255,255,.7); } 1019 .footer-submit { width: 100%; } 1020 } 1021 @media (max-width: 1200px) and (min-width: 781px) { 1022 .home-topnav { padding: .9rem 1.25rem; } 1023 .home-topnav nav { gap: .65rem; } 1024 .home-topnav nav a { font-size: .78rem; } 1025 } 1026 @media (max-width: 1024px) { 1027 .footer-right { grid-template-columns: repeat(2, minmax(0, 1fr)); } 1028 } 1029 /* ---------- MOBILE ---------- */ 1030 @media (max-width: 780px) { 1031 body { height: 1620vh; } 1032 .bridge-title { margin-bottom: 8rem; } 1033 .scroll-content-wrapper { top: calc(100vh + 12rem); } 1034 .clients-container { margin-bottom: 10rem !important; } 1035 .hero-logo { top: 1.5rem; left: 1.25rem; font-size: 1.5rem; } 1036 .hero-title { 1037 left: 1.25rem; right: 1.25rem; top: 40%; 1038 white-space: normal; font-size: 2.35rem !important; line-height: 1.05; 1039 } 1040 .hero-nav { top: 1.5rem; right: 1.25rem; display: flex; flex-direction: row; align-items: center; gap: .75rem; } 1041 .hero-nav a { display: none; } 1042 .hero-nav a:first-child, .hero-nav .lang-pill { display: inline-flex; font-size: .8rem; white-space: nowrap; } 1043 .hero-nav .lang-pill { margin: 0; font-size: .68rem; } 1044 .hero-info-block { bottom: 1.75rem; left: 1.25rem; right: 1.25rem; width: auto; } 1045 .hi-text { font-size: 1rem; margin-bottom: 1.5rem; } 1046 .hi-btn { padding: 0.8rem 1.5rem; font-size: 0.82rem; text-align: center; } 1047 .hi-btn-row { width: 100%; } 1048 .hi-btn-row .hi-btn { flex: 1; } 1049 1050 .home-topnav { 1051 left: .75rem; right: .75rem; padding: .85rem 1rem; 1052 flex-direction: row; align-items: center; gap: .5rem; 1053 } 1054 .home-topnav .tn-logo { margin-right: auto; } 1055 .home-topnav nav { flex-wrap: nowrap; gap: .75rem; } 1056 .home-topnav nav a { display: none; font-size: .8rem; } 1057 .home-topnav nav a:nth-child(2), .home-topnav nav .lang-pill { display: inline-flex; } 1058 .home-topnav nav .lang-pill { font-size: .68rem; } 1059 1060 .scroll-title-container { padding-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 9rem; } 1061 .scroll-title-container h3, 1062 .feature-title { white-space: normal; font-size: 2.1rem; } 1063 .feature-container { padding-left: 1.25rem !important; padding-right: 1.25rem !important; margin-bottom: 9rem !important; } 1064 .flow-note, .flow-support { font-size: 1rem; } 1065 .clients-subtitle { padding-left: 1.25rem; font-size: 0.9rem; } 1066 .clients-line { margin-left: 1.25rem; margin-right: 1.25rem; } 1067 .marquee-content { gap: 3rem; padding-right: 3rem; } 1068 .marquee-name { font-size: 1.3rem; } 1069 1070 .split-feature-container { padding-left: 1.25rem; padding-right: 1.25rem; } 1071 .phase4-container { align-items: center; justify-content: flex-start; } 1072 .phase4-container .split-feature-container { 1073 padding-top: 8.5rem; padding-bottom: 2rem; width: 100%; justify-content: flex-start; 1074 } 1075 .phase4-container .hi-top { display: none; } 1076 .pillars { gap: 0.85rem; } 1077 .pillar { flex-direction: column; gap: 0.1rem; } 1078 .pillar-t { font-size: 1.25rem; min-width: 0; } 1079 .pillar-l { font-size: 0.9rem; } 1080 1081 .gc-top-left { white-space: normal; font-size: 1.65rem; } 1082 .gradient-content { padding: 1.25rem; } 1083 .gc-bottom { flex-direction: column; align-items: flex-start; gap: 1.25rem; } 1084 .gc-bottom-right { gap: 1.5rem; } 1085 .stat-num { font-size: 1.9rem; } 1086 .stat-desc { font-size: 0.72rem; } 1087 .glass-gradient-wrapper { width: calc(100% - 2rem); height: calc(100% - 8rem); } 1088 1089 .phase5-title-left, #phase5-title-1 { top: 8.5rem !important; left: 1.25rem !important; right: 1.25rem; } 1090 .phase5-title-right, #phase5-title-2 { bottom: 14rem !important; left: 1.25rem !important; right: 1.25rem !important; text-align: left !important; } 1091 .phase5-desc-left { bottom: 2rem; left: 1.25rem; right: 1.25rem; max-width: none !important; } 1092 .ruta-words { font-size: 0.95rem; } 1093 1094 .phase6-title { white-space: normal; font-size: 2.35rem; top: 22vh; padding: 0 1.25rem; box-sizing: border-box; } 1095 1096 .glass-footer { 1097 bottom: 1rem; left: .75rem; right: .75rem; padding: 1.5rem; 1098 max-height: calc(100dvh - 2rem); overflow-y: auto; overflow-x: hidden; box-sizing: border-box; 1099 } 1100 .footer-top { gap: 2rem; } 1101 .footer-heading { font-size: 1rem; } 1102 .footer-input-group { grid-template-columns: minmax(0, 1fr); gap: .6rem; background: transparent; border: none; padding: 0; max-width: none; } 1103 .footer-input { min-height: 3.25rem; border: 1px solid rgba(0,0,0,.16); border-radius: 2rem; background: rgba(255,255,255,.7); } 1104 .footer-submit { width: 100%; min-height: 3.25rem; padding: .75rem 1rem; font-size: .85rem; } 1105 .footer-right { gap: 1.75rem; } 1106 .footer-line { margin-top: 2rem; } 1107 .footer-bottom { line-height: 1.6; } 1108 .footer-bottom a { color: #000; } 1109 html.cinematic-static .glass-footer { padding: 1.5rem; } 1110 .dni-band { flex-direction: column; align-items: flex-start; gap: 1.25rem; padding: 1.4rem 1.25rem; } 1111 .dni-band-seal { width: 7rem; height: 7rem; } 1112 .dni-band-actions { flex-direction: column; width: 100%; } 1113 .dni-band-btn { white-space: normal; width: 100%; box-sizing: border-box; } 1114 } 1115 @media (min-width: 641px) and (max-width: 780px) { 1116 .footer-input-group { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: .3rem; border: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.6); } 1117 .footer-input { border: none; background: transparent; } 1118 .footer-submit { width: auto; white-space: nowrap; } 1119 } 1120 @media (max-width: 640px) { 1121 .footer-right { grid-template-columns: minmax(0, 1fr); } 1122 .recognition-list { grid-template-columns: minmax(0, 1fr); } 1123 .recognition-card { gap: .75rem; } 1124 .glass-footer { padding: 1.25rem; } 1125 html.cinematic-static .glass-footer { padding: 1.25rem; } 1126 .footer-bottom { flex-wrap: wrap; } 1127 } 1128 </style> 1129
1129<script crossorigin="" src="/assets/index-CnDuIwIv.js" type="module"> 1130 </script>
1130 1131 <link crossorigin="" href="/assets/index-B23__7Kq.css" rel="stylesheet"/> 1132
1132<script type="module"> 1133 if (window.self === window.top) { 1134 let lastPath = ""; 1135 function getPageNameFromPath(path) { 1136 const segments = path.split("/").filter(Boolean); 1137 return segments[0] || null; 1138 } 1139 function trackPageView() { 1140 const path = window.location.pathname; 1141 if (path === lastPath) return; 1142 lastPath = path; 1143 const pageName = getPageNameFromPath(path) || "home"; 1144 const appId = "6a92faf6a07016f15965e74e"; 1145 if (!appId) return; 1146 fetch(`/api/app-logs/${appId}/log-user-in-app/${pageName}`, { 1147 method: "POST", 1148 }).catch(() => {}); 1149 } 1150 const originalPushState = history.pushState.bind(history); 1151 history.pushState = function (...args) { 1152 originalPushState(...args); 1153 trackPageView(); 1154 }; 1155 const originalReplaceState = history.replaceState.bind(history); 1156 history.replaceState = function (...args) { 1157 originalReplaceState(...args); 1158 trackPageView(); 1159 }; 1160 window.addEventListener("popstate", trackPageView); 1161 trackPageView(); 1162} 1163 </script>
1163 1164 <meta content="yes" name="mobile-web-app-capable"/> 1165 <meta content="black" name="apple-mobile-web-app-status-bar-style"/> 1166 <meta content="NextAI.pro" name="apple-mobile-web-app-title"/> 1167
1167<script> 1168 (function(){var SAMPLING_RATE=1.0;var sid=(crypto.randomUUID&&crypto.randomUUID())||(Date.now()+'-'+Math.random().toString(36).slice(2));function samplingValue(v){var h=2166136261;for(var i=0;i<v.length;i++){h^=v.charCodeAt(i);h=Math.imul(h,16777619);}return(h>>>0)/4294967296;}var _sampledOut=samplingValue(sid)>=SAMPLING_RATE;window.Base44=window.Base44||{};if(_sampledOut){var _noop=function(){};window.Base44.recordings=Object.freeze({version:'1',setUserID:_noop,setUserAnonymousID:_noop,setMetadata:_noop,event:_noop,issue:_noop,start:_noop,stop:_noop,isActive:function(){return false;},getSessionID:function(){return null;},getSessionURL:function(){return null;},forceFlushBatch:_noop});try{console.debug('[base44 recordings] session sampled out');}catch(_){}return;}var s=document.createElement('script');window.Base44.__preQ=window.Base44.__preQ||[];if(!window.Base44.recordings){var _pre=function(m){return function(){if(window.Base44.__preQ.length<100)window.Base44.__preQ.push([m,Array.prototype.slice.call(arguments)]);};};window.Base44.recordings={version:'1',setUserID:_pre('setUserID'),setUserAnonymousID:_pre('setUserAnonymousID'),setMetadata:_pre('setMetadata'),event:_pre('event'),issue:_pre('issue'),start:_pre('start'),stop:_pre('stop'),isActive:function(){return false;},getSessionID:function(){return null;},getSessionURL:function(){return null;},forceFlushBatch:_pre('forceFlushBatch')};}s.src='https://unpkg.com/[email protected]/dist/rrweb.umd.cjs';s.integrity='sha384-vi2VGEOczLoSZVrAqXzYd5VWgeBvxiOEgda6/sVzRK+lvhbs9TuqZ474UUptLXLB';s.crossOrigin='anonymous';s.async=true;s.onload=function(){if(!window.rrweb)return;var _started=false;var APP_ID="6a92faf6a07016f15965e74e";var INGEST_TOKEN="j9R4YSCO4Kgi7EfwUK-ZhN7jg2s87xP4WQ6TSpxGqME";var NETWORK_IGNORE_HEADERS=["cookie", "set-cookie", "authorization", "x-api-key"];var buffer=[];var lastFlush=Date.now();var recorderStopFn=null;var _stopRequested=false;var MAX_SESSION_MS=1800000;var IDLE_TIMEOUT_MS=900000;var lastActivityAt=0;var idleTimer=null;var maxTimer=null;var _sdkActive=null;var _sdkPending=[];var SDK_CAP=256;var sdkSafe=function(v){try{return String(v).slice(0,SDK_CAP);}catch(_){return '';}};var sdkDeep=function(v){try{return JSON.parse(JSON.stringify(v||{}));}catch(_){return {};}};var sdkEmit=function(method,payload){if(_sampledOut)return;var ev={method:method,payload:payload||{}};if(_sdkActive){try{_sdkActive('base44_sdk',Object.assign({method:method},payload||{}));}catch(_){}return;}if(_sdkPending.length<100)_sdkPending.push(ev);};window.Base44=window.Base44||{};window.Base44.recordings=Object.freeze({version:'1',setUserID:function(id){sdkEmit('setUserID',{value:sdkSafe(id)});},setUserAnonymousID:function(id){sdkEmit('setUserAnonymousID',{value:sdkSafe(id)});},setMetadata:function(key,value){if(_sampledOut)return;if(typeof key!=='string'||key.length>64)return;var v;try{v=JSON.parse(JSON.stringify(value));}catch(_){return;}sdkEmit('setMetadata',{key:key,value:v});},event:function(name,payload){if(_sampledOut)return;if(typeof name!=='string')return;sdkEmit('event',{name:name.slice(0,64),payload:sdkDeep(payload)});},issue:function(name,payload){if(_sampledOut)return;if(typeof name!=='string')return;sdkEmit('issue',{name:name.slice(0,64),payload:sdkDeep(payload)});},start:function(){},stop:function(){stopRecording('manual',true);},isActive:function(){return !_sampledOut&&!_stopRequested&&!!recorderStopFn;},getSessionID:function(){return _sampledOut?null:sid;},getSessionURL:function(){return null;},forceFlushBatch:function(){if(_sampledOut)return;try{flush(false);}catch(_){}}});if(window.Base44.__preQ&&window.Base44.__preQ.length){var _pq=window.Base44.__preQ;window.Base44.__preQ=[];for(var _qi=0;_qi<_pq.length;_qi++){var _m=_pq[_qi][0],_a=_pq[_qi][1];try{var _fn=window.Base44.recordings[_m];if(typeof _fn==='function')_fn.apply(null,_a);}catch(_){}}}function redactUrl(u){try{u=String(u||'');var q=u.indexOf('?');if(q>=0)u=u.slice(0,q);var h=u.indexOf('#');if(h>=0)u=u.slice(0,h);return u;}catch(_){return'';}}function redactText(s){try{s=String(s||'');return s.replace(/https?:\/\/[^\s)'\"]+|\/[^\s)'\"]*[?#][^\s)'\"]*/g,function(m){return redactUrl(m);});}catch(_){return'';}}function stopRecording(reason,dropBuffered){if(_stopRequested){if(dropBuffered)buffer.length=0;return;}if(!dropBuffered){try{flush(false);}catch(_){}}_stopRequested=true;buffer.length=0;if(idleTimer){try{clearTimeout(idleTimer);}catch(_){}idleTimer=null;}if(maxTimer){try{clearTimeout(maxTimer);}catch(_){}maxTimer=null;}if(recorderStopFn){try{recorderStopFn();recorderStopFn=null;}catch(_){}}
1168try{if(reason)console.debug('[base44 recordings] stopped: '+reason);}catch(_){}}function scheduleIdleStop(){if(_stopRequested)return;if(idleTimer){try{clearTimeout(idleTimer);}catch(_){}}var wait=IDLE_TIMEOUT_MS-(Date.now()-lastActivityAt);if(wait<0)wait=0;idleTimer=setTimeout(function(){if(_stopRequested)return;if(Date.now()-lastActivityAt>=IDLE_TIMEOUT_MS)stopRecording('idle_timeout',false);else scheduleIdleStop();},wait);}function markActivity(){if(_stopRequested)return;lastActivityAt=Date.now();scheduleIdleStop();}function isMeaningfulActivityEvent(ev){try{return !!(ev&&ev.type===3&&ev.data&&((ev.data.source===2&&(ev.data.type===2||ev.data.type===4||ev.data.type===9))||ev.data.source===3||ev.data.source===5));}catch(_){return false;}}function sessionLifetimeCapture(){lastActivityAt=Date.now();maxTimer=setTimeout(function(){stopRecording('max_duration',false);},MAX_SESSION_MS);scheduleIdleStop();}function flush(ka){if(_stopRequested){buffer.length=0;return;}if(!buffer.length)return;var tok=null;try{tok=localStorage.getItem('base44_access_token');}catch(_){}var payload={app_id:APP_ID,session_id:sid,events:buffer.splice(0),page_url:redactUrl(location.href),user_agent:navigator.userAgent,access_token:tok};lastFlush=Date.now();var opts={method:'POST',headers:{'Content-Type':'application/json','X-Base44-Recording-Token':INGEST_TOKEN},body:JSON.stringify(payload)};if(ka)opts.keepalive=true;fetch('/api/runtime/session-recordings/ingest',opts).then(function(r){try{var skip=r.headers.get('X-Base44-Recording-Skip');if(skip==='excluded'||skip==='admin'){stopRecording('excluded',true);return;}if(skip==='sampled'){stopRecording('sampled',true);return;}}catch(_){}if(!r.ok){try{console.warn('session-recordings ingest http',r.status);}catch(_){}try{if(r.status===429&&r.headers.get('X-Base44-Recording-Limit')==='reached'){stopRecording('quota_reached',true);}}catch(_){}}}).catch(function(e){try{console.warn('session-recordings ingest err',e);}catch(_){}});}function devtoolsCapture(){if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var add=window.rrweb.record.addCustomEvent;var inside=false;function safe(fn){return function(){if(inside)return;inside=true;try{return fn.apply(this,arguments);}finally{inside=false;}};}['log','info','warn','error','debug'].forEach(function(level){var orig=console[level];if(!orig)return;console[level]=function(){try{add('console',{level:level});}catch(_){}return orig.apply(console,arguments);};});window.addEventListener('error',safe(function(e){add('error',{message:redactText(String(e.message||'unknown')),source:redactUrl(e.filename||''),line:e.lineno||0,col:e.colno||0,stack:e.error&&e.error.stack?redactText(String(e.error.stack).slice(0,1000)):''});}));window.addEventListener('unhandledrejection',safe(function(e){var r=e.reason||{};add('error',{message:redactText(String(r.message||r||'unhandled rejection')),stack:r.stack?redactText(String(r.stack).slice(0,1000)):'',rejection:true});}));if(window.fetch){var of=window.fetch.bind(window);window.fetch=function(input,init){var t0=performance.now();var method=(init&&init.method)||(input&&input.method)||'GET';var url=typeof input==='string'?input:(input&&input.url)||'';if(url.indexOf('/api/runtime/session-recordings/ingest')>=0)return of(input,init);var rurl=redactUrl(url);return of(input,init).then(function(r){try{add('network',{kind:'fetch',method:method,url:rurl,status:r.status,duration:Math.round(performance.now()-t0)});}catch(_){}return r;}).catch(function(e){try{add('network',{kind:'fetch',method:method,url:rurl,status:0,duration:Math.round(performance.now()-t0),error:String(e&&e.message||e)});}catch(_){}throw e;});};}if(window.XMLHttpRequest){var xp=window.XMLHttpRequest.prototype;var oo=xp.open,os=xp.send;xp.open=function(m,u){this.__gp_m=m;this.__gp_u=u;return oo.apply(this,arguments);};xp.send=function(){var xhr=this,t0=performance.now();xhr.addEventListener('loadend',function(){try{if((xhr.__gp_u||'').indexOf('/api/runtime/session-recordings/ingest')<0)add('network',{kind:'xhr',method:xhr.__gp_m||'GET',url:redactUrl(xhr.__gp_u),status:xhr.status,duration:Math.round(performance.now()-t0)});}catch(_){}});return os.apply(this,arguments);};}}var EMAIL_RE=/([a-zA-Z0-9._%+-]+)@([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/g;var MASK_EMAILS=true;var MASK_NUMBERS=false;var CAPTURE_IFRAMES=true;function maskTextFn(text){if(!MASK_EMAILS||typeof text!=='string')return text;return text.replace(EMAIL_RE,'[email]');}function performanceCapture(){if(!('PerformanceObserver' in window))return;if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var addPerf=window.rrweb.record.addCustomEvent;function emit(metric,value){try{addPerf('performance',{metric:metric,value:value,timestamp:Date.now()});}catch(_){}}try{new PerformanceObserver(function(list){var entries=list.getEntries();var last=entries[entries.length-1];if(last)emit('LCP',Math.round(last.renderTime||last.loadTime||last.startTime||0));}).observe({type:'largest-contentful-paint',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];emit('FID',Math.round(e.processingStart-e.startTime));}}).observe({type:'first-input',buffered:true});}catch(_){}try{var clsValue=0;new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];if(!e.hadRecentInput){clsValue+=e.value;}}emit('CLS',Math.round(clsValue*1000)/1000);}).observe({type:'layout-shift',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];if(e.name==='first-contentful-paint')emit('FCP',Math.round(e.startTime));}}).observe({type:'paint',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];emit('TTFB',Math.round(e.responseStart));}}).observe({type:'navigation',buffered:true});}catch(_){}}function issueCapture(){if(_sampledOut)return;if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var addIssue=window.rrweb.record.addCustomEvent;var _crashEmitted=false;function emitIssue(kind){var page='';try{page=location.pathname;}catch(_){}try{addIssue('base44_issue',{kind:kind,page:page});}catch(_){}}var isReload=false;try{if(performance.getEntriesByType){var navEntry=performance.getEntriesByType('navigation')[0];if(navEntry&&navEntry.type==='reload')isReload=true;}}catch(_){}if(!isReload){try{if(performance.navigation&&performance.navigation.type===1)isReload=true;}catch(_){}}if(isReload)emitIssue('page_refresh');try{window.addEventListener('unhandledrejection',function(){try{if(_crashEmitted)return;_crashEmitted=true;emitIssue('app_crash');}catch(_){}},true);}catch(_){}}function startRecord(){if(_started)return;if(_stopRequested){try{console.debug('[base44 recordings] stop requested before start; not recording');}catch(_){}return;}if(_sampledOut){try{console.debug('[base44 recordings] session sampled out');}catch(_){}return;}_started=true;var maskInputOptions={password:true,email:true};if(MASK_NUMBERS){maskInputOptions.number=true;maskInputOptions.tel=true;maskInputOptions.date=true;}var recordOpts={emit:function(ev){if(_stopRequested)return;if(isMeaningfulActivityEvent(ev))markActivity();try{if(ev&&ev.type===4&&ev.data&&typeof ev.data.href==='string')ev.data.href=redactUrl(ev.data.href);}catch(_){}buffer.push(ev);if(ev.type===2){flush(false);return;}if(buffer.length>=50||Date.now()-lastFlush>5000)flush(false);},maskAllInputs:true,maskInputOptions:maskInputOptions,maskTextFn:maskTextFn,maskTextSelector:'.session-record-mask,[data-no-record]',blockSelector:'.session-record-block,[data-no-record-block]',recordCanvas:false,inlineStylesheet:true,checkoutEveryNms:60000};if(CAPTURE_IFRAMES)recordOpts.iframe=true;recorderStopFn=window.rrweb.record(recordOpts);if(window.rrweb.record.addCustomEvent){_sdkActive=window.rrweb.record.addCustomEvent;for(var _i=0;_i<_sdkPending.length;_i++){var _e=_sdkPending[_i];try{_sdkActive('base44_sdk',Object.assign({method:_e.method},_e.payload||{}));}catch(_){}}_sdkPending=[];}devtoolsCapture();performanceCapture();issueCapture();sessionLifetimeCapture();setTimeout(function(){try{window.rrweb.record.takeFullSnapshot&&window.rrweb.record.takeFullSnapshot(true);}catch(_){}},1500);setInterval(function(){flush(false);},5000);window.addEventListener('beforeunload',function(){flush(true);});}function whenReady(){var tries=0;function check(){var root=document.getElementById('root')||document.querySelector('main')||document.body;if(root&&root.childElementCount>0)return startRecord();if(++tries>50)return startRecord();setTimeout(check,100);}check();}
1168if(document.readyState==='complete')whenReady();else window.addEventListener('load',whenReady);};(document.head||document.body).appendChild(s);})(); 1169 </script>
1169 1170 </head> 1171 <body> 1172 <!-- Google Tag Manager (noscript) --> 1173 <noscript> 1174 <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-5GHZMX68" style="display:none;visibility:hidden" width="0"> 1175 </iframe> 1176 </noscript> 1177 <!-- End Google Tag Manager (noscript) --> 1178 <div id="root"> 1179 <div data-seo-source="builder" id="seo-snapshot" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"> 1180 <main> 1181 <header> 1182 <h1> 1183 Super Apps | NextAI.pro 1184 </h1> 1185 <p> 1186 Super Apps on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1187 </p> 1188 </header> 1189 <nav aria-label="Pages"> 1190 <h2> 1191 Pages 1192 </h2> 1193 <ul> 1194 <li> 1195 <a href="/"> 1196 Home 1197 </a> 1198 </li> 1199 <li> 1200 <a href="/about"> 1201 About 1202 </a> 1203 â About on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1204 </li> 1205 <li> 1206 <a href="/contact"> 1207 Contact 1208 </a> 1209 â Contact on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1210 </li> 1211 <li> 1212 <a href="/services"> 1213 Services 1214 </a> 1215 â Services on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1216 </li> 1217 <li> 1218 <a href="/super-apps"> 1219 Super Apps 1220 </a> 1221 â Super Apps on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1222 </li> 1223 <li> 1224 <a href="/plans"> 1225 Plans 1226 </a> 1227 â Plans on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1228 </li> 1229 <li> 1230 <a href="/presupuesto"> 1231 Quote Builder 1232 </a> 1233 â Quote Builder on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1234 </li> 1235 <li> 1236 <a href="/cortex"> 1237 Cortex 1238 </a> 1239 â Cortex on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1240 </li> 1241 <li> 1242 <a href="/casos"> 1243 Casos Index 1244 </a> 1245 â Casos Index on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1246 </li> 1247 <li> 1248 <a href="/casos/percent-cerebro-empresarial"> 1249 Percent Case 1250 </a> 1251 â Percent Case on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1252 </li> 1253 <li> 1254 <a href="/enterprise-faq"> 1255 Enterprise Faq 1256 </a> 1257 â Enterprise Faq on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1258 </li> 1259 <li> 1260 <a href="/blog"> 1261 Blog 1262 </a> 1263 â Blog on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1264 </li> 1265 <li> 1266 <a href="/cerebro-empresarial"> 1267 Entity Page 1268 </a> 1269 â Entity Page on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1270 </li> 1271 <li> 1272 <a href="/iman"> 1273 Iman 1274 </a> 1275 â Iman on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1276 </li> 1277 <li> 1278 <a href="/glosario"> 1279 Glosario 1280 </a> 1281 â Glosario on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1282 </li> 1283 <li> 1284 <a href="/dni-digital-agentes-ia"> 1285 Dni Agentes 1286 </a> 1287 â Comprueba quién responde de un agente de IA, sus permisos firmados y su estado. Caso Argos, lÃmites de la credencial y diagnóstico para empresas. 1288 </li> 1289 <li> 1290 <a href="/prensa"> 1291 Prensa 1292 </a> 1293 â Prensa on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1294 </li> 1295 <li> 1296 <a href="/empleo"> 1297 Empleo 1298 </a> 1299 â Empleo on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1300 </li> 1301 <li> 1302 <a href="/como-trabajamos"> 1303 Como Trabajamos 1304 </a> 1305 â Como Trabajamos on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1306 </li> 1307 <li> 1308 <a href="/auditoria-digital"> 1309 Auditoria Digital 1310 </a> 1311 â Auditoria Digital on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1312 </li> 1313 <li> 1314 <a href="/agentes-de-voz"> 1315 Agentes De Voz 1316 </a> 1317 â Agentes De Voz on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1318 </li> 1319 <li> 1320 <a href="/aviso-legal"> 1321 Legal 1322 </a> 1323 â Legal on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1324 </li> 1325 <li> 1326 <a href="/casos/gestion-multicanal-sincronizacion-total"> 1327 Caso Page 1328 </a> 1329 â Caso Page on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1330 </li> 1331 <li> 1332 <a href="/demo/extramall"> 1333 Demo Extramall 1334 </a> 1335 â Demo Extramall on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con. 1336 </li> 1337 </ul> 1338 </nav> 1339 </main> 1340 </div> 1341 </div> 1342 <!-- PRELOADER ODOMETER --> 1343 <div id="preloader" style="position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; pointer-events: none; transition: opacity 1s ease;"> 1344 <div style="position: absolute; top: 2.5rem; left: 3.125rem; color: #000; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 4rem; letter-spacing: -0.02em; line-height: 1;"> 1345 [ 1346 <div style="height: 4rem; overflow: hidden; position: relative; width: 6.5rem; display: inline-block; vertical-align: top;"> 1347 <div id="odometer-numbers" style="position: absolute; top: 0; left: 0; width: 100%; transition: transform 0.05s linear; text-align: center;">
1348 </div> 1349 </div> 1350 / 100 ] 1351 </div> 1352 </div> 1353 <div class="home-topnav" id="home-topnav"> 1354 <a class="tn-logo" href="/"> 1355 NEXTAI 1356 </a> 1357 <nav> 1358 <a class="tn-active" data-i18n="nav.home" href="/"> 1359 inicio â 1360 <span class="tn-underline"> 1361 </span> 1362 </a> 1363 <a data-i18n="nav.build" href="/services"> 1364 qué construimos â 1365 </a> 1366 <a data-i18n="nav.superapps" href="/super-apps"> 1367 super apps â 1368 </a> 1369 <a data-i18n="nav.superagents" href="/superagentes"> 1370 superagentes â 1371 </a> 1372 <a data-i18n="nav.brain" href="/cerebro-empresarial"> 1373 cerebro empresarial â 1374 </a> 1375 <a data-i18n="nav.contact" href="/contact"> 1376 contacto â 1377 </a> 1378 <a aria-label="View this page in English" class="lang-pill" data-i18n-keep-href="" href="/en" hreflang="en" lang="en"> 1379 <span class="lp-on"> 1380 ES 1381 </span> 1382 <span aria-hidden="true" class="lp-sep"> 1383 | 1384 </span> 1385 <span class="lp-off"> 1386 EN 1387 </span> 1388 </a> 1389 </nav> 1390 <div class="tn-line" id="home-topnav-line"> 1391 </div> 1392 </div> 1393 <div class="hero-logo preload-hidden reveal-anim from-top"> 1394 NEXTAI 1395 </div> 1396 <h1 class="hero-title" data-i18n="hero.title" id="animated-hero-title" style="font-size: max(2.2rem, 5vw);"> 1397 Tu empresa sabe más 1398 <br/> 1399 <span class="hero-subtitle"> 1400 de lo que decide. 1401 </span> 1402 </h1> 1403 <div class="hero-nav preload-hidden reveal-anim from-top"> 1404 <a data-i18n="hero.nav.build" href="/services"> 1405 qué construimos 1406 <span class="nav-arrow"> 1407 â 1408 </span> 1409 </a> 1410 <a data-i18n="hero.nav.superapps" href="/super-apps"> 1411 super apps 1412 <span class="nav-arrow"> 1413 â 1414 </span> 1415 </a> 1416 <a data-i18n="hero.nav.superagents" href="/superagentes"> 1417 superagentes 1418 <span class="nav-arrow"> 1419 â 1420 </span> 1421 </a> 1422 <a data-i18n="hero.nav.brain" href="/cerebro-empresarial"> 1423 cerebro empresarial 1424 <span class="nav-arrow"> 1425 â 1426 </span> 1427 </a> 1428 <a aria-label="View this page in English" class="lang-pill" data-i18n-keep-href="" href="/en" hreflang="en" lang="en"> 1429 <span class="lp-on"> 1430 ES 1431 </span> 1432 <span aria-hidden="true" class="lp-sep"> 1433 | 1434 </span> 1435 <span class="lp-off"> 1436 EN 1437 </span> 1438 </a> 1439 </div> 1440 <div class="hero-info-block preload-hidden reveal-anim from-bottom"> 1441 <div class="eyebrow" data-i18n="hero.eyebrow" style="margin-bottom: 1.5rem;"> 1442 Ecosistemas de IA empresarial 1443 </div> 1444 <div class="hi-text" data-i18n="hero.text"> 1445 Construimos el cerebro que lo reúne todo. Y los agentes que lo ponen a trabajar. 1446 </div> 1447 <div class="hi-btn-row"> 1448 <a class="hi-btn solid" data-i18n="hero.cta" href="/auditoria-digital"> 1449 PIDE TU AUDITORÃA DIGITAL 1450 </a> 1451 </div> 1452 <div class="hi-micro" data-i18n="hero.micro"> 1453 Una hora. Sin presentación comercial. 1454 </div> 1455 </div> 1456 <div class="scroll-content-wrapper"> 1457 <div class="scroll-title-container" id="scroll-title"> 1458 <h3 class="animated-title flow-title" data-i18n="s1.title"> 1459 Cada herramienta guarda 1460 <br/> 1461 una parte. 1462 <br/> 1463 <span style="font-weight: 500;"> 1464 Ninguna ve el conjunto. 1465 </span> 1466 </h3> 1467 </div> 1468 <div class="feature-container" style="align-items: flex-start; padding-right: 3.125rem; padding-left: 3.125rem; box-sizing: border-box; margin-bottom: 26rem;"> 1469 <h3 class="feature-title animated-title flow-title" data-i18n="s2.title" style="text-align: left;"> 1470 Y se decide a ciegas 1471 <br/> 1472 <span style="font-weight: 500;"> 1473 sobre lo que ya se sabe. 1474 </span> 1475 </h3> 1476 <div class="flow-note" data-i18n="s2.note" style="text-align: left;"> 1477 Lo llamamos 1478 <strong> 1479 Deuda de Contexto 1480 </strong> 1481 . 1482 </div> 1483 </div> 1484 <div class="clients-container"> 1485 <div class="clients-subtitle" data-i18n="clients.title"> 1486 EMPRESAS QUE YA CONFÃAN EN NOSOTROS 1487 </div> 1488 <div class="clients-line"> 1489 </div> 1490 <div class="marquee-container"> 1491 <div class="marquee-content"> 1492 <span class="marquee-name"> 1493 Bioparc 1494 </span>
1495 <span class="marquee-name"> 1496 Fundación Bioparc 1497 </span> 1498 <span class="marquee-name"> 1499 De La GuÃa y Luzón 1500 </span> 1501 <span class="marquee-name"> 1502 Alumed 1503 </span> 1504 <span class="marquee-name"> 1505 La Tagliatella 1506 </span> 1507 <span class="marquee-name"> 1508 Semamcoin 1509 </span> 1510 <span class="marquee-name"> 1511 Transportes López Vialcanet 1512 </span> 1513 <span class="marquee-name"> 1514 Torrent CF 1515 </span> 1516 <span class="marquee-name"> 1517 Puchades 1518 </span> 1519 <span class="marquee-name"> 1520 KDOS Consulting 1521 </span> 1522 <span class="marquee-name"> 1523 Ludo Ciencia 1524 </span> 1525 <span class="marquee-name"> 1526 Gómez Avanza 1527 </span> 1528 <span class="marquee-name"> 1529 INCIBE 1530 </span> 1531 <span class="marquee-name"> 1532 Percent 1533 </span> 1534 <span class="marquee-name"> 1535 Subvia 1536 </span> 1537 <span class="marquee-name"> 1538 Bioparc 1539 </span> 1540 <span class="marquee-name"> 1541 Fundación Bioparc 1542 </span> 1543 <span class="marquee-name"> 1544 De La GuÃa y Luzón 1545 </span> 1546 <span class="marquee-name"> 1547 Alumed 1548 </span> 1549 <span class="marquee-name"> 1550 La Tagliatella 1551 </span> 1552 <span class="marquee-name"> 1553 Semamcoin 1554 </span> 1555 <span class="marquee-name"> 1556 Transportes López Vialcanet 1557 </span> 1558 <span class="marquee-name"> 1559 Torrent CF 1560 </span> 1561 <span class="marquee-name"> 1562 Puchades 1563 </span> 1564 <span class="marquee-name"> 1565 KDOS Consulting 1566 </span> 1567 <span class="marquee-name"> 1568 Ludo Ciencia 1569 </span> 1570 <span class="marquee-name"> 1571 Gómez Avanza 1572 </span> 1573 <span class="marquee-name"> 1574 INCIBE 1575 </span> 1576 <span class="marquee-name"> 1577 Percent 1578 </span> 1579 <span class="marquee-name"> 1580 Subvia 1581 </span> 1582 </div> 1583 </div> 1584 </div> 1585 <div class="scroll-title-container bridge-title" id="bridge-title"> 1586 <h3 class="animated-title flow-title" data-i18n="bridge.title"> 1587 Pero esto 1588 <br/> 1589 <span style="font-weight: 500;"> 1590 tiene solución. 1591 </span> 1592 </h3> 1593 </div> 1594 </div> 1595 <div class="phase4-container" id="phase4-container" style="font-family: 'Jost', sans-serif;"> 1596 <div class="split-feature-container"> 1597 <div aria-hidden="true" class="hi-top" style="width: 100%; min-width: 15rem; max-width: 20rem; margin-bottom: 0;"> 1598 </div> 1599 <div style="display: flex; flex-direction: column; align-items: flex-start;"> 1600 <div class="split-top" style="text-align: left; display: inline-block;"> 1601 <h3 class="feature-title animated-title" data-i18n="p4.title" id="phase4-title" style="text-align: left; margin-top: 0;"> 1602 Cuatro formas 1603 <br/> 1604 <span style="font-weight: 500;"> 1605 de construirlo. 1606 </span> 1607 </h3> 1608 <div class="clients-line" style="margin-top: 3rem; margin-bottom: 3rem; width: 100%; margin-left: 0; margin-right: 0;"> 1609 </div> 1610 </div> 1611 <div class="split-bottom" style="align-items: flex-start;"> 1612 <div class="pillars"> 1613 <div class="pillar"> 1614 <span class="pillar-idx"> 1615 01 1616 </span> 1617 <span class="pillar-t" data-i18n="p4.p1.t"> 1618 Super apps 1619 </span> 1620 <span class="pillar-l" data-i18n="p4.p1.l"> 1621 Tu idea, funcionando. 1622 </span> 1623 </div> 1624 <div class="pillar"> 1625 <span class="pillar-idx"> 1626 02 1627 </span> 1628 <span class="pillar-t" data-i18n="p4.p2.t"> 1629 Superagentes 1630 </span> 1631 <span class="pillar-l" data-i18n="p4.p2.l"> 1632 Un proceso entero, sin ti. 1633 </span> 1634 </div> 1635 <div class="pillar"> 1636 <span class="pillar-idx"> 1637 03 1638 </span> 1639 <span class="pillar-t" data-i18n="p4.p3.t"> 1640 Ecosistemas 1641 </span> 1642 <span class="pillar-l" data-i18n="p4.p3.l"> 1643 Tus herramientas, hablándose. 1644 </span> 1645 </div> 1646 <div class="pillar">
1647 <span class="pillar-idx"> 1648 04 1649 </span> 1650 <span class="pillar-t" data-i18n="p4.p4.t"> 1651 Cerebros empresariales 1652 </span> 1653 <span class="pillar-l" data-i18n="p4.p4.l"> 1654 Tu empresa, recordando. 1655 </span> 1656 </div> 1657 </div> 1658 <a class="hi-btn" data-i18n="p4.cta" href="/services" style="margin-top: 2rem; text-transform: uppercase;"> 1659 VER QUà CONSTRUIMOS 1660 </a> 1661 </div> 1662 </div> 1663 </div> 1664 </div> 1665 <div class="words-container"> 1666 <div class="flying-word" data-i18n="word.apps" id="word1"> 1667 <span class="char"> 1668 A 1669 </span> 1670 <span class="char"> 1671 P 1672 </span> 1673 <span class="char"> 1674 P 1675 </span> 1676 <span class="char"> 1677 S 1678 </span> 1679 </div> 1680 <div class="flying-word" data-i18n="word.agents" id="word2"> 1681 <span class="char"> 1682 A 1683 </span> 1684 <span class="char"> 1685 G 1686 </span> 1687 <span class="char"> 1688 E 1689 </span> 1690 <span class="char"> 1691 N 1692 </span> 1693 <span class="char"> 1694 T 1695 </span> 1696 <span class="char"> 1697 E 1698 </span> 1699 <span class="char"> 1700 S 1701 </span> 1702 </div> 1703 <div class="flying-word" data-i18n="word.ecosystems" id="word3" style="font-size: max(2.75rem, 11vw);"> 1704 <span class="char"> 1705 E 1706 </span> 1707 <span class="char"> 1708 C 1709 </span> 1710 <span class="char"> 1711 O 1712 </span> 1713 <span class="char"> 1714 S 1715 </span> 1716 <span class="char"> 1717 I 1718 </span> 1719 <span class="char"> 1720 S 1721 </span> 1722 <span class="char"> 1723 T 1724 </span> 1725 <span class="char"> 1726 E 1727 </span> 1728 <span class="char"> 1729 M 1730 </span> 1731 <span class="char"> 1732 A 1733 </span> 1734 <span class="char"> 1735 S 1736 </span> 1737 </div> 1738 </div> 1739 <div class="glass-container" id="glass-container"> 1740 <div class="glass-gradient-wrapper" id="glass-gradient"> 1741 <picture> 1742 <source srcset="/assets/clarix/gradient.avif" type="image/avif"> 1743 <img alt="" class="glass-gradient-img" decoding="async" height="898" loading="lazy" src="/assets/clarix/gradient.webp" width="1600"/> 1744 </source> 1745 </picture> 1746 <div class="gradient-content"> 1747 <div class="gc-top-left animated-title" data-i18n="p3.title" id="phase3-title"> 1748 Tu empresa funcionando 1749 <br/> 1750 como una sola inteligencia. 1751 </div> 1752 <div class="gc-bottom"> 1753 <div class="gc-bottom-left" data-i18n="p3.left"> 1754 Un cerebro. Unos datos. Una verdad. 1755 </div> 1756 <div class="gc-bottom-right"> 1757 <div class="stat-col"> 1758 <div class="stat-num"> 1759 24/7 1760 </div> 1761 <div class="stat-desc" data-i18n="p3.stat1.desc"> 1762 agentes que 1763 <br/> 1764 no cierran 1765 </div> 1766 </div> 1767 <div class="stat-col"> 1768 <div class="stat-num" data-i18n="p3.stat2.num"> 1769 UNA VERDAD 1770 </div> 1771 <div class="stat-desc" data-i18n="p3.stat2.desc"> 1772 la misma cifra 1773 <br/> 1774 para todos 1775 </div> 1776 </div> 1777 </div> 1778 </div> 1779 </div> 1780 </div> 1781 </div> 1782 <div class="phase5-container" id="phase5-container" style="font-family: 'Jost', sans-serif;"> 1783 <h3 class="feature-title animated-title" data-i18n="p5.t1" id="phase5-title-1" style="position:absolute; top:7.5rem; left:3.125rem; text-align:left; margin:0;"> 1784 Empieza donde estés. 1785 </h3> 1786 <h3 class="feature-title animated-title" data-i18n="p5.t2" id="phase5-title-2" style="position:absolute; bottom:9rem; right:3.125rem; text-align:right; margin:0; font-weight:500;"> 1787 Crece hasta donde quieras. 1788 </h3> 1789 <div class="hi-text phase5-desc-left" style="max-width: 30rem;"> 1790 <span data-i18n="p5.desc"> 1791 Un agente. Después otro. Después el cerebro que los une. 1792 </span> 1793 <nav aria-label="Las cinco fases de la Ruta NEXT-5" class="ruta-words home-route-visual" data-i18n="p5.navlabel" data-i18n-attr="aria-label"> 1794 <a data-i18n="p5.r1" href="/ruta-next-5"> 1795 1. Nivelar 1796 </a> 1797 <span aria-hidden="true"> 1798 â 1799 </span> 1800 <a data-i18n="p5.r2" href="/ruta-next-5"> 1801 2. Estructurar 1802 </a> 1803 <span aria-hidden="true"> 1804 â 1805 </span>
1806 <a data-i18n="p5.r3" href="/ruta-next-5"> 1807 3. Xtender 1808 </a> 1809 <span aria-hidden="true"> 1810 â 1811 </span> 1812 <a data-i18n="p5.r4" href="/ruta-next-5"> 1813 4. Transferir 1814 </a> 1815 <span aria-hidden="true"> 1816 â 1817 </span> 1818 <a data-i18n="p5.r5" href="/ruta-next-5"> 1819 5. Escalar 1820 </a> 1821 </nav> 1822 <div class="eyebrow" data-i18n="p5.eyebrow" style="margin-top: 0.6rem;"> 1823 Ruta NEXT-5 1824 </div> 1825 </div> 1826 </div> 1827 <div class="phase6-container" id="phase6-container"> 1828 <h3 class="phase6-title animated-title" data-i18n="p6.title" id="phase6-title"> 1829 Una hora. 1830 <br/> 1831 <span style="font-weight: 400;"> 1832 Un mapa. 1833 </span> 1834 </h3> 1835 </div> 1836 <div class="phase6-footer-wrapper" id="phase6-footer"> 1837 <div aria-label="Contenido del pie de página; desplázate para ver todos los reconocimientos y enlaces" class="glass-footer" data-lenis-prevent="" tabindex="0"> 1838 <div class="footer-top"> 1839 <div class="footer-left"> 1840 <h2 style="margin: 0 0 2rem 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 1.75rem; letter-spacing: 0.04em;"> 1841 NEXTAI 1842 </h2> 1843 <div class="footer-heading" data-i18n="f.heading"> 1844 Cuéntanos cómo funciona tu empresa hoy. Te decimos qué se puede construir, por dónde empezar y qué no merece la pena tocar todavÃa. Tanto si nos contratas como si no. 1845 </div> 1846 <form action="/auditoria-digital" class="footer-input-group" id="footer-audit-form" method="get"> 1847 <input class="footer-input" data-i18n="f.placeholder" data-i18n-attr="placeholder" name="email" placeholder="Tu email de trabajo" required="" type="email"/> 1848 <button class="footer-submit" data-i18n="f.submit" type="submit"> 1849 PIDE TU AUDITORÃA DIGITAL 1850 </button> 1851 </form> 1852 <div class="footer-subtext" data-i18n="f.sub1" style="margin-bottom: 0.75rem;"> 1853 45 minutos · Eliges el hueco al momento 1854 </div> 1855 <div class="footer-subtext" data-i18n="f.sub2"> 1856 Al enviar tu email aceptas que Cosmolabs Oà (NextAI) trate tus datos para preparar tu diagnóstico y contactarte, conforme a la 1857 <a href="/privacidad" style="color:#000;text-decoration:underline;"> 1858 PolÃtica de privacidad 1859 </a> 1860 . 1861 </div> 1862 </div> 1863 <div class="footer-right"> 1864 <div class="footer-col"> 1865 <div class="footer-col-title" data-i18n="f.c1.t"> 1866 Qué construimos 1867 </div> 1868 <a data-i18n="f.c1.a1" href="/dni-digital-agentes-ia"> 1869 DNI digital para agentes de IA 1870 </a> 1871 <a data-i18n="f.c1.a2" href="/super-apps"> 1872 Super apps a medida 1873 </a> 1874 <a data-i18n="f.c1.a3" href="/superagentes"> 1875 Superagentes de IA 1876 </a> 1877 <a data-i18n="f.c1.a4" href="/cerebro-empresarial"> 1878 Cerebro Empresarial 1879 </a> 1880 <a data-i18n="f.c1.a5" href="/escala-ai-native"> 1881 Escala AI-Native 1882 </a> 1883 <a data-i18n="f.c1.a6" href="/cortex"> 1884 Digital Cortex 1885 </a> 1886 <a data-i18n="f.c1.a7" href="/services"> 1887 Todos los servicios 1888 </a> 1889 <a data-i18n="f.c1.a8" href="/plans"> 1890 Planes y precios 1891 </a> 1892 </div> 1893 <div class="footer-col"> 1894 <div class="footer-col-title" data-i18n="f.c2.t"> 1895 Método y métricas 1896 </div> 1897 <a data-i18n="f.c2.a1" href="/como-trabajamos"> 1898 Cómo trabajamos 1899 </a> 1900 <a data-i18n="f.c2.a2" href="/ruta-next-5"> 1901 Ruta NEXT-5 1902 </a> 1903 <a data-i18n="f.c2.a3" href="/iman"> 1904 IMAN â Ãndice de madurez 1905 </a> 1906 <a data-i18n="f.c2.a4" href="/rao"> 1907 RAO â AutonomÃa operativa 1908 </a> 1909 <a data-i18n="f.c2.a5" href="/auditoria-digital"> 1910 AuditorÃa Digital 1911 </a> 1912 </div> 1913 <div class="footer-col"> 1914 <div class="footer-col-title" data-i18n="f.c3.t"> 1915 Conocimiento 1916 </div> 1917 <a data-i18n="f.c3.a1" href="/blog"> 1918 Blog ejecutivo 1919 </a> 1920 <a data-i18n="f.c3.a2" href="/glosario"> 1921 Glosario de IA empresarial 1922 </a> 1923 <a data-i18n="f.c3.a3" href="/enterprise-faq"> 1924 Preguntas frecuentes 1925 </a> 1926 <a data-i18n="f.c3.a4" href="/casos/percent-cerebro-empresarial"> 1927 Caso Percent 1928 </a> 1929 <a data-i18n="f.c3.a5" href="/casos"> 1930 Casos y proyectos 1931 </a> 1932 </div> 1933 <div class="footer-col"> 1934 <div class="footer-col-title" data-i18n="f.c4.t"> 1935 NextAI 1936 </div> 1937 <a data-i18n="f.c4.a1" href="/about"> 1938 Sobre NextAI 1939 </a> 1940 <a data-i18n="f.c4.a2" href="/prensa"> 1941 Prensa y menciones 1942 </a> 1943 <a data-i18n="f.c4.a3" href="https://digitalcortex.tech/verify/argos" rel="noopener" target="_blank"> 1944 Verificar a nuestro agente Argos â 1945 </a> 1946 <a data-i18n="f.c4.a4" href="/contact"> 1947 Contacto 1948 </a> 1949 <a data-i18n="f.c4.a5" href="https://www.linkedin.com/company/nextaipro" rel="noopener noreferrer" target="_blank"> 1950 LinkedIn â 1951 </a> 1952 </div> 1953 <div class="footer-col"> 1954 <div class="footer-col-title" data-i18n="f.c5.t"> 1955 Legal 1956 </div> 1957 <a data-i18n="f.c5.a1" href="/terminos"> 1958 Términos y condiciones 1959 </a> 1960 <a data-i18n="f.c5.a2" href="/privacidad"> 1961 PolÃtica de privacidad 1962 </a> 1963 <a data-i18n="f.c5.a3" href="/cookies"> 1964 PolÃtica de cookies 1965 </a> 1966 <a data-i18n="f.c5.a4" href="/aviso-legal"> 1967 Aviso legal 1968 </a> 1969 </div>
1970 </div> 1971 </div> 1972 <div class="recognition-section"> 1973 <span class="recognition-title" data-i18n="f.recognition"> 1974 Reconocimientos 1975 </span> 1976 <div class="recognition-list"> 1977 <div class="recognition-card"> 1978 <img alt="OpenAI Select Partner" class="recognition-logo--wide" decoding="async" loading="lazy" src="/badges/openai-select-partner.svg"/> 1979 <span aria-hidden="true" class="recognition-divider"> 1980 </span> 1981 <span class="recognition-copy"> 1982 <small> 1983 SELECT PARTNER 1984 </small> 1985 <strong> 1986 OpenAI 1987 </strong> 1988 </span> 1989 </div> 1990 <a class="recognition-card" href="https://academy.claude.com/verify/b31976c14a45c02207d41aa61ac03997" rel="noopener" target="_blank"> 1991 <img alt="Anthropic Claude logo" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/b/b0/Claude_AI_symbol.svg"/> 1992 <span aria-hidden="true" class="recognition-divider"> 1993 </span> 1994 <span class="recognition-copy"> 1995 <small> 1996 CERTIFIED · CLAUDE ACADEMY 1997 </small> 1998 <strong> 1999 Anthropic 2000 </strong> 2001 </span> 2002 </a> 2003 <div class="recognition-card"> 2004 <img alt="Google Cloud logo" class="recognition-logo--wide" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/5/51/Google_Cloud_logo.svg"/> 2005 <span aria-hidden="true" class="recognition-divider"> 2006 </span> 2007 <span class="recognition-copy"> 2008 <small> 2009 CERTIFIED · GENERATIVE AI 2010 </small> 2011 <strong> 2012 Google Cloud 2013 </strong> 2014 </span> 2015 </div> 2016 <a class="recognition-card" href="https://app.base44.com/@nextai" rel="noopener" target="_blank"> 2017 <img alt="Base44 logo" decoding="async" src="https://app.base44.com/apple-touch-icon.png"/> 2018 <span aria-hidden="true" class="recognition-divider"> 2019 </span> 2020 <span class="recognition-copy"> 2021 <small> 2022 OFFICIAL PARTNER · SPECIALIST 2023 </small> 2024 <strong> 2025 Base44 2026 </strong> 2027 </span> 2028 </a> 2029 <a class="recognition-card" href="https://startupvalencia.org/es/socios/?drts_search=1&drts_search_keyword%5Btext%5D=cosmin&drts_search_keyword%5Bid%5D=&drts_search_keyword%5Btaxonomy%5D=" rel="noopener" target="_blank"> 2030 <img alt="Startup Valencia logo" class="recognition-logo--wide recognition-logo--invert" decoding="async" src="https://startupvalencia.org/wp-content/uploads/2021/06/sv_logo-dark.svg"/> 2031 <span aria-hidden="true" class="recognition-divider"> 2032 </span> 2033 <span class="recognition-copy"> 2034 <small> 2035 SOCIO · MEMBER 2036 </small> 2037 <strong> 2038 Startup Valencia 2039 </strong> 2040 </span> 2041 </a> 2042 <div class="recognition-card"> 2043 <img alt="Wix logo" class="recognition-logo--wide" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/7/76/Wix.com_website_logo.svg"/> 2044 <span aria-hidden="true" class="recognition-divider"> 2045 </span> 2046 <span class="recognition-copy"> 2047 <small> 2048 OFFICIAL PARTNER 2049 </small> 2050 <strong> 2051 Wix 2052 </strong> 2053 </span> 2054 </div> 2055 <a class="recognition-card recognition-card--expertuno" href="https://expertuno.com/es/consultant/nextai#verification-status" rel="noopener" target="_blank"> 2056 <img alt="Verificación de Expertuno para NextAI" decoding="async" height="96" loading="lazy" src="https://expertuno.com/functions/verificationBadge?profile=6aba8740b0919fcaa155c8f4&lang=es&motion=off" width="360"/> 2057 </a> 2058 <a class="recognition-card" href="https://www.aiagencies.eu/?utm_source=agency-badge&utm_medium=referral&utm_campaign=featured-on" rel="noopener noreferrer" target="_blank"> 2059 <img alt="AIAgencies.eu" class="recognition-logo--wide" decoding="async" loading="lazy" src="https://www.aiagencies.eu/badges/verified-member-horizontal-mono.svg"/> 2060 <span aria-hidden="true" class="recognition-divider"> 2061 </span>
2062 <span class="recognition-copy"> 2063 <small> 2064 VERIFIED MEMBER 2065 </small> 2066 <strong> 2067 AIAgencies.eu 2068 </strong> 2069 </span> 2070 </a> 2071 </div> 2072 <div class="recognition-trust"> 2073 <span class="recognition-trust-label"> 2074 <svg aria-hidden="true" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"> 2075 <path d="M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6l8-3z"> 2076 </path> 2077 <path d="M8.5 12l2.5 2.5 4.5-5"> 2078 </path> 2079 </svg> 2080 <span data-i18n="f.trust"> 2081 Infraestructura certificada 2082 </span> 2083 </span> 2084 <span class="recognition-trust-chip"> 2085 ISO 27001 2086 </span> 2087 <span class="recognition-trust-chip"> 2088 SOC 2 Type II 2089 </span> 2090 <span class="recognition-trust-chip"> 2091 GDPR 2092 </span> 2093 <span class="recognition-trust-chip" data-i18n="f.trust.eu"> 2094 Datos alojados en la UE 2095 </span> 2096 <span class="recognition-trust-chip" data-i18n="f.trust.aiact"> 2097 Conforme al EU AI Act 2098 </span> 2099 </div> 2100 </div> 2101 <div class="footer-faq" itemscope="" itemtype="https://schema.org/FAQPage"> 2102 <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> 2103 <summary data-i18n="faq.q1" itemprop="name"> 2104 ¿En qué se diferencia un superagente de un chatbot? 2105 </summary> 2106 <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> 2107 <p data-i18n="faq.a1" itemprop="text"> 2108 Un chatbot responde. Un copiloto sugiere. Un superagente se hace cargo de un proceso completo: tiene memoria de lo que pasó, herramientas para actuar sobre vuestros sistemas, lÃmites de autoridad y KPIs propios. El chatbot os dice cuántas facturas hay pendientes; el superagente las concilia. 2109 </p> 2110 </div> 2111 </details> 2112 <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> 2113 <summary data-i18n="faq.q2" itemprop="name"> 2114 ¿Cuánto tarda en verse el primer resultado? 2115 </summary> 2116 <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> 2117 <p data-i18n="faq.a2" itemprop="text"> 2118 Menos de dos semanas desde el primer diagnóstico hasta tener un agente funcionando. La cartografÃa completa de procesos y datos va en paralelo y se cierra en dos o tres semanas. 2119 </p> 2120 </div> 2121 </details> 2122 <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> 2123 <summary data-i18n="faq.q3" itemprop="name"> 2124 Ya probamos la IA y no funcionó. ¿Por qué esta vez sÃ? 2125 </summary> 2126 <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> 2127 <p data-i18n="faq.a3" itemprop="text"> 2128 Porque casi siempre falla lo mismo: la IA no conocÃa la empresa. Sin memoria corporativa, un modelo responde con conocimiento general a problemas especÃficos. Por eso empezamos por el cerebro y no por la herramienta. 2129 </p> 2130 </div> 2131 </details> 2132 <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> 2133 <summary data-i18n="faq.q4" itemprop="name"> 2134 ¿Qué es el DNI digital de vuestros agentes de IA? 2135 </summary> 2136 <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> 2137 <p data-i18n="faq.a4" itemprop="text"> 2138 Una credencial firmada criptográficamente (W3C Verifiable Credentials 2.0) que identifica a cada agente de software, declara qué sociedad responde de él, qué tiene permitido y qué tiene prohibido hacer, caduca a los 90 dÃas y se puede revocar al instante. Cualquiera puede comprobarla en segundos escaneando el QR de su sello o en 2139 <a href="https://digitalcortex.tech/verify/argos" rel="noopener" target="_blank"> 2140 digitalcortex.tech/verify/argos 2141 </a> 2142 . Es una autodeclaración verificable, no una auditorÃa externa. 2143 <a href="/dni-digital-agentes-ia"> 2144 Cómo funciona â 2145 </a> 2146 </p> 2147 </div>
2148 </details> 2149 <div style="margin-top: 1rem;"> 2150 <a data-i18n="faq.all" href="/como-trabajamos"> 2151 Ver todas las preguntas y la Ruta NEXT-5 â 2152 </a> 2153 </div> 2154 </div> 2155 <section aria-labelledby="dni-band-title" class="dni-band"> 2156 <a aria-label="Ver cómo funciona el DNI digital para agentes de IA" class="dni-band-seal" data-i18n="dni.seal.aria" data-i18n-attr="aria-label" href="/dni-digital-agentes-ia"> 2157 <img alt="Sello CORTEX del agente Argos: identidad digital verificable" data-i18n="dni.seal.alt" data-i18n-attr="alt" decoding="async" loading="lazy" onerror="this.parentNode.classList.add('dni-band-seal--off')" src="https://digitalcortex.tech/functions/agentSeal?slug=argos"/> 2158 <span aria-hidden="true" class="dni-band-seal-fallback"> 2159 CRD 2160 <br/> 2161 2026 2162 <br/> 2163 0001 2164 </span> 2165 </a> 2166 <div class="dni-band-text"> 2167 <div class="dni-band-eyebrow" data-i18n="dni.eyebrow"> 2168 Identidad Agéntica Verificable · Sello CORTEX 2169 </div> 2170 <h2 class="dni-band-title" data-i18n="dni.title" id="dni-band-title"> 2171 Nuestros agentes de IA llevan DNI digital 2172 </h2> 2173 <p class="dni-band-copy" data-i18n="dni.copy"> 2174 Quién responde de cada agente, qué puede hacer y qué tiene prohibido: firmado, con caducidad, revocable y comprobable por cualquiera en 30 segundos. Argos, nuestro agente de captación, fue el primero. 2175 </p> 2176 </div> 2177 <div class="dni-band-actions"> 2178 <a class="dni-band-btn dni-band-btn--dark" data-i18n="dni.btn1" href="/dni-digital-agentes-ia"> 2179 Cómo funciona 2180 </a> 2181 <a class="dni-band-btn" data-i18n="dni.btn2" href="https://digitalcortex.tech/verify/argos" rel="noopener" target="_blank"> 2182 Verificar a Argos en vivo â 2183 </a> 2184 </div> 2185 </section> 2186 <div class="footer-line"> 2187 </div> 2188 <div class="footer-bottom" style="display:flex;align-items:center;justify-content:center;gap:0.75rem;margin-bottom:1.25rem;"> 2189 <span data-i18n="f.design" style="text-transform:uppercase;letter-spacing:0.2em;font-size:0.68rem;"> 2190 Diseño y experiencia interactiva 2191 </span> 2192 <span style="width:1px;height:0.8rem;background:linear-gradient(to bottom,#0091ff,#8000ff,#ff0000);"> 2193 </span> 2194 <a href="https://auradesign.pro/" rel="noopener noreferrer" style="font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:0.06em;color:#000;text-decoration:none;" target="_blank"> 2195 AURADESIGN.PRO â 2196 </a> 2197 </div> 2198 <div class="footer-bottom" data-i18n="f.copyright"> 2199 © 2026 NEXTAI · Cosmolabs Oà · Registry code 17106582 · Ahtri tn 12, 15551 Tallinn, Estonia · 2200 <a href="mailto:[email protected]"> 2201 [email protected] 2202 </a> 2203 </div> 2204 </div> 2205 </div> 2206 <!-- i18n de la home: sÃncrono y antes de los módulos (main.jsx / boot.js), de modo que la 2207 división en caracteres de los tÃtulos (src/cinematic/scene.js) ya opere sobre el texto EN. 2208 En español no hace nada: el HTML servido ya es el correcto. --> 2209
2209<script> 2210 (function(){ 2211 var html = document.documentElement; 2212 if (window.__NEXTAI_LANG !== 'en') return; 2213 try { 2214 var EN = window.__NEXTAI_EN || {}; 2215 var ROUTES = window.__NEXTAI_ROUTES_EN || {}; 2216 var BLOG = window.__NEXTAI_BLOG_EN || {}; 2217 2218 // 1. Texto y atributos traducibles 2219 var nodes = document.querySelectorAll('[data-i18n]'); 2220 for (var i = 0; i < nodes.length; i++) { 2221 var el = nodes[i], key = el.getAttribute('data-i18n'), value = EN[key]; 2222 if (typeof value !== 'string') { if (window.console) console.warn('[i18n] clave sin traducir:', key); continue; } 2223 var attrs = el.getAttribute('data-i18n-attr'); 2224 if (attrs) { 2225 var list = attrs.split(','); 2226 for (var a = 0; a < list.length; a++) { 2227 var name = list[a].trim(); 2228 if (name) el.setAttribute(name, value); 2229 } 2230 } else if (value.indexOf('<') !== -1) { 2231 el.innerHTML = value; 2232 } else { 2233 el.textContent = value; 2234 } 2235 } 2236 2237 // 2. Rutas internas -> equivalente EN (ROUTE_PAIRS + slugs del blog) 2238 function localize(path) { 2239 var p = path.replace(/\/+$/, '') || '/'; 2240 if (ROUTES[p]) return ROUTES[p]; 2241 if (p.indexOf('/blog/cluster/') === 0) return '/en' + p; 2242 if (p.indexOf('/blog/') === 0) { 2243 var slug = p.slice('/blog/'.length); 2244 return BLOG[slug] ? '/en/blog/' + BLOG[slug] : p; 2245 } 2246 if (p === '/en' || p.indexOf('/en/') === 0) return p; 2247 return '/en' + p; 2248 } 2249 function rewrite(el, attr) { 2250 var raw = el.getAttribute(attr); 2251 if (!raw || raw.charAt(0) !== '/' || raw.charAt(1) === '/') return; 2252 var cut = raw.search(/[?#]/); 2253 var path = cut === -1 ? raw : raw.slice(0, cut); 2254 var rest = cut === -1 ? '' : raw.slice(cut); 2255 el.setAttribute(attr, localize(path) + rest); 2256 } 2257 var links = document.querySelectorAll('a[href^="/"]:not([data-i18n-keep-href])'); 2258 for (var l = 0; l < links.length; l++) rewrite(links[l], 'href'); 2259 var forms = document.querySelectorAll('form[action^="/"]:not([data-i18n-keep-href])'); 2260 for (var f = 0; f < forms.length; f++) rewrite(forms[f], 'action'); 2261 2262 // 3. Selector de idioma: en /en apunta al español y marca EN como activo 2263 var pills = document.querySelectorAll('.lang-pill'); 2264 for (var q = 0; q < pills.length; q++) { 2265 var pill = pills[q]; 2266 pill.setAttribute('href', '/'); 2267 pill.setAttribute('hreflang', 'es'); 2268 pill.setAttribute('lang', 'es'); 2269 pill.setAttribute('aria-label', 'Ver esta página en español'); 2270 var on = pill.querySelector('.lp-on'), off = pill.querySelector('.lp-off'); 2271 if (on && off) { on.className = 'lp-off'; off.className = 'lp-on'; } 2272 } 2273 } catch (e) { 2274 if (window.console) console.error('[i18n] fallo al aplicar el inglés', e); 2275 } finally { 2276 html.classList.add('i18n-en-ready'); 2277 } 2278 })(); 2279 </script>
2279 2280
2280<script> 2281 // Count-up for the proof figures and the RAO number 2282 if (window.__NEXTAI_HOME) { 2283 // Footer email hands off to the digital-audit flow 2284 const auditForm = document.getElementById('footer-audit-form'); 2285 if (auditForm) { 2286 auditForm.addEventListener('submit', (e) => { 2287 e.preventDefault(); 2288 const email = auditForm.querySelector('input[name="email"]').value.trim(); 2289 var auditPath = window.__NEXTAI_LANG === 'en' ? '/en/digital-audit' : '/auditoria-digital'; 2290 window.location.href = auditPath + '?email=' + encodeURIComponent(email); 2291 }); 2292 } 2293 } 2294 </script>
2294 2295 </body> 2296</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.