Landing Pages y Embudos | 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 right-1\/2 translate-x-1\/2 w-full max-w-4xl h-full bg-[#00BF63]\/5 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n \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\">Conversi\u00f3n y Ventas<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Landing Pages y Embudos para <span class=\"text-[#00BF63]\">convertir visitas en solicitudes<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">Una landing no es \"una web bonita\". Es una p\u00e1gina dise\u00f1ada estrat\u00e9gicamente para guiar al usuario, resolver sus objeciones y conseguir que te contacte.<\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-10 text-sm md:text-base\">\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>M\u00e1s solicitudes cualificadas<\/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>Mensaje claro que no confunde<\/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 que se enfr\u00edan<\/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%20Embudos\" 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-incluye').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 la estructura <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 (f\u00edsicos\/locales) que invierten en tr\u00e1fico.<\/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> Hacen campa\u00f1as pero su web actual no convierte.<\/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 un camino claro hacia WhatsApp, llamada o reserva.<\/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> Est\u00e1n dispuestos a simplificar su mensaje para vender m\u00e1s.<\/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> Ecommerce \/ Tiendas online de productos (cat\u00e1logos extensos).<\/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 una web \"tarjeta de visita\" sin objetivo claro.<\/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 no est\u00e1 dispuesto a ajustar su oferta o precios.<\/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> Negocios sin capacidad de atender las solicitudes.<\/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 t\u00edpico de una web \"normal\"<\/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\">\"Entra tr\u00e1fico (visitas), pero no entran solicitudes ni ventas.\"<\/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\">\"La gente pregunta precio y se enfr\u00eda porque no ven el valor.\"<\/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\">\"Mi web tiene men\u00fa, blog, 'qui\u00e9nes somos' y el cliente se pierde.\"<\/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\">\"Mando los anuncios a la Home o a Instagram y pierdo el rastro.\"<\/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\">\"No tengo seguimiento autom\u00e1tico, respondo tarde o sin proceso.\"<\/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 un Embudo<\/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\">Web Tradicional<\/h3>\r\n <div class=\"space-y-4 text-center\">\r\n <p class=\"text-gray-600\">Tr\u00e1fico sin direcci\u00f3n clara<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Demasiadas opciones (men\u00fa, links)<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Objeciones sin responder<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Sin seguimiento posterior<\/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\">Embudo GenIA<\/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> Un camino \u00fanico y claro<\/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> Mensaje alineado a la venta<\/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> Acci\u00f3n f\u00e1cil (WhatsApp\/Cita)<\/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> Filtros y medici\u00f3n<\/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-incluye\" 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 incluye el servicio<\/h2>\r\n <p class=\"text-gray-600\">Dise\u00f1amos la m\u00e1quina de conversi\u00f3n completa.<\/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 <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Diagn\u00f3stico R\u00e1pido<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Definimos qu\u00e9 vendes, a qui\u00e9n y cu\u00e1l es la acci\u00f3n principal que buscamos.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"layout-template\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Estructura del Embudo<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Dise\u00f1amos el flujo: Captaci\u00f3n \u2192 Conversi\u00f3n \u2192 Seguimiento.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"pen-tool\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Copywriting de Venta<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Textos orientados a la acci\u00f3n y a derribar objeciones de compra.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"smartphone\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Dise\u00f1o Mobile-First<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Prioridad total al m\u00f3vil, donde ocurre el 90% de las visitas locales.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Integraciones<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Conexi\u00f3n con WhatsApp, formularios o calendario seg\u00fan convenga.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Mensajes de Seguimiento<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Configuramos los mensajes post-contacto para recuperar leads.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Tracking B\u00e1sico<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Configuraci\u00f3n de eventos clave para saber cu\u00e1ntos convierten.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Versi\u00f3n para Campa\u00f1as<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Landing limpia y r\u00e1pida, sin fugas, ideal para anuncios.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Optimizaci\u00f3n Inicial<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Ajustamos tras los primeros datos para mejorar la tasa de conversi\u00f3n.<\/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-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-center text-black\">Estructura de una Landing que convierte<\/h2>\r\n \r\n <div class=\"border border-gray-200 rounded-2xl p-8 md:p-12 bg-gray-50 relative\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-black text-white px-6 py-2 rounded-full font-bold text-sm\">ANATOM\u00cdA GENIA<\/div>\r\n\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">1<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Promesa Clara (Hero)<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Qu\u00e9 consigues y en cu\u00e1nto tiempo. Sin rodeos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">2<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Para qui\u00e9n es \/ No es<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Filtramos curiosos desde el principio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">3<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Beneficios Concretos<\/h4>\r\n <p class=\"text-gray-600 text-sm\">No caracter\u00edsticas t\u00e9cnicas, sino soluciones a dolores reales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">4<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Objeciones Resueltas<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Respondemos las dudas antes de que las pregunten (precio, tiempo, confianza).<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">5<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Prueba Social<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Evidencias de que funciona.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">6<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">CTA \u00danico y Repetido<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Un solo objetivo: WhatsApp, Formulario o Llamada.<\/p>\r\n <\/div>\r\n <\/div>\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-[#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\">Tipos de Embudo que podemos montar<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <i data-lucide=\"message-circle\" class=\"w-12 h-12 text-[#00BF63] mb-4\"><\/i>\r\n <h3 class=\"font-bold text-xl mb-2 text-black\">Embudo a WhatsApp<\/h3>\r\n <span class=\"bg-green-100 text-green-700 text-xs font-bold px-2 py-1 rounded mb-4\">M\u00c1S R\u00c1PIDO<\/span>\r\n <p class=\"text-gray-600 text-sm mb-6\">Ideal para servicios locales urgentes o de confianza (reformas, salud, est\u00e9tica). Conversaci\u00f3n directa.<\/p>\r\n <p class=\"text-xs text-gray-400 mt-auto\">Requiere: Capacidad de respuesta r\u00e1pida.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <i data-lucide=\"filter\" class=\"w-12 h-12 text-black mb-4\"><\/i>\r\n <h3 class=\"font-bold text-xl mb-2 text-black\">Embudo con Formulario<\/h3>\r\n <span class=\"bg-gray-100 text-gray-700 text-xs font-bold px-2 py-1 rounded mb-4\">M\u00c1S CALIDAD<\/span>\r\n <p class=\"text-gray-600 text-sm mb-6\">Filtra curiosos haciendo preguntas clave antes de contactar. Entrega leads m\u00e1s cualificados.<\/p>\r\n <p class=\"text-xs text-gray-400 mt-auto\">Requiere: Seguimiento por email\/llamada posterior.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <i data-lucide=\"clock\" class=\"w-12 h-12 text-black mb-4\"><\/i>\r\n <h3 class=\"font-bold text-xl mb-2 text-black\">Embudo a Agenda<\/h3>\r\n <span class=\"bg-gray-100 text-gray-700 text-xs font-bold px-2 py-1 rounded mb-4\">ALTO VALOR<\/span>\r\n <p class=\"text-gray-600 text-sm mb-6\">El cliente reserva directamente su sesi\u00f3n o llamada. Ideal para consultor\u00eda o servicios high-ticket.<\/p>\r\n <p class=\"text-xs text-gray-400 mt-auto\">Requiere: Calendario sincronizado.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\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-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"layout-template\" class=\"w-8 h-8 text-gray-300 mb-2\"><\/i>\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Landing Page<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Dise\u00f1o)<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"message-circle\" class=\"w-8 h-8 text-gray-300 mb-2\"><\/i>\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Conversiones<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Mensajes)<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-8 h-8 text-gray-300 mb-2\"><\/i>\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Resultados<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura M\u00e9tricas)<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"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-[#F5F5F5]\">\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=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfNecesito tener web previa?<\/h4>\r\n <p class=\"text-gray-600\">No. De hecho, a veces es mejor empezar con una landing page independiente y bien hecha que intentar arreglar una web antigua llena de distracciones.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfSirve si no hago anuncios todav\u00eda?<\/h4>\r\n <p class=\"text-gray-600\">Sirve para recibir cualquier tr\u00e1fico (de redes sociales, de tarjetas de visita, de Google). Pero su m\u00e1ximo potencial se ve cuando le env\u00edas tr\u00e1fico de anuncios.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfQu\u00e9 pasa si mi servicio es complejo?<\/h4>\r\n <p class=\"text-gray-600\">Mejor a\u00fan. Una landing permite explicarlo paso a paso, con v\u00eddeo si hace falta, simplificando la decisi\u00f3n para el cliente.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTambi\u00e9n hac\u00e9is el seguimiento?<\/h4>\r\n <p class=\"text-gray-600\">Configuramos la tecnolog\u00eda para que se haga (mensajes autom\u00e1ticos, CRM b\u00e1sico). T\u00fa o tu equipo solo ten\u00e9is que cerrar la venta.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTrabaj\u00e1is Espa\u00f1a y Am\u00e9rica?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Espa\u00f1a, EEUU, Argentina, M\u00e9xico, Per\u00fa y Chile.<\/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 web actual vende o solo informa?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Deja de perder visitas. Construyamos un embudo que llene tu WhatsApp de oportunidades reales.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Embudos\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-5 bg-[#00BF63] text-white rounded-full font-bold text-xl hover:bg-[#00A854] transition-transform hover:scale-105 shadow-xl shadow-green-900\/20 no-underline\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p class=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n \r\n <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n \r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n lucide.createIcons();\r\n\r\n \/\/ L\u00f3gica Header Scroll\r\n const header = document.getElementById('main-header');\r\n const logoText = document.getElementById('logo-text');\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 20) {\r\n \/\/ Estado Scrolled (Fondo Blanco)\r\n header.style.backgroundColor = '#FFFFFF';\r\n header.style.borderBottom = '1px solid #f3f4f6';\r\n header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n \r\n if(logoText) logoText.style.color = '#000000';\r\n if(mobileBtn) mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n \/\/ En esta p\u00e1gina el header est\u00e1 sobre fondo negro (Hero)\r\n if(logoText) logoText.style.color = '#ffffff';\r\n if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n }\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n breakouts.forEach(el => {\r\n let parent = el.parentElement;\r\n while (parent && parent !== document.body) {\r\n const style = window.getComputedStyle(parent);\r\n \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n parent.style.setProperty('overflow', 'visible', 'important');\r\n parent.style.setProperty('overflow-x', 'visible', 'important');\r\n parent.style.setProperty('overflow-y', 'visible', 'important');\r\n \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n parent.style.setProperty('max-width', 'none', 'important');\r\n parent.style.setProperty('width', 'auto', 'important');\r\n }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n const viewportWidth = window.innerWidth;\r\n \r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n el.style.setProperty('left', 'auto', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '0', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('width', '100%', 'important');\r\n el.style.setProperty('max-width', '100%', 'important');\r\n el.style.setProperty('transform', 'none', 'important');\r\n el.style.setProperty('position', 'relative', 'important');\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n \/\/ Aplicar correcci\u00f3n\r\n el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('left', '0', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n });\r\n }\r\n\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Landing Pages y Embudos | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Conversi\u00f3n y Ventas Landing Pages y Embudos para convertir visitas en solicitudes Una landing no es \u00abuna web bonita\u00bb. Es una p\u00e1gina dise\u00f1ada estrat\u00e9gicamente para guiar al usuario, resolver sus objeciones y […]<\/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-1298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1298","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=1298"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1298\/revisions"}],"predecessor-version":[{"id":1420,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1298\/revisions\/1420"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1298"}],"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 Landing Pages y Embudos | 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 right-1\/2 translate-x-1\/2 w-full max-w-4xl h-full bg-[#00BF63]\/5 blur-[100px] rounded-full pointer-events-none\"><\/div>\r\n \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\">Conversi\u00f3n y Ventas<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Landing Pages y Embudos para <span class=\"text-[#00BF63]\">convertir visitas en solicitudes<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">Una landing no es \"una web bonita\". Es una p\u00e1gina dise\u00f1ada estrat\u00e9gicamente para guiar al usuario, resolver sus objeciones y conseguir que te contacte.<\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-10 text-sm md:text-base\">\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>M\u00e1s solicitudes cualificadas<\/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>Mensaje claro que no confunde<\/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 que se enfr\u00edan<\/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%20Embudos\" 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-incluye').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 la estructura <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 (f\u00edsicos\/locales) que invierten en tr\u00e1fico.<\/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> Hacen campa\u00f1as pero su web actual no convierte.<\/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 un camino claro hacia WhatsApp, llamada o reserva.<\/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> Est\u00e1n dispuestos a simplificar su mensaje para vender m\u00e1s.<\/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> Ecommerce \/ Tiendas online de productos (cat\u00e1logos extensos).<\/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 una web \"tarjeta de visita\" sin objetivo claro.<\/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 no est\u00e1 dispuesto a ajustar su oferta o precios.<\/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> Negocios sin capacidad de atender las solicitudes.<\/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 t\u00edpico de una web \"normal\"<\/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\">\"Entra tr\u00e1fico (visitas), pero no entran solicitudes ni ventas.\"<\/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\">\"La gente pregunta precio y se enfr\u00eda porque no ven el valor.\"<\/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\">\"Mi web tiene men\u00fa, blog, 'qui\u00e9nes somos' y el cliente se pierde.\"<\/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\">\"Mando los anuncios a la Home o a Instagram y pierdo el rastro.\"<\/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\">\"No tengo seguimiento autom\u00e1tico, respondo tarde o sin proceso.\"<\/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 un Embudo<\/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\">Web Tradicional<\/h3>\r\n <div class=\"space-y-4 text-center\">\r\n <p class=\"text-gray-600\">Tr\u00e1fico sin direcci\u00f3n clara<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Demasiadas opciones (men\u00fa, links)<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Objeciones sin responder<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Sin seguimiento posterior<\/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\">Embudo GenIA<\/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> Un camino \u00fanico y claro<\/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> Mensaje alineado a la venta<\/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> Acci\u00f3n f\u00e1cil (WhatsApp\/Cita)<\/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> Filtros y medici\u00f3n<\/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-incluye\" 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 incluye el servicio<\/h2>\r\n <p class=\"text-gray-600\">Dise\u00f1amos la m\u00e1quina de conversi\u00f3n completa.<\/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 <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Diagn\u00f3stico R\u00e1pido<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Definimos qu\u00e9 vendes, a qui\u00e9n y cu\u00e1l es la acci\u00f3n principal que buscamos.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"layout-template\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Estructura del Embudo<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Dise\u00f1amos el flujo: Captaci\u00f3n \u2192 Conversi\u00f3n \u2192 Seguimiento.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"pen-tool\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Copywriting de Venta<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Textos orientados a la acci\u00f3n y a derribar objeciones de compra.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"smartphone\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Dise\u00f1o Mobile-First<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Prioridad total al m\u00f3vil, donde ocurre el 90% de las visitas locales.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Integraciones<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Conexi\u00f3n con WhatsApp, formularios o calendario seg\u00fan convenga.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Mensajes de Seguimiento<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Configuramos los mensajes post-contacto para recuperar leads.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Tracking B\u00e1sico<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Configuraci\u00f3n de eventos clave para saber cu\u00e1ntos convierten.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Versi\u00f3n para Campa\u00f1as<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Landing limpia y r\u00e1pida, sin fugas, ideal para anuncios.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-all flex flex-col items-center\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\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\">Optimizaci\u00f3n Inicial<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Ajustamos tras los primeros datos para mejorar la tasa de conversi\u00f3n.<\/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-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-center text-black\">Estructura de una Landing que convierte<\/h2>\r\n \r\n <div class=\"border border-gray-200 rounded-2xl p-8 md:p-12 bg-gray-50 relative\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-black text-white px-6 py-2 rounded-full font-bold text-sm\">ANATOM\u00cdA GENIA<\/div>\r\n\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">1<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Promesa Clara (Hero)<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Qu\u00e9 consigues y en cu\u00e1nto tiempo. Sin rodeos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">2<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Para qui\u00e9n es \/ No es<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Filtramos curiosos desde el principio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">3<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Beneficios Concretos<\/h4>\r\n <p class=\"text-gray-600 text-sm\">No caracter\u00edsticas t\u00e9cnicas, sino soluciones a dolores reales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">4<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Objeciones Resueltas<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Respondemos las dudas antes de que las pregunten (precio, tiempo, confianza).<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">5<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">Prueba Social<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Evidencias de que funciona.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-8 h-8 rounded-full bg-[#00BF63] text-white flex items-center justify-center font-bold mr-4 shrink-0\">6<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-black\">CTA \u00danico y Repetido<\/h4>\r\n <p class=\"text-gray-600 text-sm\">Un solo objetivo: WhatsApp, Formulario o Llamada.<\/p>\r\n <\/div>\r\n <\/div>\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-[#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\">Tipos de Embudo que podemos montar<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <i data-lucide=\"message-circle\" class=\"w-12 h-12 text-[#00BF63] mb-4\"><\/i>\r\n <h3 class=\"font-bold text-xl mb-2 text-black\">Embudo a WhatsApp<\/h3>\r\n <span class=\"bg-green-100 text-green-700 text-xs font-bold px-2 py-1 rounded mb-4\">M\u00c1S R\u00c1PIDO<\/span>\r\n <p class=\"text-gray-600 text-sm mb-6\">Ideal para servicios locales urgentes o de confianza (reformas, salud, est\u00e9tica). Conversaci\u00f3n directa.<\/p>\r\n <p class=\"text-xs text-gray-400 mt-auto\">Requiere: Capacidad de respuesta r\u00e1pida.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <i data-lucide=\"filter\" class=\"w-12 h-12 text-black mb-4\"><\/i>\r\n <h3 class=\"font-bold text-xl mb-2 text-black\">Embudo con Formulario<\/h3>\r\n <span class=\"bg-gray-100 text-gray-700 text-xs font-bold px-2 py-1 rounded mb-4\">M\u00c1S CALIDAD<\/span>\r\n <p class=\"text-gray-600 text-sm mb-6\">Filtra curiosos haciendo preguntas clave antes de contactar. Entrega leads m\u00e1s cualificados.<\/p>\r\n <p class=\"text-xs text-gray-400 mt-auto\">Requiere: Seguimiento por email\/llamada posterior.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <i data-lucide=\"clock\" class=\"w-12 h-12 text-black mb-4\"><\/i>\r\n <h3 class=\"font-bold text-xl mb-2 text-black\">Embudo a Agenda<\/h3>\r\n <span class=\"bg-gray-100 text-gray-700 text-xs font-bold px-2 py-1 rounded mb-4\">ALTO VALOR<\/span>\r\n <p class=\"text-gray-600 text-sm mb-6\">El cliente reserva directamente su sesi\u00f3n o llamada. Ideal para consultor\u00eda o servicios high-ticket.<\/p>\r\n <p class=\"text-xs text-gray-400 mt-auto\">Requiere: Calendario sincronizado.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"genia-section-breakout py-20 bg-white\">\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-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"layout-template\" class=\"w-8 h-8 text-gray-300 mb-2\"><\/i>\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Landing Page<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Dise\u00f1o)<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"message-circle\" class=\"w-8 h-8 text-gray-300 mb-2\"><\/i>\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Conversiones<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Mensajes)<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-8 h-8 text-gray-300 mb-2\"><\/i>\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Resultados<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura M\u00e9tricas)<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"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-[#F5F5F5]\">\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=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfNecesito tener web previa?<\/h4>\r\n <p class=\"text-gray-600\">No. De hecho, a veces es mejor empezar con una landing page independiente y bien hecha que intentar arreglar una web antigua llena de distracciones.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfSirve si no hago anuncios todav\u00eda?<\/h4>\r\n <p class=\"text-gray-600\">Sirve para recibir cualquier tr\u00e1fico (de redes sociales, de tarjetas de visita, de Google). Pero su m\u00e1ximo potencial se ve cuando le env\u00edas tr\u00e1fico de anuncios.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfQu\u00e9 pasa si mi servicio es complejo?<\/h4>\r\n <p class=\"text-gray-600\">Mejor a\u00fan. Una landing permite explicarlo paso a paso, con v\u00eddeo si hace falta, simplificando la decisi\u00f3n para el cliente.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTambi\u00e9n hac\u00e9is el seguimiento?<\/h4>\r\n <p class=\"text-gray-600\">Configuramos la tecnolog\u00eda para que se haga (mensajes autom\u00e1ticos, CRM b\u00e1sico). T\u00fa o tu equipo solo ten\u00e9is que cerrar la venta.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTrabaj\u00e1is Espa\u00f1a y Am\u00e9rica?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. Espa\u00f1a, EEUU, Argentina, M\u00e9xico, Per\u00fa y Chile.<\/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 web actual vende o solo informa?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Deja de perder visitas. Construyamos un embudo que llene tu WhatsApp de oportunidades reales.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Embudos\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-5 bg-[#00BF63] text-white rounded-full font-bold text-xl hover:bg-[#00A854] transition-transform hover:scale-105 shadow-xl shadow-green-900\/20 no-underline\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <p class=\"text-xs text-gray-500 mt-4 flex items-center justify-center\">\r\n <i data-lucide=\"clock\" class=\"mr-1 w-3 h-3\"><\/i> Respuesta en menos de 24h\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n \r\n <footer class=\"genia-section-breakout bg-black text-white pt-10 pb-8 border-t border-gray-900\" style=\"background-color: #000000 !important; color: #ffffff !important; border-top: 1px solid #111827 !important; position: relative !important; z-index: 10 !important;\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center md:text-left\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"text-2xl font-extrabold tracking-tighter block text-white no-underline mb-2\" style=\"color: #ffffff !important;\">Gen<span class=\"text-[#00BF63]\" style=\"color: #00BF63 !important;\">IA<\/span><\/a>\r\n <p class=\"text-gray-400 text-xs mb-4\" style=\"color: #9ca3af !important;\">Transformaci\u00f3n digital para negocios.<\/p>\r\n \r\n <div class=\"flex space-x-4 mt-4 justify-center md:justify-start\" style=\"display: flex !important; gap: 1rem !important;\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/genia.digital_\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #9ca3af !important;\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-[9999] flex items-center justify-center w-16 h-16 bg-[#25D366] rounded-full shadow-2xl hover:scale-110 transition-transform duration-300 no-underline\" style=\"display: flex !important; justify-content: center !important; align-items: center !important; background-color: #25D366 !important; width: 64px !important; height: 64px !important; border-radius: 50% !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n lucide.createIcons();\r\n\r\n \/\/ L\u00f3gica Header Scroll\r\n const header = document.getElementById('main-header');\r\n const logoText = document.getElementById('logo-text');\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n function handleScroll() {\r\n if (window.scrollY > 20) {\r\n \/\/ Estado Scrolled (Fondo Blanco)\r\n header.style.backgroundColor = '#FFFFFF';\r\n header.style.borderBottom = '1px solid #f3f4f6';\r\n header.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1)';\r\n \r\n if(logoText) logoText.style.color = '#000000';\r\n if(mobileBtn) mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n \/\/ En esta p\u00e1gina el header est\u00e1 sobre fondo negro (Hero)\r\n if(logoText) logoText.style.color = '#ffffff';\r\n if(mobileBtn) mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n }\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (Iterar hasta el body)\r\n breakouts.forEach(el => {\r\n let parent = el.parentElement;\r\n while (parent && parent !== document.body) {\r\n const style = window.getComputedStyle(parent);\r\n \/\/ Forzar overflow visible si detectamos hidden\/scroll\/clip\r\n if (style.overflow !== 'visible' || style.overflowX !== 'visible' || style.overflowY !== 'visible') {\r\n parent.style.setProperty('overflow', 'visible', 'important');\r\n parent.style.setProperty('overflow-x', 'visible', 'important');\r\n parent.style.setProperty('overflow-y', 'visible', 'important');\r\n \/\/ A veces los temas limitan el ancho m\u00e1ximo de los contenedores padres\r\n parent.style.setProperty('max-width', 'none', 'important');\r\n parent.style.setProperty('width', 'auto', 'important');\r\n }\r\n parent = parent.parentElement;\r\n }\r\n });\r\n\r\n \/\/ 2. Recalcular posici\u00f3n exacta (JS Fallback Inteligente)\r\n const viewportWidth = window.innerWidth;\r\n \r\n breakouts.forEach(el => {\r\n \/\/ Resetear estilos con !important para asegurar medici\u00f3n correcta\r\n el.style.setProperty('left', 'auto', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n el.style.setProperty('margin-left', '0', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('width', '100%', 'important');\r\n el.style.setProperty('max-width', '100%', 'important');\r\n el.style.setProperty('transform', 'none', 'important');\r\n el.style.setProperty('position', 'relative', 'important');\r\n\r\n const rect = el.getBoundingClientRect();\r\n const offsetLeft = rect.left; \/\/ Distancia exacta al borde izquierdo\r\n\r\n \/\/ Aplicar correcci\u00f3n\r\n el.style.setProperty('width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('max-width', viewportWidth + 'px', 'important');\r\n el.style.setProperty('left', '0', 'important');\r\n el.style.setProperty('margin-left', '-' + offsetLeft + 'px', 'important');\r\n el.style.setProperty('margin-right', '0', 'important');\r\n el.style.setProperty('right', 'auto', 'important');\r\n });\r\n }\r\n\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Landing Pages y Embudos | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Conversi\u00f3n y Ventas Landing Pages y Embudos para convertir visitas en solicitudes Una landing no es \u00abuna web bonita\u00bb. Es una p\u00e1gina dise\u00f1ada estrat\u00e9gicamente para guiar al usuario, resolver sus objeciones y […]<\/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-1298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1298","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=1298"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1298\/revisions"}],"predecessor-version":[{"id":1420,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1298\/revisions\/1420"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}