Automatizaci\u00f3n con IA | GenIA<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n \/* 1. Reset Global del Wrapper *\/\r\n .genia-wrapper { \r\n font-family: 'Manrope', sans-serif !important; \r\n line-height: 1.5 !important; \r\n color: #000000 !important;\r\n background-color: #ffffff !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important; \r\n font-size: 16px !important;\r\n text-align: left !important;\r\n }\r\n \r\n .genia-wrapper * {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* 2. Hack para romper el contenedor de WordPress\/Elementor (CSS Fallback) *\/\r\n .genia-section-breakout {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n max-width: 100vw !important;\r\n overflow: hidden !important;\r\n transform: none !important;\r\n }\r\n\r\n \/* 3. Estilos de Texto y Elementos - TODO EN NEGRITA *\/\r\n .genia-wrapper h1, .genia-wrapper h2, .genia-wrapper h3, .genia-wrapper h4 { \r\n font-weight: 800 !important; \r\n color: #000000 !important;\r\n margin-top: 0 !important; \r\n margin-bottom: 0.5em !important; \r\n line-height: 1.2 !important; \r\n }\r\n .genia-wrapper p, .genia-wrapper span, .genia-wrapper li { \r\n font-weight: 700 !important; \r\n color: #374151 !important; \r\n }\r\n .genia-wrapper strong, .genia-wrapper b {\r\n font-weight: 800 !important;\r\n color: inherit !important;\r\n }\r\n \r\n .genia-wrapper a { \r\n text-decoration: none !important; \r\n font-weight: 700 !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: none !important; \r\n border-bottom: none !important;\r\n }\r\n .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n \/* COLORES GENIA - FORZAR VISIBILIDAD *\/\r\n .text-verde-genia, .text-\\[\\#00BF63\\] { color: #00BF63 !important; }\r\n .bg-verde-genia, .bg-\\[\\#00BF63\\] { background-color: #00BF63 !important; }\r\n \r\n \/* EXCEPCIONES DE COLOR (Para que el negro no pise al blanco en secciones oscuras) *\/\r\n .genia-wrapper .text-white, \r\n .genia-wrapper .text-blanco-genia,\r\n .genia-wrapper h1.text-white,\r\n .genia-wrapper h2.text-white,\r\n .genia-wrapper h3.text-white,\r\n .genia-wrapper h4.text-white,\r\n .bg-negro-genia h1, .bg-negro-genia h2, .bg-negro-genia h3, .bg-negro-genia p, .bg-negro-genia span,\r\n .bg-black h1, .bg-black h2, .bg-black h3, .bg-black p, .bg-black span { \r\n color: #FFFFFF !important; \r\n }\r\n\r\n \/* Fondo Negro Forzado *\/\r\n .bg-negro-genia, .bg-black {\r\n background-color: #000000 !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n \/* 4. Header Flotante *\/\r\n #main-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 2147483647 !important; \/* Max Z-Index *\/\r\n transition: all 0.3s ease !important;\r\n }\r\n body.admin-bar #main-header {\r\n top: 32px !important;\r\n }\r\n @media screen and (max-width: 782px) {\r\n body.admin-bar #main-header { top: 46px !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black font-sans antialiased\">\r\n<div class=\"genia-wrapper w-full overflow-x-hidden\">\r\n\r\n \r\n <header id=\"main-header\" class=\"fixed w-full top-0 z-[9999] bg-white border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n <span id=\"logo-text\" class=\"text-black transition-colors\" style=\"color: #000000;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n <\/a>\r\n \r\n \r\n <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\">\r\n <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"md:hidden flex items-center\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-black transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #000000; border: none !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n <div class=\"pt-4\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"genia-section-breakout relative bg-negro-genia text-white pt-24 pb-20 overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full max-w-3xl h-full bg-[#00BF63]\/5 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10 flex flex-col items-center text-center\">\r\n <div class=\"max-w-4xl\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-[#00BF63]\/20 text-[#00BF63] font-bold text-xs tracking-wider mb-6 uppercase border border-[#00BF63]\/30\">Atenci\u00f3n 24\/7<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Automatiza atenci\u00f3n y seguimiento <span class=\"text-[#00BF63]\">sin perder ventas<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">La IA no es para \"tener un chatbot\", es para responder r\u00e1pido, filtra curiosos, agendar citas y hacer seguimiento a tus leads sin que tengas que estar pegado al m\u00f3vil.<\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-8 text-sm md:text-base\">\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Menos tareas repetitivas<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Menos leads perdidos<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>M\u00e1s control comercial<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Automatizacion\" 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\">\r\n Hablar por WhatsApp <i data-lucide=\"arrow-right\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/a>\r\n <button onclick=\"document.getElementById('que-automatizamos').scrollIntoView({behavior: 'smooth'})\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 text-white border border-white\/20 rounded-lg font-bold text-lg hover:bg-white\/20 transition-all border-solid cursor-pointer\">\r\n Ver qu\u00e9 automatizamos <i data-lucide=\"arrow-down\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500 mt-3 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-16 bg-white border-b border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-16\">\r\n \r\n \r\n <div class=\"bg-[#F0FDF4] p-8 rounded-2xl border border-green-100 flex flex-col items-center text-center\">\r\n <div class=\"bg-[#00BF63] text-white p-2 rounded-full mb-4\">\r\n <i data-lucide=\"check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-6 text-black\">Para qui\u00e9n S\u00cd es<\/h3>\r\n <ul class=\"space-y-4 text-left w-full max-w-sm mx-auto\">\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Negocios de servicios con volumen de mensajes.<\/li>\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Equipos saturados que pierden leads.<\/li>\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Necesitan filtrar curiosos antes de dedicar tiempo.<\/li>\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quieren asegurar el seguimiento de leads.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-red-50 p-8 rounded-2xl border border-red-100 flex flex-col items-center text-center\">\r\n <div class=\"bg-red-500 text-white p-2 rounded-full mb-4\">\r\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-6 text-black\">Para qui\u00e9n NO es<\/h3>\r\n <ul class=\"space-y-4 text-left w-full max-w-sm mx-auto\">\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien no usa WhatsApp para negocios.<\/li>\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien quiere automatizar el 100% y olvidarse.<\/li>\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Ecommerce de productos masivos.<\/li>\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien cree que la IA vende sola sin supervisi\u00f3n.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-10 text-black\">El problema: \"No me da la vida\"<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left max-w-3xl mx-auto\">\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Respondo tarde a los mensajes y cuando contesto ya se han enfriado.\"<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Siempre me preguntan lo mismo (precios, horarios, ubicaci\u00f3n).\"<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Me cuesta filtrar curiosos de clientes reales y pierdo tiempo.\"<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Se me olvida hacer seguimiento a quien pidi\u00f3 info hace 3 d\u00edas.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-16 text-black\">Lo que cambia con Automatizaci\u00f3n<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 opacity-80\">\r\n <h3 className=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Antes<\/h3>\r\n <div class=\"space-y-4 text-center\">\r\n <p class=\"text-gray-600\">Caos en el WhatsApp<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Respuestas tard\u00edas<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Leads perdidos por olvido<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Tareas repetidas mil veces<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-negro-genia text-white p-8 rounded-2xl shadow-xl relative overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00BF63]\/20 blur-[40px] rounded-full pointer-events-none\"><\/div>\r\n <h3 class=\"text-[#00BF63] font-bold uppercase tracking-widest text-sm mb-6\">Despu\u00e9s<\/h3>\r\n <div class=\"space-y-4 text-center relative z-10\">\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Respuesta inmediata 24\/7<\/p>\r\n <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Filtro autom\u00e1tico de calidad<\/p>\r\n <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Agenda organizada<\/p>\r\n <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Seguimiento garantizado<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"que-automatizamos\" class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div class=\"mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-black\">Qu\u00e9 podemos automatizar hoy mismo<\/h2>\r\n <p class=\"text-gray-600\">Usamos tecnolog\u00eda simple y robusta para resolver problemas complejos.<\/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 \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Respuesta Inicial<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Saludo inmediato y bienvenida para que el cliente sienta atenci\u00f3n al instante, sin perder tono humano.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"message-circle\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">FAQs y Env\u00edo de Info<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Si preguntan horarios, ubicaci\u00f3n o precios base, la IA responde sola con la informaci\u00f3n correcta.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"filter\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Filtro de Leads<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Hacemos las preguntas clave (presupuesto, urgencia, zona) para saber si es un cliente potencial.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"calendar\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Agenda y Confirmaci\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Conectamos tu calendario para que el cliente elija hueco libre y reserve cita o llamada.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"clock\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Recordatorios<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Avisos autom\u00e1ticos antes de la cita para reducir el ausentismo (no-shows).<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"bot\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Seguimiento Post-Contacto<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">\u00bfPidi\u00f3 info y no contest\u00f3? El sistema le vuelve a escribir pasadas 24h para reactivarlo.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Solicitud de Rese\u00f1as<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Pedimos valoraci\u00f3n en Google en el momento exacto en que el cliente est\u00e1 satisfecho.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Recogida de Datos<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Recopilamos nombre, email o detalles del proyecto antes de pasarte la conversaci\u00f3n.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"user-cog\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Derivaci\u00f3n a Equipo<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Si la conversaci\u00f3n se pone seria, la IA avisa al comercial o t\u00e9cnico responsable.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo montamos<\/h2>\r\n <div class=\"space-y-4 max-w-2xl mx-auto mb-20\">\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">1<\/div>\r\n <p class=\"font-medium text-left\">Detectamos d\u00f3nde pierdes tiempo y ventas<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">2<\/div>\r\n <p class=\"font-medium text-left\">Dise\u00f1amos el flujo (qu\u00e9 se responde, cu\u00e1ndo y c\u00f3mo)<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">3<\/div>\r\n <p class=\"font-medium text-left\">Montamos mensajes y conectamos la automatizaci\u00f3n<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">4<\/div>\r\n <p class=\"font-medium text-left\">Probamos, ajustamos y te damos el control<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-16 text-center\">\r\n <h4 class=\"font-bold text-lg mb-6 text-black\">Qu\u00e9 necesitamos para empezar<\/h4>\r\n <div class=\"flex flex-wrap justify-center gap-3\">\r\n <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">WhatsApp Business<\/span>\r\n <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Tus preguntas habituales<\/span>\r\n <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Criterio de filtrado<\/span>\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-negro-genia text-white !bg-black !text-white\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-6 text-white !text-white\">\"No quiero parecer un robot\"<\/h2>\r\n <p class=\"text-xl text-gray-300 mb-10 max-w-3xl mx-auto leading-relaxed\">\r\n Tranquilo. La automatizaci\u00f3n <span class=\"text-[#00BF63] font-bold\">no sustituye la atenci\u00f3n humana<\/span>, la ordena. \r\n Definimos tu tono de voz exacto y limitamos lo que la IA puede decir. \r\n Si la conversaci\u00f3n requiere matices, se pasa a un humano.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 text-sm font-bold text-gray-400\">\r\n <div class=\"bg-white\/10 p-4 rounded-lg flex items-center justify-center\"><i data-lucide=\"bot\" class=\"w-4 h-4 mr-2\"><\/i> Tono Personalizado<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg flex items-center justify-center\"><i data-lucide=\"shield-check\" class=\"w-4 h-4 mr-2\"><\/i> L\u00edmites Claros<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg flex items-center justify-center\"><i data-lucide=\"user-cog\" class=\"w-4 h-4 mr-2\"><\/i> Traspaso a Humano<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Ejemplos y evidencias<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Dise\u00f1o<\/span>\r\n <p className=\"text-gray-400 text-sm\">(Placeholder Captura Flujo)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Conversaci\u00f3n<\/span>\r\n <p className=\"text-gray-400 text-sm\">(Placeholder Captura Chat)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Resultados<\/span>\r\n <p className=\"text-gray-400 text-sm\">(Placeholder Captura Agenda)<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <p className=\"text-sm text-gray-500 mt-8 italic\">Algunos negocios prefieren mantener anonimato.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-3xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Preguntas frecuentes<\/h2>\r\n <div class=\"space-y-6 text-left\">\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfLa IA va a responder por m\u00ed?<\/h4>\r\n <p class=\"text-gray-600\">Responde lo repetitivo y filtra. Cuando detecta una situaci\u00f3n compleja o una oportunidad de venta cerrada, te avisa para que t\u00fa (o tu equipo) tom\u00e9is el control.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfSe puede mantener mi tono?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Configuramos el sistema con tus reglas de estilo (formal, cercano, t\u00e9cnico...) para que no parezca un robot gen\u00e9rico.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfQu\u00e9 pasa si el cliente pregunta algo raro?<\/h4>\r\n <p class=\"text-gray-600\">El sistema est\u00e1 entrenado para decir 'no tengo esa informaci\u00f3n ahora mismo' y derivar la conversaci\u00f3n a un humano inmediatamente.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfNecesito una web o sirve solo con WhatsApp?<\/h4>\r\n <p class=\"text-gray-600\">Se puede hacer solo con WhatsApp Business. De hecho, para muchos negocios locales es m\u00e1s r\u00e1pido y convierte mejor que una web compleja.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfSe puede integrar con reservas\/citas?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Podemos conectar tu calendario para que el cliente vea huecos libres y reserve sin que t\u00fa tengas que mirar la agenda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-24 bg-negro-genia text-white text-center !bg-black !text-white\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white !text-white\">\u00bfTu equipo pierde tiempo respondiendo lo mismo siempre?<\/h2>\r\n <p className=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Libera horas de trabajo y deja de perder ventas. Hablemos y veamos qu\u00e9 podemos automatizar.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Automatizacion\" 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 no-underline\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p className=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n \r\n <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n \r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ Inicializar iconos Lucide\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n \r\n \/\/ L\u00f3gica Header Scroll\r\n const header = document.getElementById('main-header');\r\n const logoText = document.getElementById('logo-text');\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 20) {\r\n \/\/ Estado Scrolled (Fondo Blanco)\r\n header.style.backgroundColor = '#FFFFFF';\r\n header.style.borderBottom = '1px solid #f3f4f6';\r\n header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n \r\n if(logoText) logoText.style.color = '#000000';\r\n if(mobileBtn) mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n if(logoText) logoText.style.color = '#000000'; \/\/ En automatizaciones el logo empieza negro en mobile, pero en desktop?\r\n \/\/ Ajuste espec\u00edfico: En automatizaciones el header est\u00e1 sobre fondo negro (Hero)\r\n \/\/ Por tanto, en estado transparente, el texto debe ser BLANCO.\r\n if(logoText) logoText.style.color = '#ffffff';\r\n if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n }\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n breakouts.forEach(el => {\r\n let parent = el.parentElement;\r\n while (parent && parent !== document.body) {\r\n const style = window.getComputedStyle(parent);\r\n \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n parent.style.setProperty('overflow', 'visible', 'important');\r\n parent.style.setProperty('overflow-x', 'visible', 'important');\r\n parent.style.setProperty('overflow-y', 'visible', 'important');\r\n \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n parent.style.setProperty('max-width', 'none', 'important');\r\n parent.style.setProperty('width', 'auto', 'important');\r\n }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n const viewportWidth = window.innerWidth;\r\n \r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n el.style.setProperty('left', 'auto', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '0', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('width', '100%', 'important');\r\n el.style.setProperty('max-width', '100%', 'important');\r\n el.style.setProperty('transform', 'none', 'important');\r\n el.style.setProperty('position', 'relative', 'important');\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n \/\/ Aplicar correcci\u00f3n\r\n el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('left', '0', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n });\r\n }\r\n\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Automatizaci\u00f3n con IA | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Atenci\u00f3n 24\/7 Automatiza atenci\u00f3n y seguimiento sin perder ventas La IA no es para \u00abtener un chatbot\u00bb, es para responder r\u00e1pido, filtra curiosos, agendar citas y hacer seguimiento a tus leads sin que […]<\/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-1276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1276","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=1276"}],"version-history":[{"count":13,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1276\/revisions"}],"predecessor-version":[{"id":1414,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1276\/revisions\/1414"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1276"}],"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 Automatizaci\u00f3n con IA | GenIA<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n \/* 1. Reset Global del Wrapper *\/\r\n .genia-wrapper { \r\n font-family: 'Manrope', sans-serif !important; \r\n line-height: 1.5 !important; \r\n color: #000000 !important;\r\n background-color: #ffffff !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important; \r\n font-size: 16px !important;\r\n text-align: left !important;\r\n }\r\n \r\n .genia-wrapper * {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* 2. Hack para romper el contenedor de WordPress\/Elementor (CSS Fallback) *\/\r\n .genia-section-breakout {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n max-width: 100vw !important;\r\n overflow: hidden !important;\r\n transform: none !important;\r\n }\r\n\r\n \/* 3. Estilos de Texto y Elementos - TODO EN NEGRITA *\/\r\n .genia-wrapper h1, .genia-wrapper h2, .genia-wrapper h3, .genia-wrapper h4 { \r\n font-weight: 800 !important; \r\n color: #000000 !important;\r\n margin-top: 0 !important; \r\n margin-bottom: 0.5em !important; \r\n line-height: 1.2 !important; \r\n }\r\n .genia-wrapper p, .genia-wrapper span, .genia-wrapper li { \r\n font-weight: 700 !important; \r\n color: #374151 !important; \r\n }\r\n .genia-wrapper strong, .genia-wrapper b {\r\n font-weight: 800 !important;\r\n color: inherit !important;\r\n }\r\n \r\n .genia-wrapper a { \r\n text-decoration: none !important; \r\n font-weight: 700 !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: none !important; \r\n border-bottom: none !important;\r\n }\r\n .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n \/* COLORES GENIA - FORZAR VISIBILIDAD *\/\r\n .text-verde-genia, .text-\\[\\#00BF63\\] { color: #00BF63 !important; }\r\n .bg-verde-genia, .bg-\\[\\#00BF63\\] { background-color: #00BF63 !important; }\r\n \r\n \/* EXCEPCIONES DE COLOR (Para que el negro no pise al blanco en secciones oscuras) *\/\r\n .genia-wrapper .text-white, \r\n .genia-wrapper .text-blanco-genia,\r\n .genia-wrapper h1.text-white,\r\n .genia-wrapper h2.text-white,\r\n .genia-wrapper h3.text-white,\r\n .genia-wrapper h4.text-white,\r\n .bg-negro-genia h1, .bg-negro-genia h2, .bg-negro-genia h3, .bg-negro-genia p, .bg-negro-genia span,\r\n .bg-black h1, .bg-black h2, .bg-black h3, .bg-black p, .bg-black span { \r\n color: #FFFFFF !important; \r\n }\r\n\r\n \/* Fondo Negro Forzado *\/\r\n .bg-negro-genia, .bg-black {\r\n background-color: #000000 !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n \/* 4. Header Flotante *\/\r\n #main-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 2147483647 !important; \/* Max Z-Index *\/\r\n transition: all 0.3s ease !important;\r\n }\r\n body.admin-bar #main-header {\r\n top: 32px !important;\r\n }\r\n @media screen and (max-width: 782px) {\r\n body.admin-bar #main-header { top: 46px !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black font-sans antialiased\">\r\n<div class=\"genia-wrapper w-full overflow-x-hidden\">\r\n\r\n \r\n <header id=\"main-header\" class=\"fixed w-full top-0 z-[9999] bg-white border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n <span id=\"logo-text\" class=\"text-black transition-colors\" style=\"color: #000000;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n <\/a>\r\n \r\n \r\n <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\">\r\n <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-black text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #000000;\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"md:hidden flex items-center\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-black transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #000000; border: none !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n <div class=\"pt-4\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"genia-section-breakout relative bg-negro-genia text-white pt-24 pb-20 overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full max-w-3xl h-full bg-[#00BF63]\/5 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10 flex flex-col items-center text-center\">\r\n <div class=\"max-w-4xl\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-[#00BF63]\/20 text-[#00BF63] font-bold text-xs tracking-wider mb-6 uppercase border border-[#00BF63]\/30\">Atenci\u00f3n 24\/7<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Automatiza atenci\u00f3n y seguimiento <span class=\"text-[#00BF63]\">sin perder ventas<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">La IA no es para \"tener un chatbot\", es para responder r\u00e1pido, filtra curiosos, agendar citas y hacer seguimiento a tus leads sin que tengas que estar pegado al m\u00f3vil.<\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-8 text-sm md:text-base\">\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Menos tareas repetitivas<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Menos leads perdidos<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>M\u00e1s control comercial<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Automatizacion\" 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\">\r\n Hablar por WhatsApp <i data-lucide=\"arrow-right\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/a>\r\n <button onclick=\"document.getElementById('que-automatizamos').scrollIntoView({behavior: 'smooth'})\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 text-white border border-white\/20 rounded-lg font-bold text-lg hover:bg-white\/20 transition-all border-solid cursor-pointer\">\r\n Ver qu\u00e9 automatizamos <i data-lucide=\"arrow-down\" class=\"ml-2 w-5 h-5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500 mt-3 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-16 bg-white border-b border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-16\">\r\n \r\n \r\n <div class=\"bg-[#F0FDF4] p-8 rounded-2xl border border-green-100 flex flex-col items-center text-center\">\r\n <div class=\"bg-[#00BF63] text-white p-2 rounded-full mb-4\">\r\n <i data-lucide=\"check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-6 text-black\">Para qui\u00e9n S\u00cd es<\/h3>\r\n <ul class=\"space-y-4 text-left w-full max-w-sm mx-auto\">\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Negocios de servicios con volumen de mensajes.<\/li>\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Equipos saturados que pierden leads.<\/li>\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Necesitan filtrar curiosos antes de dedicar tiempo.<\/li>\r\n <li class=\"flex items-start text-gray-700\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quieren asegurar el seguimiento de leads.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-red-50 p-8 rounded-2xl border border-red-100 flex flex-col items-center text-center\">\r\n <div class=\"bg-red-500 text-white p-2 rounded-full mb-4\">\r\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-6 text-black\">Para qui\u00e9n NO es<\/h3>\r\n <ul class=\"space-y-4 text-left w-full max-w-sm mx-auto\">\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien no usa WhatsApp para negocios.<\/li>\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien quiere automatizar el 100% y olvidarse.<\/li>\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Ecommerce de productos masivos.<\/li>\r\n <li class=\"flex items-start text-gray-600\"><i data-lucide=\"x\" class=\"text-red-400 w-5 h-5 mr-3 mt-0.5 shrink-0\"><\/i> Quien cree que la IA vende sola sin supervisi\u00f3n.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-10 text-black\">El problema: \"No me da la vida\"<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left max-w-3xl mx-auto\">\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Respondo tarde a los mensajes y cuando contesto ya se han enfriado.\"<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Siempre me preguntan lo mismo (precios, horarios, ubicaci\u00f3n).\"<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Me cuesta filtrar curiosos de clientes reales y pierdo tiempo.\"<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex items-start\">\r\n <div class=\"bg-red-100 text-red-500 p-2 rounded-lg mr-4 shrink-0\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i><\/div>\r\n <p class=\"text-gray-700 font-medium pt-1\">\"Se me olvida hacer seguimiento a quien pidi\u00f3 info hace 3 d\u00edas.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-16 text-black\">Lo que cambia con Automatizaci\u00f3n<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 opacity-80\">\r\n <h3 className=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Antes<\/h3>\r\n <div class=\"space-y-4 text-center\">\r\n <p class=\"text-gray-600\">Caos en el WhatsApp<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Respuestas tard\u00edas<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Leads perdidos por olvido<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Tareas repetidas mil veces<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-negro-genia text-white p-8 rounded-2xl shadow-xl relative overflow-hidden !bg-black !text-white\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00BF63]\/20 blur-[40px] rounded-full pointer-events-none\"><\/div>\r\n <h3 class=\"text-[#00BF63] font-bold uppercase tracking-widest text-sm mb-6\">Despu\u00e9s<\/h3>\r\n <div class=\"space-y-4 text-center relative z-10\">\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Respuesta inmediata 24\/7<\/p>\r\n <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Filtro autom\u00e1tico de calidad<\/p>\r\n <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Agenda organizada<\/p>\r\n <div class=\"h-px bg-white\/10 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"font-bold flex items-center justify-center\"><i data-lucide=\"check\" class=\"text-[#00BF63] w-4 h-4 mr-2\"><\/i> Seguimiento garantizado<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"que-automatizamos\" class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div class=\"mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-black\">Qu\u00e9 podemos automatizar hoy mismo<\/h2>\r\n <p class=\"text-gray-600\">Usamos tecnolog\u00eda simple y robusta para resolver problemas complejos.<\/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 \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Respuesta Inicial<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Saludo inmediato y bienvenida para que el cliente sienta atenci\u00f3n al instante, sin perder tono humano.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"message-circle\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">FAQs y Env\u00edo de Info<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Si preguntan horarios, ubicaci\u00f3n o precios base, la IA responde sola con la informaci\u00f3n correcta.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"filter\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Filtro de Leads<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Hacemos las preguntas clave (presupuesto, urgencia, zona) para saber si es un cliente potencial.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"calendar\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Agenda y Confirmaci\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Conectamos tu calendario para que el cliente elija hueco libre y reserve cita o llamada.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"clock\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Recordatorios<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Avisos autom\u00e1ticos antes de la cita para reducir el ausentismo (no-shows).<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"bot\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Seguimiento Post-Contacto<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">\u00bfPidi\u00f3 info y no contest\u00f3? El sistema le vuelve a escribir pasadas 24h para reactivarlo.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Solicitud de Rese\u00f1as<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Pedimos valoraci\u00f3n en Google en el momento exacto en que el cliente est\u00e1 satisfecho.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Recogida de Datos<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Recopilamos nombre, email o detalles del proyecto antes de pasarte la conversaci\u00f3n.<\/p>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center no-underline group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63] group-hover:bg-[#00BF63] group-hover:text-white transition-colors\">\r\n <i data-lucide=\"user-cog\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black group-hover:text-[#00BF63] transition-colors\">Derivaci\u00f3n a Equipo<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Si la conversaci\u00f3n se pone seria, la IA avisa al comercial o t\u00e9cnico responsable.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo montamos<\/h2>\r\n <div class=\"space-y-4 max-w-2xl mx-auto mb-20\">\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">1<\/div>\r\n <p class=\"font-medium text-left\">Detectamos d\u00f3nde pierdes tiempo y ventas<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">2<\/div>\r\n <p class=\"font-medium text-left\">Dise\u00f1amos el flujo (qu\u00e9 se responde, cu\u00e1ndo y c\u00f3mo)<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">3<\/div>\r\n <p class=\"font-medium text-left\">Montamos mensajes y conectamos la automatizaci\u00f3n<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <div class=\"w-8 h-8 bg-black text-white rounded-full flex items-center justify-center font-bold text-sm mr-4 shrink-0\">4<\/div>\r\n <p class=\"font-medium text-left\">Probamos, ajustamos y te damos el control<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-16 text-center\">\r\n <h4 class=\"font-bold text-lg mb-6 text-black\">Qu\u00e9 necesitamos para empezar<\/h4>\r\n <div class=\"flex flex-wrap justify-center gap-3\">\r\n <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">WhatsApp Business<\/span>\r\n <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Tus preguntas habituales<\/span>\r\n <span class=\"px-4 py-2 bg-gray-100 rounded-full text-sm text-gray-700\">Criterio de filtrado<\/span>\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-negro-genia text-white !bg-black !text-white\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-6 text-white !text-white\">\"No quiero parecer un robot\"<\/h2>\r\n <p class=\"text-xl text-gray-300 mb-10 max-w-3xl mx-auto leading-relaxed\">\r\n Tranquilo. La automatizaci\u00f3n <span class=\"text-[#00BF63] font-bold\">no sustituye la atenci\u00f3n humana<\/span>, la ordena. \r\n Definimos tu tono de voz exacto y limitamos lo que la IA puede decir. \r\n Si la conversaci\u00f3n requiere matices, se pasa a un humano.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 text-sm font-bold text-gray-400\">\r\n <div class=\"bg-white\/10 p-4 rounded-lg flex items-center justify-center\"><i data-lucide=\"bot\" class=\"w-4 h-4 mr-2\"><\/i> Tono Personalizado<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg flex items-center justify-center\"><i data-lucide=\"shield-check\" class=\"w-4 h-4 mr-2\"><\/i> L\u00edmites Claros<\/div>\r\n <div class=\"bg-white\/10 p-4 rounded-lg flex items-center justify-center\"><i data-lucide=\"user-cog\" class=\"w-4 h-4 mr-2\"><\/i> Traspaso a Humano<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-[#F5F5F5]\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Ejemplos y evidencias<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Dise\u00f1o<\/span>\r\n <p className=\"text-gray-400 text-sm\">(Placeholder Captura Flujo)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Conversaci\u00f3n<\/span>\r\n <p className=\"text-gray-400 text-sm\">(Placeholder Captura Chat)<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-gray-100 px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Resultados<\/span>\r\n <p className=\"text-gray-400 text-sm\">(Placeholder Captura Agenda)<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <p className=\"text-sm text-gray-500 mt-8 italic\">Algunos negocios prefieren mantener anonimato.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\r\n <div class=\"max-w-3xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Preguntas frecuentes<\/h2>\r\n <div class=\"space-y-6 text-left\">\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfLa IA va a responder por m\u00ed?<\/h4>\r\n <p class=\"text-gray-600\">Responde lo repetitivo y filtra. Cuando detecta una situaci\u00f3n compleja o una oportunidad de venta cerrada, te avisa para que t\u00fa (o tu equipo) tom\u00e9is el control.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfSe puede mantener mi tono?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Configuramos el sistema con tus reglas de estilo (formal, cercano, t\u00e9cnico...) para que no parezca un robot gen\u00e9rico.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfQu\u00e9 pasa si el cliente pregunta algo raro?<\/h4>\r\n <p class=\"text-gray-600\">El sistema est\u00e1 entrenado para decir 'no tengo esa informaci\u00f3n ahora mismo' y derivar la conversaci\u00f3n a un humano inmediatamente.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfNecesito una web o sirve solo con WhatsApp?<\/h4>\r\n <p class=\"text-gray-600\">Se puede hacer solo con WhatsApp Business. De hecho, para muchos negocios locales es m\u00e1s r\u00e1pido y convierte mejor que una web compleja.<\/p>\r\n <\/div>\r\n <div class=\"border-b border-gray-100 pb-6\">\r\n <h4 class=\"font-bold text-lg mb-2\">\u00bfSe puede integrar con reservas\/citas?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Podemos conectar tu calendario para que el cliente vea huecos libres y reserve sin que t\u00fa tengas que mirar la agenda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-24 bg-negro-genia text-white text-center !bg-black !text-white\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white !text-white\">\u00bfTu equipo pierde tiempo respondiendo lo mismo siempre?<\/h2>\r\n <p className=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Libera horas de trabajo y deja de perder ventas. Hablemos y veamos qu\u00e9 podemos automatizar.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Automatizacion\" 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 no-underline\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p className=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n \r\n <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n \r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \/\/ Inicializar iconos Lucide\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n \r\n \/\/ L\u00f3gica Header Scroll\r\n const header = document.getElementById('main-header');\r\n const logoText = document.getElementById('logo-text');\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 20) {\r\n \/\/ Estado Scrolled (Fondo Blanco)\r\n header.style.backgroundColor = '#FFFFFF';\r\n header.style.borderBottom = '1px solid #f3f4f6';\r\n header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n \r\n if(logoText) logoText.style.color = '#000000';\r\n if(mobileBtn) mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n if(logoText) logoText.style.color = '#000000'; \/\/ En automatizaciones el logo empieza negro en mobile, pero en desktop?\r\n \/\/ Ajuste espec\u00edfico: En automatizaciones el header est\u00e1 sobre fondo negro (Hero)\r\n \/\/ Por tanto, en estado transparente, el texto debe ser BLANCO.\r\n if(logoText) logoText.style.color = '#ffffff';\r\n if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n }\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n breakouts.forEach(el => {\r\n let parent = el.parentElement;\r\n while (parent && parent !== document.body) {\r\n const style = window.getComputedStyle(parent);\r\n \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n parent.style.setProperty('overflow', 'visible', 'important');\r\n parent.style.setProperty('overflow-x', 'visible', 'important');\r\n parent.style.setProperty('overflow-y', 'visible', 'important');\r\n \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n parent.style.setProperty('max-width', 'none', 'important');\r\n parent.style.setProperty('width', 'auto', 'important');\r\n }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n const viewportWidth = window.innerWidth;\r\n \r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n el.style.setProperty('left', 'auto', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '0', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('width', '100%', 'important');\r\n el.style.setProperty('max-width', '100%', 'important');\r\n el.style.setProperty('transform', 'none', 'important');\r\n el.style.setProperty('position', 'relative', 'important');\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n \/\/ Aplicar correcci\u00f3n\r\n el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('left', '0', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n });\r\n }\r\n\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Automatizaci\u00f3n con IA | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Atenci\u00f3n 24\/7 Automatiza atenci\u00f3n y seguimiento sin perder ventas La IA no es para \u00abtener un chatbot\u00bb, es para responder r\u00e1pido, filtra curiosos, agendar citas y hacer seguimiento a tus leads sin que […]<\/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-1276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1276","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=1276"}],"version-history":[{"count":13,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1276\/revisions"}],"predecessor-version":[{"id":1414,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1276\/revisions\/1414"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}