Sobre GenIA | Fundadores David y Alex Torres<\/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\r\n \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 Ancho Completo (Breakout) *\/\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 }\r\n\r\n \/* 3. Estilos Base - 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 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 *\/\r\n .text-verde-genia { color: #00BF63 !important; }\r\n .bg-verde-genia { background-color: #00BF63 !important; }\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: 999999 !important;\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\r\n \/* 5. Ajustes de Texto Hero Espec\u00edfico *\/\r\n .about-hero-title { \r\n font-size: 1.8rem !important; \r\n line-height: 1.2 !important;\r\n } \r\n .about-hero-desc { \r\n font-size: 1rem !important; \r\n }\r\n \r\n @media (min-width: 768px) {\r\n .about-hero-title { font-size: 2.75rem !important; }\r\n .about-hero-desc { font-size: 1.1rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black antialiased\">\r\n\r\n<div class=\"genia-wrapper\">\r\n\r\n \r\n <header id=\"main-header\" class=\"bg-transparent border-b border-white\/10\" style=\"background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.1);\">\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\" style=\"display: flex !important; justify-content: space-between !important; align-items: center !important; height: 5rem !important;\">\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-white transition-colors\" style=\"color: #ffffff;\">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\" style=\"display: none;\">\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-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">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\" style=\"display: flex;\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-white transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #ffffff; 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-black text-white pt-28 pb-16 overflow-hidden\" style=\"background-color: #000000 !important; padding-top: 7rem !important; padding-bottom: 4rem !important;\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-[#00BF63]\/5 blur-[120px] 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\">\r\n <div class=\"flex flex-col md:flex-row items-center gap-10 lg:gap-16\">\r\n \r\n \r\n <div class=\"w-full md:w-5\/12 flex justify-center md:justify-end order-1 md:order-1\">\r\n <div class=\"relative w-full max-w-sm rounded-2xl border border-white\/10 overflow-hidden shadow-2xl flex items-center justify-center group\" style=\"background-color: #1f2937 !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n \r\n \r\n <img decoding=\"async\" \r\n src=\"https:\/\/placehold.co\/600x750\/1f2937\/ffffff?text=SUBIR+FOTO+AQUI\" \r\n alt=\"Fundadores GenIA David y Alex\" \r\n class=\"object-cover w-full h-auto\"\r\n style=\"width: 100% !important; height: auto !important; display: block !important;\"\r\n \/>\r\n \r\n \r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-6 z-20 bg-gradient-to-t from-black\/90 to-transparent\">\r\n <p class=\"text-white font-bold text-xl !text-white mb-0\">David & Alex Torres<\/p>\r\n <p class=\"text-[#00BF63] text-sm uppercase tracking-wider font-semibold mt-1\">Fundadores GenIA<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-7\/12 order-2 md:order-2\">\r\n <h1 class=\"about-hero-title font-bold tracking-tight leading-tight mb-5 text-white !text-white\" style=\"color: #ffffff !important; font-weight: 700 !important;\">\r\n Unimos experiencia operativa y visi\u00f3n digital para que tu negocio funcione\r\n <\/h1>\r\n <p class=\"about-hero-desc text-gray-300 mb-8 leading-relaxed max-w-2xl\" style=\"color: #d1d5db !important;\">\r\n Existimos para ayudar a negocios locales de servicios a dejar de improvisar. \r\n Creamos sistemas de captaci\u00f3n predecibles donde antes solo hab\u00eda ruido y tareas sueltas.\r\n <\/p>\r\n\r\n <div class=\"space-y-5 mb-8 border-l-2 border-[#00BF63]\/30 pl-5\" style=\"border-left: 2px solid rgba(0, 191, 99, 0.3) !important;\">\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white mb-1 !text-white\" style=\"color: #ffffff !important;\">David Torres<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">\r\n Experiencia gestionando empresas y viviendo la presi\u00f3n operativa del negocio tradicional desde dentro.\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white mb-1 !text-white\" style=\"color: #ffffff !important;\">Alex Torres<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">\r\n <span class=\"text-[#00BF63] font-semibold\" style=\"color: #00BF63 !important;\">MBA enfocado a negocios digitales.<\/span> Especialista en sistemas, embudos y automatizaci\u00f3n de procesos.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row items-start sm:items-center gap-4\" style=\"display: flex; gap: 1rem; align-items: flex-start;\">\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20la%20p%C3%A1gina%20Sobre%20Nosotros\" target=\"_blank\" class=\"inline-flex items-center px-8 py-3.5 bg-[#00BF63] text-white rounded-lg font-bold hover:bg-[#00A854] transition-all shadow-lg hover:shadow-green-500\/20 no-underline\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex; align-items: center;\">\r\n Hablar por WhatsApp \r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2\" style=\"margin-left: 8px;\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n \r\n \r\n <span class=\"text-xs text-gray-500 flex items-center\" style=\"color: #6b7280 !important; display: flex; align-items: center;\">\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-1\" style=\"margin-right: 4px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n Respuesta en menos de 24h\r\n <\/span>\r\n <\/div>\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-white\" style=\"background-color: #ffffff !important; padding-top: 5rem !important; padding-bottom: 5rem !important;\">\r\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-bold mb-8 text-black\" style=\"color: #000000 !important; font-weight: 700 !important;\">Por qu\u00e9 nace GenIA<\/h2>\r\n <div class=\"text-gray-600 leading-relaxed space-y-6 text-lg\" style=\"color: #4b5563 !important; font-size: 1.125rem !important;\">\r\n <p style=\"margin-bottom: 1.5rem !important; color: #374151 !important; font-weight: 400 !important;\">\r\n Durante a\u00f1os vimos el mismo patr\u00f3n: negocios excelentes en su servicio que sufr\u00edan para captar clientes online. Contrataban una web por un lado, un community manager por otro y anuncios cuando hab\u00eda urgencia.\r\n <\/p>\r\n <p style=\"margin-bottom: 1.5rem !important; color: #374151 !important; font-weight: 400 !important;\">\r\n El resultado siempre era el mismo: piezas sueltas que no encajaban. David, desde su experiencia en la gesti\u00f3n operativa tradicional, sab\u00eda que un negocio no vive de \"likes\", sino de clientes y margen. Alex, form\u00e1ndose con un MBA digital y especializ\u00e1ndose en sistemas, entend\u00eda que la tecnolog\u00eda deb\u00eda servir para vender, no para decorar.\r\n <\/p>\r\n <p style=\"margin-bottom: 1.5rem !important; color: #374151 !important; font-weight: 400 !important;\">\r\n Unimos ambas visiones para crear GenIA. No somos una agencia creativa. Somos un socio estrat\u00e9gico que construye el sistema completo (captaci\u00f3n, conversi\u00f3n y venta) para que t\u00fa te dediques a dar el servicio.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5] border-y border-gray-100\" style=\"background-color: #F5F5F5 !important; border-top: 1px solid #f3f4f6; border-bottom: 1px solid #f3f4f6;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-4 text-black\" style=\"color: #000000 !important;\">Nuestra forma de trabajar<\/h2>\r\n <p class=\"text-gray-600\" style=\"color: #4b5563 !important;\">Menos humo, m\u00e1s estructura.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n \r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><path d=\"M19.439 7.85c0 .042 0 .083 0 .125 0 5.372-4.09 11.566-11.566 11.566-2.296 0-4.433-.673-6.258-1.83 2.147.253 4.33-.318 6.04-1.66-1.782-.033-3.29-1.213-3.807-2.836.577.11 1.173.088 1.737-.066-1.936-.39-3.32-2.1-3.32-4.08v-.052c.57.317 1.22.508 1.91.53-1.786-1.194-2.35-3.567-1.254-5.467 2.086 2.56 5.203 4.246 8.717 4.423-.537-2.316 1.207-4.57 3.522-4.57 1.042 0 1.983.44 2.642 1.144.823-.162 1.597-.463 2.298-.878-.27.845-.844 1.556-1.59 2.003.731-.087 1.43-.28 2.078-.57-.485.726-1.096 1.353-1.804 1.865z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">Sistema completo<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">No ponemos parches. Conectamos web, anuncios y ventas en un solo engranaje.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"\/><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"\/><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">M\u00e9tricas reales<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">Medimos solicitudes y costes, no m\u00e9tricas de vanidad como seguidores o likes.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">Implementaci\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">No te damos un PDF con ideas. Lo construimos, lo lanzamos y lo optimizamos.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">Claridad total<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">Sabr\u00e1s en todo momento qu\u00e9 se est\u00e1 haciendo, por qu\u00e9 y qu\u00e9 retorno genera.<\/p>\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-white\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"max-w-6xl 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 \r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-8 flex items-center\" style=\"color: #000000 !important; font-weight: 700 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"p-2 rounded-lg mr-3\" style=\"background-color: rgba(0,191,99,0.1) !important; color: #00BF63 !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; width: 40px !important; height: 40px !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n Lo que hacemos\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Construir sistemas conectados: Google + Redes + Web + Automatizaci\u00f3n + Campa\u00f1as.<\/span>\r\n <\/li>\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Generar solicitudes cualificadas directas a tu WhatsApp o agenda.<\/span>\r\n <\/li>\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Optimizar la reputaci\u00f3n y autoridad de tu marca en tu zona.<\/span>\r\n <\/li>\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Liberar tu tiempo operativo mediante tecnolog\u00eda y procesos.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-8 flex items-center\" style=\"color: #9ca3af !important; font-weight: 700 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"p-2 rounded-lg mr-3\" style=\"background-color: #f3f4f6 !important; color: #ef4444 !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; width: 40px !important; height: 40px !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n Lo que NO hacemos\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Vender \"solo una web\" o \"packs de posts\" sin estrategia detr\u00e1s.<\/span>\r\n <\/li>\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Prometer resultados m\u00e1gicos inmediatos sin inversi\u00f3n ni trabajo.<\/span>\r\n <\/li>\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Trabajar con ecommerce de productos f\u00edsicos (no es nuestro foco).<\/span>\r\n <\/li>\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Competir por precio. Trabajamos por valor y sistema.<\/span>\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-black text-white\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-8 text-white\" style=\"color: #ffffff !important;\">C\u00f3mo ejecutamos: Modelo eficiente<\/h2>\r\n <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 md:p-12 text-left md:text-center\" style=\"background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n <p class=\"text-xl text-gray-300 mb-8 leading-relaxed\" style=\"color: #d1d5db !important;\">\r\n En GenIA, nosotros (David y Alex) somos tu <span class=\"text-[#00BF63] font-bold\" style=\"color: #00BF63 !important;\">n\u00facleo estrat\u00e9gico<\/span>. \r\n Dise\u00f1amos el plan, la arquitectura y supervisamos cada paso.\r\n <\/p>\r\n <p class=\"text-gray-400 text-sm max-w-2xl mx-auto mb-8\" style=\"color: #9ca3af !important;\">\r\n Para la ejecuci\u00f3n t\u00e9cnica espec\u00edfica, coordinamos una red de especialistas de confianza que trabajan bajo nuestra direcci\u00f3n. \r\n Esto nos permite ser \u00e1giles, no inflar costes estructurales y darte siempre el mejor resultado sin que t\u00fa tengas que gestionar a nadie.\r\n <\/p>\r\n <div class=\"inline-block bg-[#00BF63]\/20 text-[#00BF63] px-4 py-2 rounded-lg text-sm font-bold border border-[#00BF63]\/30\" style=\"background-color: rgba(0, 191, 99, 0.2) !important; color: #00BF63 !important; border: 1px solid rgba(0, 191, 99, 0.3) !important;\">\r\n T\u00fa tienes un solo punto de contacto y responsabilidad total.\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 border-b border-gray-100\" style=\"background-color: #ffffff !important; border-bottom: 1px solid #f3f4f6 !important;\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <div class=\"inline-flex items-center justify-center p-4 bg-gray-50 rounded-full mb-6\" style=\"background-color: #f9fafb !important; display: inline-flex !important; align-items: center !important;\">\r\n \r\n <span class=\"text-black mr-3\" style=\"color: #000000 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important; color: #000000 !important;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/span>\r\n <span class=\"font-bold text-lg text-gray-900\" style=\"color: #111827 !important;\">Alcance Global, Atenci\u00f3n Cercana<\/span>\r\n <\/div>\r\n <p class=\"text-xl text-gray-600 max-w-2xl mx-auto\" style=\"color: #4b5563 !important;\">\r\n Aunque nuestra sede est\u00e1 en Ibiza (Espa\u00f1a), trabajamos de forma 100% remota con clientes en \r\n <span class=\"font-bold text-black\" style=\"color: #000000 !important;\"> Espa\u00f1a, Estados Unidos, Argentina, M\u00e9xico, Per\u00fa y Chile.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-24 bg-[#F5F5F5] text-center\" style=\"background-color: #F5F5F5 !important;\">\r\n <div class=\"max-w-3xl mx-auto px-4\">\r\n \r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6 text-black\" style=\"color: #000000 !important; font-weight: 700 !important; opacity: 1 !important; visibility: visible !important;\">\u00bfHablamos de tu negocio?<\/h2>\r\n <p class=\"text-lg text-gray-600 mb-10\" style=\"color: #4b5563 !important;\">\r\n Si te encaja nuestra filosof\u00eda y quieres ver si podemos ayudarte, escr\u00edbenos. Sin compromiso, de profesional a profesional.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20la%20p%C3%A1gina%20Sobre%20Nosotros\" target=\"_blank\" class=\"inline-flex items-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\/10 no-underline\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n \r\n <div class=\"mt-6 flex flex-col items-center space-y-2\">\r\n <p class=\"text-xs text-gray-500 flex items-center\" style=\"color: #6b7280 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"mr-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\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%20la%20p%C3%A1gina%20Sobre%20Nosotros\" 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\r\n<\/div>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\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 logoText.style.color = '#000000';\r\n 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 logoText.style.color = '#ffffff';\r\n 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 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 \/\/ 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\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 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 }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n si el CSS falla (fallback JS)\r\n const viewportWidth = window.innerWidth;\r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos inline para medir la posici\u00f3n natural\r\n el.style.marginLeft = '0px';\r\n el.style.left = '0px';\r\n el.style.width = '100%';\r\n el.style.maxWidth = '100%';\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left;\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('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', '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<\/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>Sobre GenIA | Fundadores David y Alex Torres GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp David & Alex Torres Fundadores GenIA Unimos experiencia operativa y visi\u00f3n digital para que tu negocio funcione Existimos para ayudar a negocios locales de servicios a dejar de improvisar. Creamos […]<\/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-1329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1329","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=1329"}],"version-history":[{"count":13,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1329\/revisions"}],"predecessor-version":[{"id":1458,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1329\/revisions\/1458"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1329"}],"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 Sobre GenIA | Fundadores David y Alex Torres<\/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\r\n \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 Ancho Completo (Breakout) *\/\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 }\r\n\r\n \/* 3. Estilos Base - 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 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 *\/\r\n .text-verde-genia { color: #00BF63 !important; }\r\n .bg-verde-genia { background-color: #00BF63 !important; }\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: 999999 !important;\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\r\n \/* 5. Ajustes de Texto Hero Espec\u00edfico *\/\r\n .about-hero-title { \r\n font-size: 1.8rem !important; \r\n line-height: 1.2 !important;\r\n } \r\n .about-hero-desc { \r\n font-size: 1rem !important; \r\n }\r\n \r\n @media (min-width: 768px) {\r\n .about-hero-title { font-size: 2.75rem !important; }\r\n .about-hero-desc { font-size: 1.1rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black antialiased\">\r\n\r\n<div class=\"genia-wrapper\">\r\n\r\n \r\n <header id=\"main-header\" class=\"bg-transparent border-b border-white\/10\" style=\"background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.1);\">\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\" style=\"display: flex !important; justify-content: space-between !important; align-items: center !important; height: 5rem !important;\">\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-white transition-colors\" style=\"color: #ffffff;\">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\" style=\"display: none;\">\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-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">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\" style=\"display: flex;\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-white transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #ffffff; 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-black text-white pt-28 pb-16 overflow-hidden\" style=\"background-color: #000000 !important; padding-top: 7rem !important; padding-bottom: 4rem !important;\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-[#00BF63]\/5 blur-[120px] 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\">\r\n <div class=\"flex flex-col md:flex-row items-center gap-10 lg:gap-16\">\r\n \r\n \r\n <div class=\"w-full md:w-5\/12 flex justify-center md:justify-end order-1 md:order-1\">\r\n <div class=\"relative w-full max-w-sm rounded-2xl border border-white\/10 overflow-hidden shadow-2xl flex items-center justify-center group\" style=\"background-color: #1f2937 !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n \r\n \r\n <img decoding=\"async\" \r\n src=\"https:\/\/placehold.co\/600x750\/1f2937\/ffffff?text=SUBIR+FOTO+AQUI\" \r\n alt=\"Fundadores GenIA David y Alex\" \r\n class=\"object-cover w-full h-auto\"\r\n style=\"width: 100% !important; height: auto !important; display: block !important;\"\r\n \/>\r\n \r\n \r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-6 z-20 bg-gradient-to-t from-black\/90 to-transparent\">\r\n <p class=\"text-white font-bold text-xl !text-white mb-0\">David & Alex Torres<\/p>\r\n <p class=\"text-[#00BF63] text-sm uppercase tracking-wider font-semibold mt-1\">Fundadores GenIA<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-7\/12 order-2 md:order-2\">\r\n <h1 class=\"about-hero-title font-bold tracking-tight leading-tight mb-5 text-white !text-white\" style=\"color: #ffffff !important; font-weight: 700 !important;\">\r\n Unimos experiencia operativa y visi\u00f3n digital para que tu negocio funcione\r\n <\/h1>\r\n <p class=\"about-hero-desc text-gray-300 mb-8 leading-relaxed max-w-2xl\" style=\"color: #d1d5db !important;\">\r\n Existimos para ayudar a negocios locales de servicios a dejar de improvisar. \r\n Creamos sistemas de captaci\u00f3n predecibles donde antes solo hab\u00eda ruido y tareas sueltas.\r\n <\/p>\r\n\r\n <div class=\"space-y-5 mb-8 border-l-2 border-[#00BF63]\/30 pl-5\" style=\"border-left: 2px solid rgba(0, 191, 99, 0.3) !important;\">\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white mb-1 !text-white\" style=\"color: #ffffff !important;\">David Torres<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">\r\n Experiencia gestionando empresas y viviendo la presi\u00f3n operativa del negocio tradicional desde dentro.\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white mb-1 !text-white\" style=\"color: #ffffff !important;\">Alex Torres<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">\r\n <span class=\"text-[#00BF63] font-semibold\" style=\"color: #00BF63 !important;\">MBA enfocado a negocios digitales.<\/span> Especialista en sistemas, embudos y automatizaci\u00f3n de procesos.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row items-start sm:items-center gap-4\" style=\"display: flex; gap: 1rem; align-items: flex-start;\">\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20la%20p%C3%A1gina%20Sobre%20Nosotros\" target=\"_blank\" class=\"inline-flex items-center px-8 py-3.5 bg-[#00BF63] text-white rounded-lg font-bold hover:bg-[#00A854] transition-all shadow-lg hover:shadow-green-500\/20 no-underline\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex; align-items: center;\">\r\n Hablar por WhatsApp \r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2\" style=\"margin-left: 8px;\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n \r\n \r\n <span class=\"text-xs text-gray-500 flex items-center\" style=\"color: #6b7280 !important; display: flex; align-items: center;\">\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-1\" style=\"margin-right: 4px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n Respuesta en menos de 24h\r\n <\/span>\r\n <\/div>\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-white\" style=\"background-color: #ffffff !important; padding-top: 5rem !important; padding-bottom: 5rem !important;\">\r\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-bold mb-8 text-black\" style=\"color: #000000 !important; font-weight: 700 !important;\">Por qu\u00e9 nace GenIA<\/h2>\r\n <div class=\"text-gray-600 leading-relaxed space-y-6 text-lg\" style=\"color: #4b5563 !important; font-size: 1.125rem !important;\">\r\n <p style=\"margin-bottom: 1.5rem !important; color: #374151 !important; font-weight: 400 !important;\">\r\n Durante a\u00f1os vimos el mismo patr\u00f3n: negocios excelentes en su servicio que sufr\u00edan para captar clientes online. Contrataban una web por un lado, un community manager por otro y anuncios cuando hab\u00eda urgencia.\r\n <\/p>\r\n <p style=\"margin-bottom: 1.5rem !important; color: #374151 !important; font-weight: 400 !important;\">\r\n El resultado siempre era el mismo: piezas sueltas que no encajaban. David, desde su experiencia en la gesti\u00f3n operativa tradicional, sab\u00eda que un negocio no vive de \"likes\", sino de clientes y margen. Alex, form\u00e1ndose con un MBA digital y especializ\u00e1ndose en sistemas, entend\u00eda que la tecnolog\u00eda deb\u00eda servir para vender, no para decorar.\r\n <\/p>\r\n <p style=\"margin-bottom: 1.5rem !important; color: #374151 !important; font-weight: 400 !important;\">\r\n Unimos ambas visiones para crear GenIA. No somos una agencia creativa. Somos un socio estrat\u00e9gico que construye el sistema completo (captaci\u00f3n, conversi\u00f3n y venta) para que t\u00fa te dediques a dar el servicio.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5] border-y border-gray-100\" style=\"background-color: #F5F5F5 !important; border-top: 1px solid #f3f4f6; border-bottom: 1px solid #f3f4f6;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-4 text-black\" style=\"color: #000000 !important;\">Nuestra forma de trabajar<\/h2>\r\n <p class=\"text-gray-600\" style=\"color: #4b5563 !important;\">Menos humo, m\u00e1s estructura.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n \r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><path d=\"M19.439 7.85c0 .042 0 .083 0 .125 0 5.372-4.09 11.566-11.566 11.566-2.296 0-4.433-.673-6.258-1.83 2.147.253 4.33-.318 6.04-1.66-1.782-.033-3.29-1.213-3.807-2.836.577.11 1.173.088 1.737-.066-1.936-.39-3.32-2.1-3.32-4.08v-.052c.57.317 1.22.508 1.91.53-1.786-1.194-2.35-3.567-1.254-5.467 2.086 2.56 5.203 4.246 8.717 4.423-.537-2.316 1.207-4.57 3.522-4.57 1.042 0 1.983.44 2.642 1.144.823-.162 1.597-.463 2.298-.878-.27.845-.844 1.556-1.59 2.003.731-.087 1.43-.28 2.078-.57-.485.726-1.096 1.353-1.804 1.865z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">Sistema completo<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">No ponemos parches. Conectamos web, anuncios y ventas en un solo engranaje.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"\/><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"\/><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">M\u00e9tricas reales<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">Medimos solicitudes y costes, no m\u00e9tricas de vanidad como seguidores o likes.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">Implementaci\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">No te damos un PDF con ideas. Lo construimos, lo lanzamos y lo optimizamos.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"w-12 h-12 bg-black text-white rounded-lg flex items-center justify-center mb-6\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ffffff !important; color: #ffffff !important;\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-3 text-black\" style=\"color: #000000 !important;\">Claridad total<\/h3>\r\n <p class=\"text-sm text-gray-600\" style=\"color: #4b5563 !important;\">Sabr\u00e1s en todo momento qu\u00e9 se est\u00e1 haciendo, por qu\u00e9 y qu\u00e9 retorno genera.<\/p>\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-white\" style=\"background-color: #ffffff !important;\">\r\n <div class=\"max-w-6xl 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 \r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-8 flex items-center\" style=\"color: #000000 !important; font-weight: 700 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"p-2 rounded-lg mr-3\" style=\"background-color: rgba(0,191,99,0.1) !important; color: #00BF63 !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; width: 40px !important; height: 40px !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n Lo que hacemos\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Construir sistemas conectados: Google + Redes + Web + Automatizaci\u00f3n + Campa\u00f1as.<\/span>\r\n <\/li>\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Generar solicitudes cualificadas directas a tu WhatsApp o agenda.<\/span>\r\n <\/li>\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Optimizar la reputaci\u00f3n y autoridad de tu marca en tu zona.<\/span>\r\n <\/li>\r\n <li style=\"background-color: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 0.5rem !important; padding: 1rem !important; display: flex !important; align-items: flex-start !important; margin-bottom: 1rem !important;\">\r\n <span style=\"color: #00BF63 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #00BF63 !important;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #1f2937 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Liberar tu tiempo operativo mediante tecnolog\u00eda y procesos.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-8 flex items-center\" style=\"color: #9ca3af !important; font-weight: 700 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"p-2 rounded-lg mr-3\" style=\"background-color: #f3f4f6 !important; color: #ef4444 !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; width: 40px !important; height: 40px !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n Lo que NO hacemos\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Vender \"solo una web\" o \"packs de posts\" sin estrategia detr\u00e1s.<\/span>\r\n <\/li>\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Prometer resultados m\u00e1gicos inmediatos sin inversi\u00f3n ni trabajo.<\/span>\r\n <\/li>\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Trabajar con ecommerce de productos f\u00edsicos (no es nuestro foco).<\/span>\r\n <\/li>\r\n <li style=\"border-bottom: 1px solid #e5e7eb !important; padding-bottom: 1rem !important; margin-bottom: 1rem !important; display: flex !important; align-items: flex-start !important;\">\r\n <span style=\"color: #ef4444 !important; margin-right: 0.75rem !important; margin-top: 0.125rem !important; flex-shrink: 0 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #ef4444 !important;\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n <\/span>\r\n <span style=\"color: #6b7280 !important; font-size: 0.875rem !important; line-height: 1.25rem !important;\">Competir por precio. Trabajamos por valor y sistema.<\/span>\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-black text-white\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-8 text-white\" style=\"color: #ffffff !important;\">C\u00f3mo ejecutamos: Modelo eficiente<\/h2>\r\n <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 md:p-12 text-left md:text-center\" style=\"background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n <p class=\"text-xl text-gray-300 mb-8 leading-relaxed\" style=\"color: #d1d5db !important;\">\r\n En GenIA, nosotros (David y Alex) somos tu <span class=\"text-[#00BF63] font-bold\" style=\"color: #00BF63 !important;\">n\u00facleo estrat\u00e9gico<\/span>. \r\n Dise\u00f1amos el plan, la arquitectura y supervisamos cada paso.\r\n <\/p>\r\n <p class=\"text-gray-400 text-sm max-w-2xl mx-auto mb-8\" style=\"color: #9ca3af !important;\">\r\n Para la ejecuci\u00f3n t\u00e9cnica espec\u00edfica, coordinamos una red de especialistas de confianza que trabajan bajo nuestra direcci\u00f3n. \r\n Esto nos permite ser \u00e1giles, no inflar costes estructurales y darte siempre el mejor resultado sin que t\u00fa tengas que gestionar a nadie.\r\n <\/p>\r\n <div class=\"inline-block bg-[#00BF63]\/20 text-[#00BF63] px-4 py-2 rounded-lg text-sm font-bold border border-[#00BF63]\/30\" style=\"background-color: rgba(0, 191, 99, 0.2) !important; color: #00BF63 !important; border: 1px solid rgba(0, 191, 99, 0.3) !important;\">\r\n T\u00fa tienes un solo punto de contacto y responsabilidad total.\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 border-b border-gray-100\" style=\"background-color: #ffffff !important; border-bottom: 1px solid #f3f4f6 !important;\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <div class=\"inline-flex items-center justify-center p-4 bg-gray-50 rounded-full mb-6\" style=\"background-color: #f9fafb !important; display: inline-flex !important; align-items: center !important;\">\r\n \r\n <span class=\"text-black mr-3\" style=\"color: #000000 !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important; color: #000000 !important;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/span>\r\n <span class=\"font-bold text-lg text-gray-900\" style=\"color: #111827 !important;\">Alcance Global, Atenci\u00f3n Cercana<\/span>\r\n <\/div>\r\n <p class=\"text-xl text-gray-600 max-w-2xl mx-auto\" style=\"color: #4b5563 !important;\">\r\n Aunque nuestra sede est\u00e1 en Ibiza (Espa\u00f1a), trabajamos de forma 100% remota con clientes en \r\n <span class=\"font-bold text-black\" style=\"color: #000000 !important;\"> Espa\u00f1a, Estados Unidos, Argentina, M\u00e9xico, Per\u00fa y Chile.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-24 bg-[#F5F5F5] text-center\" style=\"background-color: #F5F5F5 !important;\">\r\n <div class=\"max-w-3xl mx-auto px-4\">\r\n \r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6 text-black\" style=\"color: #000000 !important; font-weight: 700 !important; opacity: 1 !important; visibility: visible !important;\">\u00bfHablamos de tu negocio?<\/h2>\r\n <p class=\"text-lg text-gray-600 mb-10\" style=\"color: #4b5563 !important;\">\r\n Si te encaja nuestra filosof\u00eda y quieres ver si podemos ayudarte, escr\u00edbenos. Sin compromiso, de profesional a profesional.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20la%20p%C3%A1gina%20Sobre%20Nosotros\" target=\"_blank\" class=\"inline-flex items-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\/10 no-underline\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n \r\n <div class=\"mt-6 flex flex-col items-center space-y-2\">\r\n <p class=\"text-xs text-gray-500 flex items-center\" style=\"color: #6b7280 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"mr-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\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%20la%20p%C3%A1gina%20Sobre%20Nosotros\" 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\r\n<\/div>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\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 logoText.style.color = '#000000';\r\n 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 logoText.style.color = '#ffffff';\r\n 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 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 \/\/ 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\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 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 }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n si el CSS falla (fallback JS)\r\n const viewportWidth = window.innerWidth;\r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos inline para medir la posici\u00f3n natural\r\n el.style.marginLeft = '0px';\r\n el.style.left = '0px';\r\n el.style.width = '100%';\r\n el.style.maxWidth = '100%';\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left;\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('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', '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<\/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>Sobre GenIA | Fundadores David y Alex Torres GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp David & Alex Torres Fundadores GenIA Unimos experiencia operativa y visi\u00f3n digital para que tu negocio funcione Existimos para ayudar a negocios locales de servicios a dejar de improvisar. Creamos […]<\/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-1329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1329","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=1329"}],"version-history":[{"count":13,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1329\/revisions"}],"predecessor-version":[{"id":1458,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1329\/revisions\/1458"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}