Productos Digitales | 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 a { \r\n text-decoration: none !important; \r\n font-weight: 700 !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: none !important; \r\n border-bottom: none !important;\r\n }\r\n .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n \/* COLORES GENIA *\/\r\n .text-verde-genia { color: #00BF63 !important; }\r\n .bg-verde-genia { background-color: #00BF63 !important; }\r\n\r\n \/* 4. Header Flotante *\/\r\n #main-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 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\r\n \/* 5. Responsive *\/\r\n .hero-title { font-size: 2.25rem !important; } \r\n @media (min-width: 768px) {\r\n .hero-title { font-size: 3.75rem !important; } \r\n }\r\n \r\n \/* Utilidad de color *\/\r\n .text-genia-green { color: #00BF63 !important; }\r\n .bg-genia-green { background-color: #00BF63 !important; }\r\n .hover-bg-genia-dark:hover { background-color: #00A854 !important; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black 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=\"bg-transparent border-b border-white\/10\" style=\"background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.1);\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\" style=\"display: flex !important; justify-content: space-between !important; align-items: center !important; height: 5rem !important;\">\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n <span id=\"logo-text\" class=\"text-white transition-colors\" style=\"color: #ffffff;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n <\/a>\r\n \r\n \r\n <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\" style=\"display: none;\">\r\n <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"md:hidden flex items-center\" style=\"display: flex;\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-white transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #ffffff; border: none !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n <div class=\"pt-4\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"genia-section-breakout relative bg-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-3xl 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\">Escalera de Valor<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Convierte tu conocimiento en un producto digital que <span class=\"text-[#00BF63]\">impulse tu negocio<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">No es solo \"vender un curso\"; es crear una pieza estrat\u00e9gica para captar, filtrar curiosos y vender mejor tus servicios principales.<\/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>Aumenta ticket medio<\/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 cualificaci\u00f3n de clientes<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Menos repetici\u00f3n en ventas<\/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%20Productos\" 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('tipos-producto').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 ejemplos de productos <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 experiencia y metodolog\u00eda clara.<\/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> Reciben preguntas repetidas que consumen 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> Necesitan filtrar clientes y crear una escalera de valor.<\/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 vender con m\u00e1s control y autoridad.<\/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 busca promesas f\u00e1ciles (\"hazte rico mientras duermes\").<\/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 quiere estructurar su oferta o dedicar tiempo inicial.<\/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 f\u00edsicos tradicionales.<\/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 tiene un servicio principal validado.<\/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: \"Vendo horas y repito lo mismo\"<\/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\">\"Siempre respondo lo mismo por WhatsApp una y otra vez.\"<\/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 llegan muchos curiosos que no tienen presupuesto para mi servicio.\"<\/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\">\"Pierdo tiempo explicando lo b\u00e1sico antes de poder vender lo importante.\"<\/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\">\"Quiero aumentar mi margen sin a\u00f1adir m\u00e1s horas de trabajo.\"<\/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\">Qu\u00e9 cambia con un producto digital<\/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 class=\"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\">Curiosos sin cualificar<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Baja percepci\u00f3n de autoridad<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Seguimiento 100% manual<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Ventas a \"golpe de suerte\"<\/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> 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> Autoridad demostrada<\/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> Escalera de valor clara<\/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> Cliente mejor preparado<\/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=\"tipos-producto\" 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\">Tipos de producto para servicios<\/h2>\r\n <p class=\"text-gray-600\">No necesitas ser \"youtuber\". Necesitas empaquetar tu soluci\u00f3n.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Gu\u00eda \/ Checklist<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Captaci\u00f3n<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Documento simple y accionable. Ideal para entrada r\u00e1pida de clientes.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"video\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Mini Formaci\u00f3n<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Autoridad y Filtro<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">V\u00eddeo corto resolviendo un problema espec\u00edfico. Genera confianza inmediata.<\/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 relative overflow-hidden group\">\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\">Auditor\u00eda Pagada<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Cualificaci\u00f3n<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Diagn\u00f3stico inicial cobrado. Solo pasan los clientes serios.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"layers\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Plantillas \/ Scripts<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Ahorro de tiempo<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Herramientas que ahorran tiempo al cliente. Alto valor percibido.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"monitor-play\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Programa H\u00edbrido<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Aumento Ticket<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Contenido grabado + soporte grupal o puntual. Escala tu hora.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"lock\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Membres\u00eda<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Recurrencia<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Acceso recurrente a soporte o actualizaciones. Ingreso estable.<\/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 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Qu\u00e9 incluye el servicio<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"zap\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Definici\u00f3n del Producto<\/h4>\r\n <p class=\"text-xs text-gray-500\">Dise\u00f1amos una promesa clara y simple que tu cliente quiera comprar.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"package\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Estructura y Contenido<\/h4>\r\n <p class=\"text-xs text-gray-500\">Te ayudamos a organizar qu\u00e9 entregas y en qu\u00e9 formato.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"monitor-play\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Landing de Venta<\/h4>\r\n <p class=\"text-xs text-gray-500\">P\u00e1gina optimizada para que el cliente compre o deje sus datos.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"arrow-down\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Automatizaci\u00f3n<\/h4>\r\n <p class=\"text-xs text-gray-500\">Entrega del producto autom\u00e1tica tras el pago o registro.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Conexi\u00f3n WhatsApp<\/h4>\r\n <p class=\"text-xs text-gray-500\">Seguimiento post-compra para ofrecer el servicio principal.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"layers\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Embudo de Captaci\u00f3n<\/h4>\r\n <p class=\"text-xs text-gray-500\">Estrategia para atraer tr\u00e1fico hacia este producto.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Medici\u00f3n<\/h4>\r\n <p class=\"text-xs text-gray-500\">Analizamos qu\u00e9 tal funciona como filtro y generador de negocio.<\/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-[#F5F5F5]\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n \r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo trabajamos<\/h2>\r\n \r\n <div class=\"space-y-4 max-w-2xl mx-auto mb-20\">\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Detectamos qu\u00e9 comprar\u00eda tu cliente sin hablar contigo<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Dise\u00f1amos una promesa simple y \u00fatil<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Creamos contenido y sistema de entrega<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Montamos la landing + automatizaci\u00f3n<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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\">5<\/div>\r\n <p class=\"font-medium text-left text-black\">Lo conectamos con tu servicio principal<\/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-200 rounded-full text-sm text-gray-700\">Preguntas t\u00edpicas<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Proceso de servicio<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Objeciones comunes<\/span>\r\n <\/div>\r\n <\/div>\r\n\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-[#F5F5F5] p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"shopping-bag\" 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\">P\u00e1gina de Venta<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Landing)<\/p>\r\n <\/div>\r\n <div class=\"bg-[#F5F5F5] p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"play-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\">Producto<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Producto)<\/p>\r\n <\/div>\r\n <div class=\"bg-[#F5F5F5] p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"zap\" 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\">Automatizaci\u00f3n<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Email\/Chat)<\/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 border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTengo que grabar v\u00eddeos?<\/h4>\r\n <p class=\"text-gray-600\">No siempre. Hay productos excelentes basados en texto (gu\u00edas, checklists), audio o plantillas que no requieren c\u00e1mara.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfNecesito tener audiencia previa?<\/h4>\r\n <p class=\"text-gray-600\">Ayuda, pero no es obligatorio. Podemos captar tr\u00e1fico fr\u00edo mediante campa\u00f1as de Ads o SEO hacia el producto digital como entrada.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfEsto sustituye mi servicio principal?<\/h4>\r\n <p class=\"text-gray-600\">No, lo impulsa. El producto digital suele actuar como filtro o 'entrada' para que el cliente conf\u00ede y luego contrate tu servicio high-ticket.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfQu\u00e9 producto deber\u00eda crear primero?<\/h4>\r\n <p class=\"text-gray-600\">Analizamos tus consultas m\u00e1s frecuentes. Lo ideal es resolver un problema peque\u00f1o y urgente que tenga tu cliente ideal antes de contratarte.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfCu\u00e1nto tarda en montarse?<\/h4>\r\n <p class=\"text-gray-600\">Depende del formato. Una gu\u00eda o plantilla se puede estructurar y lanzar en pocas semanas. Un curso complejo lleva m\u00e1s tiempo.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfPuedo venderlo por WhatsApp?<\/h4>\r\n <p class=\"text-gray-600\">Absolutamente. Es un canal excelente para resolver dudas finales y enviar el enlace de pago seguro.<\/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\">\u00bfQuieres vender con m\u00e1s margen y control?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Deja de vender solo horas. Empaqueta tu conocimiento y escala tu negocio.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Productos\" 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;\">\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 \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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61567888533755\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.tiktok.com\/@genia.digital\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/youtube.com\/@alexydavid-digitalizacion?si=vsUGDBYSZC72Yh6I\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"\/><path d=\"m10 15 5-3-5-3z\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\/in\/alex-y-david-digitalizaci%C3%B3n-de-negocios-8a4098336\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/aviso-legal\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Aviso Legal<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \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 \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n\r\n <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 logoText.style.color = '#000000';\r\n mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n logoText.style.color = '#ffffff';\r\n mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (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 \/\/ Ejecutar en varios momentos para asegurar que carga despu\u00e9s del tema\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/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>Productos Digitales | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Escalera de Valor Convierte tu conocimiento en un producto digital que impulse tu negocio No es solo \u00abvender un curso\u00bb; es crear una pieza estrat\u00e9gica para captar, filtrar curiosos y vender mejor tus servicios […]<\/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-1309","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1309","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=1309"}],"version-history":[{"count":10,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1309\/revisions"}],"predecessor-version":[{"id":1444,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1309\/revisions\/1444"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1309"}],"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 Productos Digitales | 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 a { \r\n text-decoration: none !important; \r\n font-weight: 700 !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: none !important; \r\n border-bottom: none !important;\r\n }\r\n .genia-wrapper ul, .genia-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n .genia-wrapper img { max-width: 100% !important; height: auto !important; margin: 0 !important; }\r\n .genia-wrapper button { cursor: pointer !important; border: none !important; font-weight: 800 !important; }\r\n\r\n \/* COLORES GENIA *\/\r\n .text-verde-genia { color: #00BF63 !important; }\r\n .bg-verde-genia { background-color: #00BF63 !important; }\r\n\r\n \/* 4. Header Flotante *\/\r\n #main-header {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 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\r\n \/* 5. Responsive *\/\r\n .hero-title { font-size: 2.25rem !important; } \r\n @media (min-width: 768px) {\r\n .hero-title { font-size: 3.75rem !important; } \r\n }\r\n \r\n \/* Utilidad de color *\/\r\n .text-genia-green { color: #00BF63 !important; }\r\n .bg-genia-green { background-color: #00BF63 !important; }\r\n .hover-bg-genia-dark:hover { background-color: #00A854 !important; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-black 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=\"bg-transparent border-b border-white\/10\" style=\"background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.1);\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\" style=\"display: flex !important; justify-content: space-between !important; align-items: center !important; height: 5rem !important;\">\r\n \r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"flex items-center space-x-2 text-2xl font-extrabold tracking-tighter no-underline group\" style=\"text-decoration: none !important; display: flex !important; align-items: center !important;\">\r\n <span id=\"logo-text\" class=\"text-white transition-colors\" style=\"color: #ffffff;\">Gen<\/span><span class=\"text-[#00BF63]\">IA<\/span>\r\n <\/a>\r\n \r\n \r\n <nav id=\"desktop-nav\" class=\"hidden md:flex items-center space-x-6\" style=\"display: none;\">\r\n <style>@media(min-width: 768px) { #desktop-nav { display: flex !important; gap: 1.5rem !important; } }<\/style>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"nav-link text-white text-sm font-extrabold hover:text-[#00BF63] transition-colors no-underline !font-extrabold\" style=\"color: #ffffff;\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"bg-[#00BF63] text-white px-4 py-2 rounded-full font-bold text-xs hover:bg-[#00A854] transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline flex items-center justify-center\" style=\"background-color: #00BF63 !important; color: #ffffff !important; display: inline-flex !important;\">\r\n Hablar por WhatsApp\r\n <\/a>\r\n <\/nav>\r\n \r\n \r\n <div class=\"md:hidden flex items-center\" style=\"display: flex;\">\r\n <style>@media(min-width: 768px) { .md\\:hidden { display: none !important; } }<\/style>\r\n <button id=\"mobile-menu-btn\" class=\"p-2 text-white transition-colors bg-transparent border-none\" style=\"background: transparent !important; color: #ffffff; border: none !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden bg-white text-black border-t border-gray-100 absolute w-full h-screen top-20 left-0 shadow-lg z-[9999]\" style=\"background-color: #ffffff !important; display: none;\">\r\n <div class=\"px-4 pt-4 pb-6 space-y-4 flex flex-col bg-white\">\r\n <a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Inicio<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Servicios<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/sobre-nosotros\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Sobre nosotros<\/a>\r\n <a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"block py-3 text-lg font-medium border-b border-gray-50 text-black\" style=\"color: #000000 !important;\">Contacto<\/a>\r\n <div class=\"pt-4\">\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Vengo%20de%20vuestro%20sitio%20web,%20y%20quiero%20saber%20m%C3%A1s%20informaci%C3%B3n%20sobre%20GenIA\" target=\"_blank\" class=\"block w-full text-center bg-[#00BF63] text-white px-6 py-4 rounded-lg font-bold text-lg\" style=\"background-color: #00BF63 !important; color: #ffffff !important;\">Hablar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"genia-section-breakout relative bg-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-3xl 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\">Escalera de Valor<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Convierte tu conocimiento en un producto digital que <span class=\"text-[#00BF63]\">impulse tu negocio<\/span><\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">No es solo \"vender un curso\"; es crear una pieza estrat\u00e9gica para captar, filtrar curiosos y vender mejor tus servicios principales.<\/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>Aumenta ticket medio<\/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 cualificaci\u00f3n de clientes<\/span>\r\n <\/div>\r\n <div class=\"flex items-center text-gray-300 justify-center\">\r\n <i data-lucide=\"check\" class=\"text-[#00BF63] w-5 h-5 mr-2 shrink-0\"><\/i>\r\n <span>Menos repetici\u00f3n en ventas<\/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%20Productos\" 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('tipos-producto').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 ejemplos de productos <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 experiencia y metodolog\u00eda clara.<\/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> Reciben preguntas repetidas que consumen 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> Necesitan filtrar clientes y crear una escalera de valor.<\/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 vender con m\u00e1s control y autoridad.<\/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 busca promesas f\u00e1ciles (\"hazte rico mientras duermes\").<\/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 quiere estructurar su oferta o dedicar tiempo inicial.<\/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 f\u00edsicos tradicionales.<\/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 tiene un servicio principal validado.<\/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: \"Vendo horas y repito lo mismo\"<\/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\">\"Siempre respondo lo mismo por WhatsApp una y otra vez.\"<\/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 llegan muchos curiosos que no tienen presupuesto para mi servicio.\"<\/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\">\"Pierdo tiempo explicando lo b\u00e1sico antes de poder vender lo importante.\"<\/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\">\"Quiero aumentar mi margen sin a\u00f1adir m\u00e1s horas de trabajo.\"<\/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\">Qu\u00e9 cambia con un producto digital<\/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 class=\"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\">Curiosos sin cualificar<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Baja percepci\u00f3n de autoridad<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Seguimiento 100% manual<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Ventas a \"golpe de suerte\"<\/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> 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> Autoridad demostrada<\/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> Escalera de valor clara<\/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> Cliente mejor preparado<\/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=\"tipos-producto\" 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\">Tipos de producto para servicios<\/h2>\r\n <p class=\"text-gray-600\">No necesitas ser \"youtuber\". Necesitas empaquetar tu soluci\u00f3n.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Gu\u00eda \/ Checklist<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Captaci\u00f3n<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Documento simple y accionable. Ideal para entrada r\u00e1pida de clientes.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"video\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Mini Formaci\u00f3n<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Autoridad y Filtro<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">V\u00eddeo corto resolviendo un problema espec\u00edfico. Genera confianza inmediata.<\/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 relative overflow-hidden group\">\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\">Auditor\u00eda Pagada<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Cualificaci\u00f3n<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Diagn\u00f3stico inicial cobrado. Solo pasan los clientes serios.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"layers\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Plantillas \/ Scripts<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Ahorro de tiempo<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Herramientas que ahorran tiempo al cliente. Alto valor percibido.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"monitor-play\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Programa H\u00edbrido<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Aumento Ticket<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Contenido grabado + soporte grupal o puntual. Escala tu hora.<\/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 relative overflow-hidden group\">\r\n <div class=\"bg-[#F5F5F5] p-3 rounded-full mb-4 text-[#00BF63]\">\r\n <i data-lucide=\"lock\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Membres\u00eda<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-gray-400 bg-gray-50 px-2 py-1 rounded mb-3\">Recurrencia<\/span>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Acceso recurrente a soporte o actualizaciones. Ingreso estable.<\/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 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">Qu\u00e9 incluye el servicio<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"zap\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Definici\u00f3n del Producto<\/h4>\r\n <p class=\"text-xs text-gray-500\">Dise\u00f1amos una promesa clara y simple que tu cliente quiera comprar.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"package\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Estructura y Contenido<\/h4>\r\n <p class=\"text-xs text-gray-500\">Te ayudamos a organizar qu\u00e9 entregas y en qu\u00e9 formato.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"monitor-play\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Landing de Venta<\/h4>\r\n <p class=\"text-xs text-gray-500\">P\u00e1gina optimizada para que el cliente compre o deje sus datos.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"arrow-down\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Automatizaci\u00f3n<\/h4>\r\n <p class=\"text-xs text-gray-500\">Entrega del producto autom\u00e1tica tras el pago o registro.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Conexi\u00f3n WhatsApp<\/h4>\r\n <p class=\"text-xs text-gray-500\">Seguimiento post-compra para ofrecer el servicio principal.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"layers\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Embudo de Captaci\u00f3n<\/h4>\r\n <p class=\"text-xs text-gray-500\">Estrategia para atraer tr\u00e1fico hacia este producto.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-xl border border-gray-100\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-8 h-8 text-black mb-3\"><\/i>\r\n <h4 class=\"font-bold text-sm mb-2 text-black\">Medici\u00f3n<\/h4>\r\n <p class=\"text-xs text-gray-500\">Analizamos qu\u00e9 tal funciona como filtro y generador de negocio.<\/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-[#F5F5F5]\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n \r\n <h2 class=\"text-3xl font-bold mb-12 text-black\">C\u00f3mo lo trabajamos<\/h2>\r\n \r\n <div class=\"space-y-4 max-w-2xl mx-auto mb-20\">\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Detectamos qu\u00e9 comprar\u00eda tu cliente sin hablar contigo<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Dise\u00f1amos una promesa simple y \u00fatil<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Creamos contenido y sistema de entrega<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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 text-black\">Montamos la landing + automatizaci\u00f3n<\/p>\r\n <\/div>\r\n <div class=\"flex items-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm\">\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\">5<\/div>\r\n <p class=\"font-medium text-left text-black\">Lo conectamos con tu servicio principal<\/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-200 rounded-full text-sm text-gray-700\">Preguntas t\u00edpicas<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Proceso de servicio<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Objeciones comunes<\/span>\r\n <\/div>\r\n <\/div>\r\n\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-[#F5F5F5] p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"shopping-bag\" 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\">P\u00e1gina de Venta<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Landing)<\/p>\r\n <\/div>\r\n <div class=\"bg-[#F5F5F5] p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"play-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\">Producto<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Producto)<\/p>\r\n <\/div>\r\n <div class=\"bg-[#F5F5F5] p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <i data-lucide=\"zap\" 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\">Automatizaci\u00f3n<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Captura Email\/Chat)<\/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 border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfTengo que grabar v\u00eddeos?<\/h4>\r\n <p class=\"text-gray-600\">No siempre. Hay productos excelentes basados en texto (gu\u00edas, checklists), audio o plantillas que no requieren c\u00e1mara.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfNecesito tener audiencia previa?<\/h4>\r\n <p class=\"text-gray-600\">Ayuda, pero no es obligatorio. Podemos captar tr\u00e1fico fr\u00edo mediante campa\u00f1as de Ads o SEO hacia el producto digital como entrada.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfEsto sustituye mi servicio principal?<\/h4>\r\n <p class=\"text-gray-600\">No, lo impulsa. El producto digital suele actuar como filtro o 'entrada' para que el cliente conf\u00ede y luego contrate tu servicio high-ticket.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfQu\u00e9 producto deber\u00eda crear primero?<\/h4>\r\n <p class=\"text-gray-600\">Analizamos tus consultas m\u00e1s frecuentes. Lo ideal es resolver un problema peque\u00f1o y urgente que tenga tu cliente ideal antes de contratarte.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfCu\u00e1nto tarda en montarse?<\/h4>\r\n <p class=\"text-gray-600\">Depende del formato. Una gu\u00eda o plantilla se puede estructurar y lanzar en pocas semanas. Un curso complejo lleva m\u00e1s tiempo.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-100 p-6 rounded-xl\">\r\n <h4 class=\"font-bold text-lg mb-2 text-black\">\u00bfPuedo venderlo por WhatsApp?<\/h4>\r\n <p class=\"text-gray-600\">Absolutamente. Es un canal excelente para resolver dudas finales y enviar el enlace de pago seguro.<\/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\">\u00bfQuieres vender con m\u00e1s margen y control?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Deja de vender solo horas. Empaqueta tu conocimiento y escala tu negocio.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Productos\" 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;\">\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 \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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61567888533755\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.tiktok.com\/@genia.digital\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/youtube.com\/@alexydavid-digitalizacion?si=vsUGDBYSZC72Yh6I\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"\/><path d=\"m10 15 5-3-5-3z\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\/in\/alex-y-david-digitalizaci%C3%B3n-de-negocios-8a4098336\/\" target=\"_blank\" class=\"text-gray-400 hover:text-[#00BF63]\" style=\"color: #9ca3af !important;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Enlaces<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/servicios\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Servicios<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/contacto\/\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-base mb-2 text-white\" style=\"color: #ffffff !important;\">Legal<\/h4>\r\n <ul class=\"space-y-1 text-sm text-gray-400\">\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/politica-de-privacidad-de-datos\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Privacidad<\/a><\/li>\r\n <li><a href=\"https:\/\/genia-digital.com\/genia\/aviso-legal\/\" target=\"_blank\" class=\"hover:text-white no-underline text-gray-400\" style=\"color: #9ca3af !important;\">Aviso Legal<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-4 border-t border-gray-800 text-xs text-gray-500\" style=\"border-top: 1px solid #1f2937 !important;\">\r\n <p style=\"color: #9ca3af !important;\">\u00a9 2026 GenIA Digital. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \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 \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #ffffff !important;\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/a>\r\n\r\n <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 logoText.style.color = '#000000';\r\n mobileBtn.style.color = '#000000';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#000000';\r\n });\r\n } else {\r\n \/\/ Estado Transparente\r\n header.style.backgroundColor = 'transparent';\r\n header.style.borderBottom = '1px solid rgba(255,255,255,0.1)';\r\n header.style.boxShadow = 'none';\r\n \r\n logoText.style.color = '#ffffff';\r\n mobileBtn.style.color = '#ffffff';\r\n \r\n navLinks.forEach(link => {\r\n link.style.color = '#ffffff';\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n handleScroll(); \/\/ Check inicial\r\n\r\n \/\/ Men\u00fa M\u00f3vil\r\n mobileBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenu.style.display = 'block';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>';\r\n } else {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.style.display = 'none';\r\n mobileBtn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>';\r\n }\r\n });\r\n\r\n \/\/ FIX CR\u00cdTICO: Romper overflow hidden y ajustar ancho\r\n function fixLayout() {\r\n const breakouts = document.querySelectorAll('.genia-section-breakout');\r\n if (breakouts.length === 0) return;\r\n\r\n \/\/ 1. Romper overflow de padres (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 \/\/ Ejecutar en varios momentos para asegurar que carga despu\u00e9s del tema\r\n fixLayout();\r\n window.addEventListener('load', fixLayout);\r\n window.addEventListener('resize', fixLayout);\r\n setTimeout(fixLayout, 500);\r\n setTimeout(fixLayout, 1000);\r\n setTimeout(fixLayout, 3000);\r\n });\r\n <\/script>\r\n<\/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>Productos Digitales | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Escalera de Valor Convierte tu conocimiento en un producto digital que impulse tu negocio No es solo \u00abvender un curso\u00bb; es crear una pieza estrat\u00e9gica para captar, filtrar curiosos y vender mejor tus servicios […]<\/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-1309","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1309","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=1309"}],"version-history":[{"count":10,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1309\/revisions"}],"predecessor-version":[{"id":1444,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1309\/revisions\/1444"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}