{"id":262,"date":"2024-11-27T17:55:06","date_gmt":"2024-11-27T16:55:06","guid":{"rendered":"https:\/\/genia-digital.com\/genia\/?page_id=262"},"modified":"2026-03-04T14:25:10","modified_gmt":"2026-03-04T13:25:10","slug":"genia-digital","status":"publish","type":"page","link":"https:\/\/genia-digital.com\/genia\/","title":{"rendered":"GenIA Digital"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\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 GenIA | Transformaci\u00f3n Digital<\/title>\r\n <!-- Tailwind CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Fonts -->\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 <!-- CSS CR\u00cdTICO PARA WORDPRESS \/ ELEMENTOR -->\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 *\/\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 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: 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. Responsive *\/\r\n .hero-title { font-size: 2.25rem !important; } \r\n @media (min-width: 768px) {\r\n .hero-title { font-size: 3.75rem !important; } \r\n }\r\n \r\n \/* Utilidad de color *\/\r\n .text-genia-green { color: #00BF63 !important; }\r\n .bg-genia-green { background-color: #00BF63 !important; }\r\n .hover-bg-genia-dark:hover { background-color: #00A854 !important; }\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 <!-- HEADER -->\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 <!-- Logo -->\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 <!-- Desktop Nav -->\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 <!-- Mobile Button -->\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 <!-- Mobile Menu -->\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 <!-- HERO (Negro) -->\r\n <section class=\"genia-section-breakout relative bg-black text-white pt-32 pb-20 overflow-hidden\" style=\"background-color: #000000 !important; padding-top: 8rem !important; padding-bottom: 6rem !important;\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-[#00BF63]\/10 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 flex flex-col items-center text-center\">\r\n <div class=\"max-w-4xl\">\r\n <h1 class=\"hero-title font-extrabold tracking-tight leading-tight mb-6 text-white\" style=\"color: #ffffff !important; font-weight: 800 !important;\">\r\n Convierte tu presencia online en <span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">clientes constantes<\/span>\r\n <\/h1>\r\n <p class=\"text-gray-300 mb-8 max-w-2xl mx-auto leading-relaxed text-lg\" style=\"color: #d1d5db !important; font-size: 1.125rem !important;\">\r\n Sistema completo para negocios locales de servicios: Web + Publicidad + Automatizaci\u00f3n. Todo conectado para llenar tu agenda.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 mb-10\" style=\"display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;\">\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=\"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 no-underline\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">\r\n Hablar por WhatsApp \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 <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" 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 no-underline\" style=\"background-color: rgba(255,255,255,0.1) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.2) !important;\">\r\n Ver servicios\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap gap-4 text-sm font-medium text-gray-400 justify-center\" style=\"color: #9ca3af !important;\">\r\n <span class=\"flex items-center\" style=\"display: flex; align-items: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\" style=\"color: #00BF63 !important; margin-right: 6px;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Respuesta en < 24h\r\n <\/span>\r\n <span class=\"flex items-center\" style=\"display: flex; align-items: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\" style=\"color: #00BF63 !important; margin-right: 6px;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Sistema todo en uno\r\n <\/span>\r\n <span class=\"flex items-center\" style=\"display: flex; align-items: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\" style=\"color: #00BF63 !important; margin-right: 6px;\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Foco en conversi\u00f3n\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHO IS IT FOR (Blanco) -->\r\n <section class=\"genia-section-breakout pt-16 pb-16 bg-white border-b border-gray-100\" style=\"background-color: #ffffff !important; padding-top: 4rem !important; padding-bottom: 4rem !important;\">\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-8 md:gap-12\">\r\n <!-- Box 1 (Green) -->\r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-[#00BF63]\/20\" style=\"background-color: #f9fafb !important; border: 1px solid rgba(0, 191, 99, 0.2) !important;\">\r\n <h3 class=\"text-xl font-bold mb-6 flex items-center\" style=\"color: #000000 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"p-1 rounded-full mr-3 flex items-center justify-center w-8 h-8\" style=\"background-color: #00BF63 !important; color: #fff !important; width: 32px !important; height: 32px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n Para qui\u00e9n es GenIA\r\n <\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start\" style=\"display: flex; align-items: flex-start; margin-bottom: 1rem;\">\r\n <span class=\"mr-3 mt-1 shrink-0\" style=\"color: #00BF63 !important;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span style=\"color: #374151 !important;\"><strong>Negocios f\u00edsicos y locales<\/strong>.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\" style=\"display: flex; align-items: flex-start; margin-bottom: 1rem;\">\r\n <span class=\"mr-3 mt-1 shrink-0\" style=\"color: #00BF63 !important;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span style=\"color: #374151 !important;\">Quieren captaci\u00f3n estable.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\" style=\"display: flex; align-items: flex-start; margin-bottom: 1rem;\">\r\n <span class=\"mr-3 mt-1 shrink-0\" style=\"color: #00BF63 !important;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span style=\"color: #374151 !important;\">Empresas que ya probaron \"piezas sueltas\".<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <!-- Box 2 (Red) -->\r\n <div class=\"bg-red-50 p-8 rounded-2xl border border-red-100\" style=\"background-color: #fef2f2 !important; border: 1px solid #fee2e2 !important;\">\r\n <h3 class=\"text-xl font-bold mb-6 flex items-center\" style=\"color: #000000 !important; display: flex !important; align-items: center !important;\">\r\n <span class=\"p-1 rounded-full mr-3 flex items-center justify-center w-8 h-8\" style=\"background-color: #EF4444 !important; color: #fff !important; width: 32px !important; height: 32px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 <\/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\" style=\"display: flex; align-items: flex-start; margin-bottom: 1rem;\">\r\n <span class=\"mr-3 mt-1 shrink-0\" style=\"color: #EF4444 !important;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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><\/span>\r\n <span style=\"color: #374151 !important;\"><strong>Ecommerce de producto<\/strong>.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\" style=\"display: flex; align-items: flex-start; margin-bottom: 1rem;\">\r\n <span class=\"mr-3 mt-1 shrink-0\" style=\"color: #EF4444 !important;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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><\/span>\r\n <span style=\"color: #374151 !important;\">Freelancers 100% digitales.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\" style=\"display: flex; align-items: flex-start; margin-bottom: 1rem;\">\r\n <span class=\"mr-3 mt-1 shrink-0\" style=\"color: #EF4444 !important;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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><\/span>\r\n <span style=\"color: #374151 !important;\">Quien busca resultados en 2 d\u00edas.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- EL CAMBIO CLAVE (Negro) -->\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-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6 text-white\" style=\"color: #ffffff !important;\">El cambio clave: de piezas sueltas a <span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">sistema<\/span><\/h2>\r\n <p class=\"text-xl text-gray-400 max-w-3xl mx-auto mb-12\" style=\"color: #9ca3af !important;\">\r\n Una web por s\u00ed sola no vende. Redes por s\u00ed solas no venden. \r\n Lo que funciona es un engranaje donde te encuentran, te contactan y les respondes r\u00e1pido.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <!-- Item 1 -->\r\n <div class=\"p-8 bg-white\/5 rounded-2xl border border-white\/10\" style=\"background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n <div style=\"display: flex; justify-content: center; margin-bottom: 1.5rem;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #00BF63 !important;\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-3 text-white\" style=\"color: #ffffff !important;\">1. Te encuentran<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">SEO Local y Google Ads para aparecer justo cuando necesitan tu servicio.<\/p>\r\n <\/div>\r\n <!-- Item 2 -->\r\n <div class=\"p-8 bg-white\/5 rounded-2xl border border-white\/10\" style=\"background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n <div style=\"display: flex; justify-content: center; margin-bottom: 1.5rem;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #00BF63 !important;\"><rect width=\"18\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\/><rect width=\"9\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\/><rect width=\"5\" height=\"7\" x=\"16\" y=\"14\" rx=\"1\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-3 text-white\" style=\"color: #ffffff !important;\">2. Te eligen<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">Embudos y landings dise\u00f1adas para convencer, no solo para informar.<\/p>\r\n <\/div>\r\n <!-- Item 3 -->\r\n <div class=\"p-8 bg-white\/5 rounded-2xl border border-white\/10\" style=\"background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important;\">\r\n <div style=\"display: flex; justify-content: center; margin-bottom: 1.5rem;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BF63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #00BF63 !important;\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-3 text-white\" style=\"color: #ffffff !important;\">3. Convierten<\/h3>\r\n <p class=\"text-gray-400 text-sm\" style=\"color: #9ca3af !important;\">Automatizaci\u00f3n de WhatsApp para responder al instante y cerrar citas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SERVICES GRID (Gris Claro) -->\r\n <section class=\"genia-section-breakout py-16 bg-[#F5F5F5]\" style=\"background-color: #F5F5F5 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold mb-4 text-black\" style=\"color: #000000 !important;\">Qu\u00e9 hacemos en GenIA<\/h2>\r\n <p class=\"text-gray-600\" style=\"color: #4b5563 !important;\">Todo lo necesario para digitalizar tu negocio de servicios.<\/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 <!-- Cards -->\r\n <a href=\"https:\/\/genia-digital.com\/genia\/transformacion-digital\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent no-underline block\" style=\"background-color: #ffffff !important; display: block;\">\r\n <div style=\"color: #00BF63 !important; margin-bottom: 12px;\"><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\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><path d=\"M17.599 6.5a3 3 0 0 0 .399-1.375\"\/><path d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\/><\/svg><\/div>\r\n <h3 class=\"text-lg font-bold mb-2 text-black\" style=\"color: #000000 !important;\">Transformaci\u00f3n Digital<\/h3>\r\n <p class=\"text-gray-600 text-sm\" style=\"color: #4b5563 !important;\">El sistema entero.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/landing-embudos\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent no-underline block\" style=\"background-color: #ffffff !important; display: block;\">\r\n <div style=\"color: #00BF63 !important; margin-bottom: 12px;\"><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\"><rect width=\"18\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\/><rect width=\"9\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\/><rect width=\"5\" height=\"7\" x=\"16\" y=\"14\" rx=\"1\"\/><\/svg><\/div>\r\n <h3 class=\"text-lg font-bold mb-2 text-black\" style=\"color: #000000 !important;\">Embudos<\/h3>\r\n <p class=\"text-gray-600 text-sm\" style=\"color: #4b5563 !important;\">Webs que venden.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/meta-ads\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent no-underline block\" style=\"background-color: #ffffff !important; display: block;\">\r\n <div style=\"color: #00BF63 !important; margin-bottom: 12px;\"><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\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n <h3 class=\"text-lg font-bold mb-2 text-black\" style=\"color: #000000 !important;\">Meta Ads<\/h3>\r\n <p class=\"text-gray-600 text-sm\" style=\"color: #4b5563 !important;\">Demanda en RRSS.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/google-ads\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent no-underline block\" style=\"background-color: #ffffff !important; display: block;\">\r\n <div style=\"color: #00BF63 !important; margin-bottom: 12px;\"><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\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg><\/div>\r\n <h3 class=\"text-lg font-bold mb-2 text-black\" style=\"color: #000000 !important;\">Google Ads<\/h3>\r\n <p class=\"text-gray-600 text-sm\" style=\"color: #4b5563 !important;\">Captaci\u00f3n por intenci\u00f3n.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/seo-local\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent no-underline block\" style=\"background-color: #ffffff !important; display: block;\">\r\n <div style=\"color: #00BF63 !important; margin-bottom: 12px;\"><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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg><\/div>\r\n <h3 class=\"text-lg font-bold mb-2 text-black\" style=\"color: #000000 !important;\">SEO Local<\/h3>\r\n <p class=\"text-gray-600 text-sm\" style=\"color: #4b5563 !important;\">Posicionamiento org\u00e1nico.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/automatizacionesia\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all border border-transparent no-underline block\" style=\"background-color: #ffffff !important; display: block;\">\r\n <div style=\"color: #00BF63 !important; margin-bottom: 12px;\"><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\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/><\/svg><\/div>\r\n <h3 class=\"text-lg font-bold mb-2 text-black\" style=\"color: #000000 !important;\">Automatizaci\u00f3n<\/h3>\r\n <p class=\"text-gray-600 text-sm\" style=\"color: #4b5563 !important;\">Respuestas autom\u00e1ticas.<\/p>\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"text-center mt-12\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"text-[#00BF63] font-bold hover:underline inline-flex items-center no-underline\" style=\"color: #00BF63 !important; display: inline-flex !important; align-items: center !important;\">\r\n Ver todos los servicios \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=\"ml-1\" style=\"margin-left: 4px;\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TESTIMONIALS (Blanco - FALTABA) -->\r\n <section class=\"genia-section-breakout py-16 bg-white\" style=\"background-color: #ffffff !important;\">\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;\">Lo que dicen los negocios que usan el sistema<\/h2>\r\n <p class=\"text-gray-500\" style=\"color: #6b7280 !important;\">Resultados en diferentes sectores de servicios.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n <!-- Testimonio 1 -->\r\n <div class=\"bg-white p-8 rounded-2xl border border-gray-100 shadow-lg relative flex flex-col justify-between\" style=\"border: 1px solid #f3f4f6 !important;\">\r\n <div>\r\n <div class=\"mb-4\">\r\n <span class=\"inline-block px-3 py-1 bg-gray-100 rounded-full text-xs font-bold text-gray-600 uppercase tracking-wider\" style=\"background-color: #f3f4f6 !important; color: #4b5563 !important;\">Sistema Completo<\/span>\r\n <\/div>\r\n <p class=\"text-gray-700 italic mb-6 leading-relaxed text-lg\" style=\"color: #374151 !important;\">\"Antes depend\u00edamos de que la gente pasara por delante. Ahora tenemos citas agendadas desde Google y campa\u00f1as todas las semanas.\"<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-4 mt-auto\">\r\n <h4 class=\"font-bold text-black\" style=\"color: #000000 !important;\">Carlos M.<\/h4>\r\n <p class=\"text-sm text-gray-500\" style=\"color: #6b7280 !important;\">Cl\u00ednica Dental<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Testimonio 2 -->\r\n <div class=\"bg-white p-8 rounded-2xl border border-gray-100 shadow-lg relative flex flex-col justify-between\" style=\"border: 1px solid #f3f4f6 !important;\">\r\n <div>\r\n <div class=\"mb-4\">\r\n <span class=\"inline-block px-3 py-1 bg-gray-100 rounded-full text-xs font-bold text-gray-600 uppercase tracking-wider\" style=\"background-color: #f3f4f6 !important; color: #4b5563 !important;\">Automatizaci\u00f3n IA<\/span>\r\n <\/div>\r\n <p class=\"text-gray-700 italic mb-6 leading-relaxed text-lg\" style=\"color: #374151 !important;\">\"Lo que m\u00e1s valoro es la automatizaci\u00f3n de WhatsApp. Mis clientes reciben respuesta al instante y yo no tengo que estar pegada al m\u00f3vil.\"<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-4 mt-auto\">\r\n <h4 class=\"font-bold text-black\" style=\"color: #000000 !important;\">Laura G.<\/h4>\r\n <p class=\"text-sm text-gray-500\" style=\"color: #6b7280 !important;\">Centro de Est\u00e9tica<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ (Gris - FALTABA) -->\r\n <section class=\"genia-section-breakout py-16 bg-[#F5F5F5]\" style=\"background-color: #F5F5F5 !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-10 text-center text-black\" style=\"color: #000000 !important;\">Preguntas Frecuentes<\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\" style=\"color: #000000 !important;\">\u00bfEsto es solo redes o solo anuncios?<\/h4>\r\n <p class=\"text-gray-600\" style=\"color: #4b5563 !important;\">No. Es un sistema completo. Si una pieza no est\u00e1 conectada, el resultado se resiente. Creamos la estrategia global.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\" style=\"color: #000000 !important;\">\u00bfEn cu\u00e1nto tiempo se nota el cambio?<\/h4>\r\n <p class=\"text-gray-600\" style=\"color: #4b5563 !important;\">Depende del punto de partida. Campa\u00f1as de pago suelen dar leads en d\u00edas; SEO y autoridad toman meses. Buscamos equilibrio.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\" style=\"background-color: #ffffff !important;\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\" style=\"color: #000000 !important;\">\u00bfAtend\u00e9is por llamada o por WhatsApp?<\/h4>\r\n <p class=\"text-gray-600\" style=\"color: #4b5563 !important;\">Ambas. El primer contacto suele ser por WhatsApp para agilidad, luego agendamos llamadas estrat\u00e9gicas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FINAL CTA \"DOLOR DE CABEZA\" (Negro - FALTABA) -->\r\n <section class=\"genia-section-breakout py-24 bg-black text-white text-center\" style=\"background-color: #000000 !important; color: #ffffff !important;\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-white\" style=\"color: #ffffff !important;\">Si quieres que lo digital deje de ser un dolor de cabeza, empecemos por WhatsApp<\/h2>\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=\"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\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p class=\"text-gray-600 text-sm mt-6\" style=\"color: #4b5563 !important;\">Mensaje autom\u00e1tico: Vengo de vuestro sitio web...<\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- FOOTER -->\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;\">\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 <!-- REDES SOCIALES CORRECTAS -->\r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n <!-- Instagram -->\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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 <!-- Facebook -->\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61567888533755\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <\/a>\r\n <!-- TikTok -->\r\n <a href=\"https:\/\/www.tiktok.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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\r\n <\/a>\r\n <!-- YouTube -->\r\n <a href=\"https:\/\/youtube.com\/@alexydavid-digitalizacion?si=vsUGDBYSZC72Yh6I\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"\/><path d=\"m10 15 5-3-5-3z\"\/><\/svg>\r\n <\/a>\r\n <!-- LinkedIn -->\r\n <a href=\"https:\/\/www.linkedin.com\/in\/alex-y-david-digitalizaci%C3%B3n-de-negocios-8a4098336\/\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/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 <li><a href=\"https:\/\/genia-digital.com\/genia\/aviso-legal\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Aviso Legal<\/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 <!-- Floating WhatsApp (SVG Directo para asegurar icono blanco) -->\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 <!-- Icono Message Blanco -->\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 <!-- Scripts JS Vanilla -->\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 \/\/ Ejecutar en varios momentos para asegurar que carga despu\u00e9s del tema\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>GenIA | Transformaci\u00f3n Digital GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Convierte tu presencia online en clientes constantes Sistema completo para negocios locales de servicios: Web + Publicidad + Automatizaci\u00f3n. Todo conectado para llenar tu agenda. Hablar por WhatsApp Ver servicios Respuesta en < 24h […]<\/p>\n","protected":false},"author":1,"featured_media":799,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-262","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/262","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=262"}],"version-history":[{"count":165,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/262\/revisions"}],"predecessor-version":[{"id":1438,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/262\/revisions\/1438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media\/799"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}