Transformaci\u00f3n Digital Completa | Sistema GenIA<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n \/* 1. Reset Global del Wrapper *\/\r\n .genia-wrapper { \r\n font-family: 'Manrope', sans-serif !important; \r\n line-height: 1.5 !important; \r\n color: #000000 !important;\r\n background-color: #ffffff !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important; \r\n font-size: 16px !important;\r\n text-align: left !important;\r\n }\r\n \r\n .genia-wrapper * {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* 2. Hack para romper el contenedor de WordPress\/Elementor (CSS Fallback) *\/\r\n .genia-section-breakout {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n max-width: 100vw !important;\r\n overflow: hidden !important;\r\n transform: none !important;\r\n }\r\n\r\n \/* 3. Estilos de Texto y Elementos - TODO EN NEGRITA *\/\r\n .genia-wrapper h1, .genia-wrapper h2, .genia-wrapper h3, .genia-wrapper h4 { \r\n font-weight: 800 !important; \r\n color: #000000 !important;\r\n margin-top: 0 !important; \r\n margin-bottom: 0.5em !important; \r\n line-height: 1.2 !important; \r\n }\r\n .genia-wrapper p, .genia-wrapper span, .genia-wrapper li { \r\n font-weight: 700 !important; \r\n color: #374151 !important; \r\n }\r\n .genia-wrapper strong, .genia-wrapper b {\r\n font-weight: 800 !important;\r\n color: inherit !important;\r\n }\r\n \r\n .genia-wrapper a { \r\n text-decoration: none !important; \r\n font-weight: 700 !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: none !important; \r\n border-bottom: none !important;\r\n }\r\n .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n \/* COLORES GENIA - FORZAR VISIBILIDAD *\/\r\n .text-verde-genia, .text-\\[\\#00BF63\\] { color: #00BF63 !important; }\r\n .bg-verde-genia, .bg-\\[\\#00BF63\\] { background-color: #00BF63 !important; }\r\n \r\n \/* EXCEPCIONES DE COLOR (Para que el negro no pise al blanco en secciones oscuras) *\/\r\n .genia-wrapper .text-white, \r\n .genia-wrapper .text-blanco-genia,\r\n .genia-wrapper h1.text-white,\r\n .genia-wrapper h2.text-white,\r\n .genia-wrapper h3.text-white,\r\n .genia-wrapper h4.text-white { \r\n color: #FFFFFF !important; \r\n }\r\n \r\n \/* 4. Header Flotante *\/\r\n #main-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 2147483647 !important; \/* Max Z-Index *\/\r\n transition: all 0.3s ease !important;\r\n }\r\n body.admin-bar #main-header {\r\n top: 32px !important;\r\n }\r\n @media screen and (max-width: 782px) {\r\n body.admin-bar #main-header { top: 46px !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black font-sans antialiased\">\r\n<div class=\"genia-wrapper w-full overflow-x-hidden\">\r\n\r\n \r\n <header id=\"main-header\" class=\"fixed w-full top-0 z-[9999] bg-white border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n <span id=\"logo-text\" class=\"text-black transition-colors\" style=\"color: #000000;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n <\/a>\r\n \r\n \r\n <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\">\r\n <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"md:hidden flex items-center\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-black transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #000000; border: none !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n <div class=\"pt-4\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"genia-section-breakout relative bg-negro-genia text-white pt-24 pb-20 overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 right-0 w-2\/3 h-full bg-[#00BF63]\/10 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 flex flex-col items-center text-center\">\r\n <div class=\"max-w-4xl\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-[#00BF63]\/20 text-[#00BF63] font-bold text-xs tracking-wider mb-6 uppercase border border-[#00BF63]\/30\">Sistema Completo 360\u00b0<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold tracking-tight leading-tight mb-6 text-white !text-white\">\r\n Transformaci\u00f3n Digital para <span class=\"text-[#00BF63]\">Negocios Locales de Servicios<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-300 mb-8 leading-relaxed max-w-2xl mx-auto\">\r\n Unimos Google, Redes, Web, Publicidad y Automatizaci\u00f3n en un solo sistema conectado para llenar tu agenda de forma predecible.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-10 text-sm md:text-base\">\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Deja de perseguir clientes<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Automatiza el seguimiento<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Delega la tecnolog\u00eda<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Transformaci%C3%B3n%20Digital\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-[#00BF63] text-white rounded-lg font-bold text-lg hover:bg-[#00A854] transition-all shadow-lg hover:shadow-green-500\/30 no-underline\">\r\n Hablar por WhatsApp <i data-lucide=\"arrow-right\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/a>\r\n <button onclick=\"document.getElementById('modulos').scrollIntoView({behavior: 'smooth'})\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 text-white border border-white\/20 rounded-lg font-bold text-lg hover:bg-white\/20 transition-all border-solid cursor-pointer\">\r\n Ver qu\u00e9 incluye <i data-lucide=\"arrow-down\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500 mt-3 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-16 bg-white border-b border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\r\n \r\n <div class=\"bg-[#F0FDF4] p-8 rounded-2xl border border-green-100\">\r\n <h3 class=\"text-xl font-bold mb-6 flex items-center text-black\">\r\n <span class=\"bg-[#00BF63] text-white p-1 rounded-full mr-3\"><i data-lucide=\"check\" class=\"w-4 h-4\"><\/i><\/span>\r\n Para qui\u00e9n S\u00cd es este sistema\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Negocios f\u00edsicos o locales de servicios (cl\u00ednicas, reformas, legal, salud, est\u00e9tica...).\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Buscan captaci\u00f3n constante, no \"pelotazos\" de un d\u00eda.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Ya han probado acciones sueltas (web, postear) sin \u00e9xito real.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Quieren delegar la parte t\u00e9cnica en un equipo especializado.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100\">\r\n <h3 class=\"text-xl font-bold mb-6 flex items-center text-black\">\r\n <span class=\"bg-red-500 text-white p-1 rounded-full mr-3\"><i data-lucide=\"x\" class=\"w-4 h-4\"><\/i><\/span>\r\n Para qui\u00e9n NO es\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Ecommerce \/ Tiendas online de productos f\u00edsicos (dropshipping, stock, etc.).\r\n <\/li>\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Negocios 100% digitales sin base o servicio local.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Quien busca \"magia\" o resultados millonarios en 2 d\u00edas.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Quien solo compara precios y no valora tener un sistema.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-6 text-black\">El coste de tenerlo todo \"suelto\"<\/h2>\r\n <p class=\"text-gray-600 text-lg\">\r\n La mayor\u00eda de negocios locales fallan en digitalizaci\u00f3n no por falta de inversi\u00f3n, sino por falta de conexi\u00f3n.\r\n <\/p>\r\n <\/div>\r\n <div class=\"max-w-5xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Piezas desconectadas:<\/strong> Una web que no vende, redes que solo entretienen y anuncios que van a ning\u00fan sitio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Leads que se enfr\u00edan:<\/strong> Tardas horas en responder y el cliente ya ha llamado a tu competencia.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Seguimiento manual:<\/strong> Te pasas el d\u00eda pegado al WhatsApp repitiendo lo mismo una y otra vez.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Dependencia externa:<\/strong> Vives del \"boca a boca\" (que no controlas) o de portales que te cobran comisiones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-bold text-center mb-16 text-black\">La Transformaci\u00f3n GenIA<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-0 border rounded-2xl overflow-hidden shadow-lg\">\r\n \r\n \r\n <div class=\"bg-gray-100 p-10 border-b md:border-b-0 md:border-r border-gray-200\">\r\n <h3 class=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Situaci\u00f3n Actual<\/h3>\r\n <ul class=\"space-y-6\">\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> Marketing disperso e improvisado.<\/li>\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> Captaci\u00f3n irregular (\"a rachas\").<\/li>\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> Mucho trabajo manual administrativo.<\/li>\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> No sabes qu\u00e9 funciona y qu\u00e9 no.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-negro-genia text-white p-10 relative overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 right-0 w-40 h-40 bg-[#00BF63]\/20 blur-[50px] rounded-full pointer-events-none\"><\/div>\r\n <h3 class=\"text-[#00BF63] font-bold uppercase tracking-widest text-sm mb-6\">Con el Sistema<\/h3>\r\n <ul class=\"space-y-6 relative z-10\">\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Sistema conectado y coherente.<\/li>\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Solicitudes constantes y predecibles.<\/li>\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Seguimiento automatizado 24\/7.<\/li>\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Control total y claridad de m\u00e9tricas.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"modulos\" class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-black\">Qu\u00e9 incluye el sistema completo<\/h2>\r\n <p class=\"text-gray-600\">Todas las piezas necesarias, instaladas y conectadas en tu negocio.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"brain-circuit\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Estrategia Inicial Profunda<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Analizamos tu negocio, sector, cliente ideal y oferta para no dar palos de ciego.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"zap\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Oferta Irresistible y Mensaje<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Definimos qu\u00e9 vendes y c\u00f3mo lo cuentas para que te elijan a ti antes que a la competencia.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/diseno-web\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"layout-template\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Embudos y Landing Pages<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">P\u00e1ginas dise\u00f1adas para convertir visitas en leads, no solo para informar.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"globe\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">SEO Local y Posicionamiento<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estructura para que te encuentren en Google cuando busquen tu servicio en tu zona.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"map-pin\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Google Business Profile<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Optimizaci\u00f3n de tu ficha para salir en el mapa y generar llamadas locales.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/meta-ads\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"users\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Meta Ads (Captaci\u00f3n)<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Campa\u00f1as en Facebook\/Instagram para generar demanda proactiva de clientes.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/google-ads\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"search\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Google Ads (Intenci\u00f3n)<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Campa\u00f1as para captar a quien ya tiene la tarjeta en la mano y busca tu servicio.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/automatizaciones-ia\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"message-circle\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Automatizaci\u00f3n IA + WhatsApp<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Respuesta inmediata 24\/7, cualificaci\u00f3n de leads y seguimiento autom\u00e1tico.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/transformacion-digital-completa\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"bar-chart-3\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Anal\u00edtica y Medici\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Panel de control para saber qu\u00e9 funciona, cu\u00e1nto cuesta un cliente y d\u00f3nde invertir.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold text-center mb-12 text-black\">C\u00f3mo trabajamos paso a paso<\/h2>\r\n \r\n <div class=\"space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-gray-200 before:to-transparent\">\r\n \r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">1<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Diagn\u00f3stico y Prioridades<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Entendemos d\u00f3nde est\u00e1s y qu\u00e9 piezas faltan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">2<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Construcci\u00f3n del Sistema<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Creamos y conectamos web, embudos y automatizaciones.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">3<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Activaci\u00f3n de Canales<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Lanzamos campa\u00f1as y optimizamos el posicionamiento org\u00e1nico.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">4<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Optimizaci\u00f3n y Escalado<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Medimos resultados y ajustamos para mejorar el coste por cliente.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mt-16 bg-black text-white p-8 rounded-2xl text-center\">\r\n <h3 class=\"font-bold text-xl mb-4 text-[#00BF63]\">Qu\u00e9 te pedimos para empezar<\/h3>\r\n <ul class=\"text-left max-w-md mx-auto space-y-3 text-gray-300\">\r\n <li class=\"flex items-start\"><i data-lucide=\"check\" class=\"mr-2 text-[#00BF63] shrink-0 w-5\"><\/i> Material base (fotos\/videos de tu negocio).<\/li>\r\n <li class=\"flex items-start\"><i data-lucide=\"check\" class=\"mr-2 text-[#00BF63] shrink-0 w-5\"><\/i> Acceso a tus activos actuales (si los tienes).<\/li>\r\n <li class=\"flex items-start\"><i data-lucide=\"check\" class=\"mr-2 text-[#00BF63] shrink-0 w-5\"><\/i> Compromiso para atender los leads que lleguen.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Ejemplos y evidencias<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-black aspect-video rounded-xl flex items-center justify-center relative overflow-hidden group cursor-pointer shadow-lg\">\r\n <div class=\"absolute inset-0 bg-white\/10 group-hover:bg-white\/5 transition-colors\"><\/div>\r\n <div class=\"w-16 h-16 bg-[#00BF63] rounded-full flex items-center justify-center pl-1 shadow-2xl scale-100 group-hover:scale-110 transition-transform\">\r\n <div class=\"w-0 h-0 border-t-[10px] border-t-transparent border-l-[18px] border-l-white border-b-[10px] border-b-transparent\"><\/div>\r\n <\/div>\r\n <span class=\"absolute bottom-4 left-4 text-white text-sm font-bold bg-black\/50 px-2 py-1 rounded\">Testimonio Cliente<\/span>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center relative overflow-hidden\">\r\n <div class=\"space-y-3 w-full max-w-[200px] opacity-50 blur-[1px]\">\r\n <div class=\"bg-green-100 p-2 rounded-lg rounded-tr-none ml-auto text-xs w-3\/4\">Hola, quiero cita para...<\/div>\r\n <div class=\"bg-gray-100 p-2 rounded-lg rounded-tl-none mr-auto text-xs w-3\/4\">\u00a1Claro! Nuestra IA te agenda...<\/div>\r\n <\/div>\r\n <div class=\"absolute inset-0 flex items-center justify-center bg-white\/60\">\r\n <span class=\"font-bold text-gray-800 border border-gray-300 bg-white px-4 py-2 rounded-lg shadow-sm\">Capturas de Conversi\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center relative overflow-hidden\">\r\n <div class=\"w-full h-32 bg-gradient-to-t from-green-100 to-white flex items-end justify-around px-4 opacity-50 blur-[1px]\">\r\n <div class=\"w-4 bg-green-300 h-1\/3 rounded-t\"><\/div>\r\n <div class=\"w-4 bg-green-400 h-1\/2 rounded-t\"><\/div>\r\n <div class=\"w-4 bg-green-500 h-2\/3 rounded-t\"><\/div>\r\n <div class=\"w-4 bg-[#00BF63] h-full rounded-t\"><\/div>\r\n <\/div>\r\n <div class=\"absolute inset-0 flex items-center justify-center bg-white\/60\">\r\n <span class=\"font-bold text-gray-800 border border-gray-300 bg-white px-4 py-2 rounded-lg shadow-sm\">M\u00e9tricas de Crecimiento<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-gray-500 mt-8 italic\">Algunos negocios prefieren mantener anonimato por estrategia competitiva.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-3xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold text-center mb-12 text-black\">Preguntas frecuentes<\/h2>\r\n <div class=\"space-y-6\">\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfYa prob\u00e9 agencias y no funcion\u00f3, por qu\u00e9 esto es distinto?<\/h4>\r\n <p class=\"text-gray-600\">Lo normal es que probaras servicios sueltos. Aqu\u00ed montamos el sistema completo. Si las piezas no conectan, no funciona.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfCu\u00e1nto tiempo tarda en notarse?<\/h4>\r\n <p class=\"text-gray-600\">Los anuncios y WhatsApp generan movimiento r\u00e1pido (d\u00edas). El SEO y la autoridad, meses. Buscamos el equilibrio.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfPuedo empezar por un m\u00f3dulo y luego ampliar?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed, si hay un cuello de botella claro. Pero el objetivo final siempre debe ser conectar todo el sistema para maximizar resultados.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfAtend\u00e9is por WhatsApp o llamada?<\/h4>\r\n <p class=\"text-gray-600\">WhatsApp para el d\u00eda a d\u00eda (agilidad absoluta), llamadas agendadas para estrategia y revisiones de resultados.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTrabaj\u00e1is Espa\u00f1a y Am\u00e9rica?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Tenemos clientes en Espa\u00f1a, EEUU, Argentina, M\u00e9xico, Per\u00fa y Chile. Todo 100% remoto y fluido.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-24 bg-negro-genia text-white text-center !bg-black !text-white\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white !text-white\">\u00bfTu negocio est\u00e1 listo para crecer de verdad?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Deja de improvisar. Hablemos y veamos si podemos implementar el sistema en tu ciudad.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web%20(Transformacion)\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-5 bg-[#00BF63] text-white rounded-full font-bold text-xl hover:bg-[#00A854] transition-transform hover:scale-105 shadow-xl shadow-green-900\/20 no-underline\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p class=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n \r\n <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n \r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ Inicializar iconos Lucide\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n \r\n \/\/ L\u00f3gica Header Scroll\r\n const header = document.getElementById('main-header');\r\n const logoText = document.getElementById('logo-text');\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 20) {\r\n \/\/ Estado Scrolled (Fondo Blanco)\r\n header.style.backgroundColor = '#FFFFFF';\r\n header.style.borderBottom = '1px solid #f3f4f6';\r\n header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n \r\n if(logoText) logoText.style.color = '#000000';\r\n if(mobileBtn) mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n \/\/ En esta p\u00e1gina el header est\u00e1 sobre fondo negro (Hero)\r\n if(logoText) logoText.style.color = '#ffffff';\r\n if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n }\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n breakouts.forEach(el => {\r\n let parent = el.parentElement;\r\n while (parent && parent !== document.body) {\r\n const style = window.getComputedStyle(parent);\r\n \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n parent.style.setProperty('overflow', 'visible', 'important');\r\n parent.style.setProperty('overflow-x', 'visible', 'important');\r\n parent.style.setProperty('overflow-y', 'visible', 'important');\r\n \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n parent.style.setProperty('max-width', 'none', 'important');\r\n parent.style.setProperty('width', 'auto', 'important');\r\n }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n const viewportWidth = window.innerWidth;\r\n \r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n el.style.setProperty('left', 'auto', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '0', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('width', '100%', 'important');\r\n el.style.setProperty('max-width', '100%', 'important');\r\n el.style.setProperty('transform', 'none', 'important');\r\n el.style.setProperty('position', 'relative', 'important');\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n \/\/ Aplicar correcci\u00f3n\r\n el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('left', '0', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n });\r\n }\r\n\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Transformaci\u00f3n Digital Completa | Sistema GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Sistema Completo 360\u00b0 Transformaci\u00f3n Digital para Negocios Locales de Servicios Unimos Google, Redes, Web, Publicidad y Automatizaci\u00f3n en un solo sistema conectado para llenar tu agenda de forma predecible. Deja de perseguir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/comments?post=1334"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1334\/revisions"}],"predecessor-version":[{"id":1435,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1334\/revisions\/1435"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Transformaci\u00f3n Digital Completa | Sistema GenIA<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n \/* 1. Reset Global del Wrapper *\/\r\n .genia-wrapper { \r\n font-family: 'Manrope', sans-serif !important; \r\n line-height: 1.5 !important; \r\n color: #000000 !important;\r\n background-color: #ffffff !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important; \r\n font-size: 16px !important;\r\n text-align: left !important;\r\n }\r\n \r\n .genia-wrapper * {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* 2. Hack para romper el contenedor de WordPress\/Elementor (CSS Fallback) *\/\r\n .genia-section-breakout {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n max-width: 100vw !important;\r\n overflow: hidden !important;\r\n transform: none !important;\r\n }\r\n\r\n \/* 3. Estilos de Texto y Elementos - TODO EN NEGRITA *\/\r\n .genia-wrapper h1, .genia-wrapper h2, .genia-wrapper h3, .genia-wrapper h4 { \r\n font-weight: 800 !important; \r\n color: #000000 !important;\r\n margin-top: 0 !important; \r\n margin-bottom: 0.5em !important; \r\n line-height: 1.2 !important; \r\n }\r\n .genia-wrapper p, .genia-wrapper span, .genia-wrapper li { \r\n font-weight: 700 !important; \r\n color: #374151 !important; \r\n }\r\n .genia-wrapper strong, .genia-wrapper b {\r\n font-weight: 800 !important;\r\n color: inherit !important;\r\n }\r\n \r\n .genia-wrapper a { \r\n text-decoration: none !important; \r\n font-weight: 700 !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: none !important; \r\n border-bottom: none !important;\r\n }\r\n .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n \/* COLORES GENIA - FORZAR VISIBILIDAD *\/\r\n .text-verde-genia, .text-\\[\\#00BF63\\] { color: #00BF63 !important; }\r\n .bg-verde-genia, .bg-\\[\\#00BF63\\] { background-color: #00BF63 !important; }\r\n \r\n \/* EXCEPCIONES DE COLOR (Para que el negro no pise al blanco en secciones oscuras) *\/\r\n .genia-wrapper .text-white, \r\n .genia-wrapper .text-blanco-genia,\r\n .genia-wrapper h1.text-white,\r\n .genia-wrapper h2.text-white,\r\n .genia-wrapper h3.text-white,\r\n .genia-wrapper h4.text-white { \r\n color: #FFFFFF !important; \r\n }\r\n \r\n \/* 4. Header Flotante *\/\r\n #main-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 2147483647 !important; \/* Max Z-Index *\/\r\n transition: all 0.3s ease !important;\r\n }\r\n body.admin-bar #main-header {\r\n top: 32px !important;\r\n }\r\n @media screen and (max-width: 782px) {\r\n body.admin-bar #main-header { top: 46px !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black font-sans antialiased\">\r\n<div class=\"genia-wrapper w-full overflow-x-hidden\">\r\n\r\n \r\n <header id=\"main-header\" class=\"fixed w-full top-0 z-[9999] bg-white border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n <span id=\"logo-text\" class=\"text-black transition-colors\" style=\"color: #000000;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n <\/a>\r\n \r\n \r\n <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\">\r\n <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"md:hidden flex items-center\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-black transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #000000; border: none !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n <div class=\"pt-4\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"genia-section-breakout relative bg-negro-genia text-white pt-24 pb-20 overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 right-0 w-2\/3 h-full bg-[#00BF63]\/10 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 flex flex-col items-center text-center\">\r\n <div class=\"max-w-4xl\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-[#00BF63]\/20 text-[#00BF63] font-bold text-xs tracking-wider mb-6 uppercase border border-[#00BF63]\/30\">Sistema Completo 360\u00b0<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold tracking-tight leading-tight mb-6 text-white !text-white\">\r\n Transformaci\u00f3n Digital para <span class=\"text-[#00BF63]\">Negocios Locales de Servicios<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-300 mb-8 leading-relaxed max-w-2xl mx-auto\">\r\n Unimos Google, Redes, Web, Publicidad y Automatizaci\u00f3n en un solo sistema conectado para llenar tu agenda de forma predecible.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-10 text-sm md:text-base\">\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Deja de perseguir clientes<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Automatiza el seguimiento<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Delega la tecnolog\u00eda<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Transformaci%C3%B3n%20Digital\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-[#00BF63] text-white rounded-lg font-bold text-lg hover:bg-[#00A854] transition-all shadow-lg hover:shadow-green-500\/30 no-underline\">\r\n Hablar por WhatsApp <i data-lucide=\"arrow-right\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/a>\r\n <button onclick=\"document.getElementById('modulos').scrollIntoView({behavior: 'smooth'})\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 text-white border border-white\/20 rounded-lg font-bold text-lg hover:bg-white\/20 transition-all border-solid cursor-pointer\">\r\n Ver qu\u00e9 incluye <i data-lucide=\"arrow-down\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500 mt-3 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-16 bg-white border-b border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\r\n \r\n <div class=\"bg-[#F0FDF4] p-8 rounded-2xl border border-green-100\">\r\n <h3 class=\"text-xl font-bold mb-6 flex items-center text-black\">\r\n <span class=\"bg-[#00BF63] text-white p-1 rounded-full mr-3\"><i data-lucide=\"check\" class=\"w-4 h-4\"><\/i><\/span>\r\n Para qui\u00e9n S\u00cd es este sistema\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Negocios f\u00edsicos o locales de servicios (cl\u00ednicas, reformas, legal, salud, est\u00e9tica...).\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Buscan captaci\u00f3n constante, no \"pelotazos\" de un d\u00eda.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Ya han probado acciones sueltas (web, postear) sin \u00e9xito real.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Quieren delegar la parte t\u00e9cnica en un equipo especializado.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100\">\r\n <h3 class=\"text-xl font-bold mb-6 flex items-center text-black\">\r\n <span class=\"bg-red-500 text-white p-1 rounded-full mr-3\"><i data-lucide=\"x\" class=\"w-4 h-4\"><\/i><\/span>\r\n Para qui\u00e9n NO es\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Ecommerce \/ Tiendas online de productos f\u00edsicos (dropshipping, stock, etc.).\r\n <\/li>\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Negocios 100% digitales sin base o servicio local.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Quien busca \"magia\" o resultados millonarios en 2 d\u00edas.\r\n <\/li>\r\n <li class=\"flex items-start text-gray-600\">\r\n <i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i>\r\n Quien solo compara precios y no valora tener un sistema.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-6 text-black\">El coste de tenerlo todo \"suelto\"<\/h2>\r\n <p class=\"text-gray-600 text-lg\">\r\n La mayor\u00eda de negocios locales fallan en digitalizaci\u00f3n no por falta de inversi\u00f3n, sino por falta de conexi\u00f3n.\r\n <\/p>\r\n <\/div>\r\n <div class=\"max-w-5xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Piezas desconectadas:<\/strong> Una web que no vende, redes que solo entretienen y anuncios que van a ning\u00fan sitio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Leads que se enfr\u00edan:<\/strong> Tardas horas en responder y el cliente ya ha llamado a tu competencia.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Seguimiento manual:<\/strong> Te pasas el d\u00eda pegado al WhatsApp repitiendo lo mismo una y otra vez.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-red-100\/50\">\r\n <div class=\"flex items-start\">\r\n <div class=\"text-red-500 mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-6 h-6\"><\/i><\/div>\r\n <p class=\"text-gray-700\"><strong>Dependencia externa:<\/strong> Vives del \"boca a boca\" (que no controlas) o de portales que te cobran comisiones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-bold text-center mb-16 text-black\">La Transformaci\u00f3n GenIA<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-0 border rounded-2xl overflow-hidden shadow-lg\">\r\n \r\n \r\n <div class=\"bg-gray-100 p-10 border-b md:border-b-0 md:border-r border-gray-200\">\r\n <h3 class=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Situaci\u00f3n Actual<\/h3>\r\n <ul class=\"space-y-6\">\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> Marketing disperso e improvisado.<\/li>\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> Captaci\u00f3n irregular (\"a rachas\").<\/li>\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> Mucho trabajo manual administrativo.<\/li>\r\n <li class=\"flex items-center text-gray-500 opacity-75\"><i data-lucide=\"x\" class=\"w-5 h-5 mr-4\"><\/i> No sabes qu\u00e9 funciona y qu\u00e9 no.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-negro-genia text-white p-10 relative overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 right-0 w-40 h-40 bg-[#00BF63]\/20 blur-[50px] rounded-full pointer-events-none\"><\/div>\r\n <h3 class=\"text-[#00BF63] font-bold uppercase tracking-widest text-sm mb-6\">Con el Sistema<\/h3>\r\n <ul class=\"space-y-6 relative z-10\">\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Sistema conectado y coherente.<\/li>\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Solicitudes constantes y predecibles.<\/li>\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Seguimiento automatizado 24\/7.<\/li>\r\n <li class=\"flex items-center font-medium\"><i data-lucide=\"check\" class=\"w-5 h-5 mr-4 text-[#00BF63]\"><\/i> Control total y claridad de m\u00e9tricas.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"modulos\" class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-black\">Qu\u00e9 incluye el sistema completo<\/h2>\r\n <p class=\"text-gray-600\">Todas las piezas necesarias, instaladas y conectadas en tu negocio.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"brain-circuit\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Estrategia Inicial Profunda<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Analizamos tu negocio, sector, cliente ideal y oferta para no dar palos de ciego.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"zap\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Oferta Irresistible y Mensaje<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Definimos qu\u00e9 vendes y c\u00f3mo lo cuentas para que te elijan a ti antes que a la competencia.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/diseno-web\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"layout-template\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Embudos y Landing Pages<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">P\u00e1ginas dise\u00f1adas para convertir visitas en leads, no solo para informar.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"globe\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">SEO Local y Posicionamiento<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estructura para que te encuentren en Google cuando busquen tu servicio en tu zona.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/seo-local-y-posicionamiento\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"map-pin\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Google Business Profile<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Optimizaci\u00f3n de tu ficha para salir en el mapa y generar llamadas locales.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/meta-ads\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"users\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Meta Ads (Captaci\u00f3n)<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Campa\u00f1as en Facebook\/Instagram para generar demanda proactiva de clientes.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/google-ads\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"search\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Google Ads (Intenci\u00f3n)<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Campa\u00f1as para captar a quien ya tiene la tarjeta en la mano y busca tu servicio.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/automatizaciones-ia\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"message-circle\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Automatizaci\u00f3n IA + WhatsApp<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Respuesta inmediata 24\/7, cualificaci\u00f3n de leads y seguimiento autom\u00e1tico.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/transformacion-digital-completa\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent hover:border-[#00BF63]\/20 no-underline group\">\r\n <div class=\"text-[#00BF63] mb-4 group-hover:scale-110 transition-transform\"><i data-lucide=\"bar-chart-3\" class=\"w-10 h-10\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Anal\u00edtica y Medici\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Panel de control para saber qu\u00e9 funciona, cu\u00e1nto cuesta un cliente y d\u00f3nde invertir.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold text-center mb-12 text-black\">C\u00f3mo trabajamos paso a paso<\/h2>\r\n \r\n <div class=\"space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-gray-200 before:to-transparent\">\r\n \r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">1<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Diagn\u00f3stico y Prioridades<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Entendemos d\u00f3nde est\u00e1s y qu\u00e9 piezas faltan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">2<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Construcci\u00f3n del Sistema<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Creamos y conectamos web, embudos y automatizaciones.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">3<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Activaci\u00f3n de Canales<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Lanzamos campa\u00f1as y optimizamos el posicionamiento org\u00e1nico.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\r\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-[#00BF63] text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 font-bold z-10\">4<\/div>\r\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-gray-50 p-6 rounded-xl border border-gray-100\">\r\n <h3 class=\"font-bold text-lg mb-1 text-black\">Optimizaci\u00f3n y Escalado<\/h3>\r\n <p class=\"text-gray-600 text-sm\">Medimos resultados y ajustamos para mejorar el coste por cliente.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mt-16 bg-black text-white p-8 rounded-2xl text-center\">\r\n <h3 class=\"font-bold text-xl mb-4 text-[#00BF63]\">Qu\u00e9 te pedimos para empezar<\/h3>\r\n <ul class=\"text-left max-w-md mx-auto space-y-3 text-gray-300\">\r\n <li class=\"flex items-start\"><i data-lucide=\"check\" class=\"mr-2 text-[#00BF63] shrink-0 w-5\"><\/i> Material base (fotos\/videos de tu negocio).<\/li>\r\n <li class=\"flex items-start\"><i data-lucide=\"check\" class=\"mr-2 text-[#00BF63] shrink-0 w-5\"><\/i> Acceso a tus activos actuales (si los tienes).<\/li>\r\n <li class=\"flex items-start\"><i data-lucide=\"check\" class=\"mr-2 text-[#00BF63] shrink-0 w-5\"><\/i> Compromiso para atender los leads que lleguen.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Ejemplos y evidencias<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-black aspect-video rounded-xl flex items-center justify-center relative overflow-hidden group cursor-pointer shadow-lg\">\r\n <div class=\"absolute inset-0 bg-white\/10 group-hover:bg-white\/5 transition-colors\"><\/div>\r\n <div class=\"w-16 h-16 bg-[#00BF63] rounded-full flex items-center justify-center pl-1 shadow-2xl scale-100 group-hover:scale-110 transition-transform\">\r\n <div class=\"w-0 h-0 border-t-[10px] border-t-transparent border-l-[18px] border-l-white border-b-[10px] border-b-transparent\"><\/div>\r\n <\/div>\r\n <span class=\"absolute bottom-4 left-4 text-white text-sm font-bold bg-black\/50 px-2 py-1 rounded\">Testimonio Cliente<\/span>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center relative overflow-hidden\">\r\n <div class=\"space-y-3 w-full max-w-[200px] opacity-50 blur-[1px]\">\r\n <div class=\"bg-green-100 p-2 rounded-lg rounded-tr-none ml-auto text-xs w-3\/4\">Hola, quiero cita para...<\/div>\r\n <div class=\"bg-gray-100 p-2 rounded-lg rounded-tl-none mr-auto text-xs w-3\/4\">\u00a1Claro! Nuestra IA te agenda...<\/div>\r\n <\/div>\r\n <div class=\"absolute inset-0 flex items-center justify-center bg-white\/60\">\r\n <span class=\"font-bold text-gray-800 border border-gray-300 bg-white px-4 py-2 rounded-lg shadow-sm\">Capturas de Conversi\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center relative overflow-hidden\">\r\n <div class=\"w-full h-32 bg-gradient-to-t from-green-100 to-white flex items-end justify-around px-4 opacity-50 blur-[1px]\">\r\n <div class=\"w-4 bg-green-300 h-1\/3 rounded-t\"><\/div>\r\n <div class=\"w-4 bg-green-400 h-1\/2 rounded-t\"><\/div>\r\n <div class=\"w-4 bg-green-500 h-2\/3 rounded-t\"><\/div>\r\n <div class=\"w-4 bg-[#00BF63] h-full rounded-t\"><\/div>\r\n <\/div>\r\n <div class=\"absolute inset-0 flex items-center justify-center bg-white\/60\">\r\n <span class=\"font-bold text-gray-800 border border-gray-300 bg-white px-4 py-2 rounded-lg shadow-sm\">M\u00e9tricas de Crecimiento<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-sm text-gray-500 mt-8 italic\">Algunos negocios prefieren mantener anonimato por estrategia competitiva.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-3xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold text-center mb-12 text-black\">Preguntas frecuentes<\/h2>\r\n <div class=\"space-y-6\">\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfYa prob\u00e9 agencias y no funcion\u00f3, por qu\u00e9 esto es distinto?<\/h4>\r\n <p class=\"text-gray-600\">Lo normal es que probaras servicios sueltos. Aqu\u00ed montamos el sistema completo. Si las piezas no conectan, no funciona.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfCu\u00e1nto tiempo tarda en notarse?<\/h4>\r\n <p class=\"text-gray-600\">Los anuncios y WhatsApp generan movimiento r\u00e1pido (d\u00edas). El SEO y la autoridad, meses. Buscamos el equilibrio.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfPuedo empezar por un m\u00f3dulo y luego ampliar?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed, si hay un cuello de botella claro. Pero el objetivo final siempre debe ser conectar todo el sistema para maximizar resultados.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfAtend\u00e9is por WhatsApp o llamada?<\/h4>\r\n <p class=\"text-gray-600\">WhatsApp para el d\u00eda a d\u00eda (agilidad absoluta), llamadas agendadas para estrategia y revisiones de resultados.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTrabaj\u00e1is Espa\u00f1a y Am\u00e9rica?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Tenemos clientes en Espa\u00f1a, EEUU, Argentina, M\u00e9xico, Per\u00fa y Chile. Todo 100% remoto y fluido.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-24 bg-negro-genia text-white text-center !bg-black !text-white\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white !text-white\">\u00bfTu negocio est\u00e1 listo para crecer de verdad?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Deja de improvisar. Hablemos y veamos si podemos implementar el sistema en tu ciudad.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web%20(Transformacion)\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-5 bg-[#00BF63] text-white rounded-full font-bold text-xl hover:bg-[#00A854] transition-transform hover:scale-105 shadow-xl shadow-green-900\/20 no-underline\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p class=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n \r\n <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n \r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ Inicializar iconos Lucide\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n \r\n \/\/ L\u00f3gica Header Scroll\r\n const header = document.getElementById('main-header');\r\n const logoText = document.getElementById('logo-text');\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 20) {\r\n \/\/ Estado Scrolled (Fondo Blanco)\r\n header.style.backgroundColor = '#FFFFFF';\r\n header.style.borderBottom = '1px solid #f3f4f6';\r\n header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n \r\n if(logoText) logoText.style.color = '#000000';\r\n if(mobileBtn) mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n \/\/ En esta p\u00e1gina el header est\u00e1 sobre fondo negro (Hero)\r\n if(logoText) logoText.style.color = '#ffffff';\r\n if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n }\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n breakouts.forEach(el => {\r\n let parent = el.parentElement;\r\n while (parent && parent !== document.body) {\r\n const style = window.getComputedStyle(parent);\r\n \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n parent.style.setProperty('overflow', 'visible', 'important');\r\n parent.style.setProperty('overflow-x', 'visible', 'important');\r\n parent.style.setProperty('overflow-y', 'visible', 'important');\r\n \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n parent.style.setProperty('max-width', 'none', 'important');\r\n parent.style.setProperty('width', 'auto', 'important');\r\n }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n const viewportWidth = window.innerWidth;\r\n \r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n el.style.setProperty('left', 'auto', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '0', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('width', '100%', 'important');\r\n el.style.setProperty('max-width', '100%', 'important');\r\n el.style.setProperty('transform', 'none', 'important');\r\n el.style.setProperty('position', 'relative', 'important');\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n \/\/ Aplicar correcci\u00f3n\r\n el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('left', '0', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n });\r\n }\r\n\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Transformaci\u00f3n Digital Completa | Sistema GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Sistema Completo 360\u00b0 Transformaci\u00f3n Digital para Negocios Locales de Servicios Unimos Google, Redes, Web, Publicidad y Automatizaci\u00f3n en un solo sistema conectado para llenar tu agenda de forma predecible. Deja de perseguir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/comments?post=1334"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1334\/revisions"}],"predecessor-version":[{"id":1435,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1334\/revisions\/1435"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}