Gesti\u00f3n de Redes Sociales | 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-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\">Confianza y Conversi\u00f3n<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Redes sociales que generan <span class=\"text-[#00BF63]\">solicitudes<\/span>, no solo publicaciones<\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">Tu perfil debe ser un comercial que trabaja 24\/7 para generar confianza y decisi\u00f3n de compra. Lo conectamos con WhatsApp para cerrar ventas.<\/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>Mensaje claro de venta<\/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>Perfil que convierte visitas<\/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>Contenido con intenci\u00f3n<\/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%20Redes\" 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-contenido').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 c\u00f3mo lo hacemos <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 que quieren usar RRSS como canal comercial.<\/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> Tienen un buen servicio pero necesitan generar m\u00e1s confianza.<\/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> No tienen tiempo para planificar ni ejecutar contenido.<\/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 derivar tr\u00e1fico a WhatsApp para cerrar ventas.<\/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 quiere volverse influencer o vivir de su imagen personal.<\/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 solo busca \"likes\" y \"viralidad\" sin estrategia de negocio.<\/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 (requiere otro tipo de contenido).<\/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 puede atender los mensajes que lleguen.<\/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: Publicar sin vender<\/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\">\"Publico regularmente pero no pasa nada, nadie pregunta.\"<\/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\">\"Tengo seguidores pero no entran solicitudes de presupuesto.\"<\/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 perfil no transmite confianza, se ve desordenado.\"<\/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 s\u00e9 qu\u00e9 decir para vender sin parecer pesado.\"<\/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\">\"Improviso cada semana y me quita demasiado tiempo.\"<\/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 cuando las redes tienen funci\u00f3n<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 opacity-80\">\r\n <h3 className=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Antes<\/h3>\r\n <div class=\"space-y-4 text-center\">\r\n <p class=\"text-gray-600\">Publicaciones sin objetivo<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Perfil visualmente desordenado<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Mensajes vac\u00edos que no venden<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Leads perdidos por confusi\u00f3n<\/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> Perfil que filtra y convierte<\/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> Contenido con intenci\u00f3n<\/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> CTA claro a WhatsApp<\/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> Orden y consistencia<\/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 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\">Profesionalizamos tu presencia digital para que transmita autoridad.<\/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 <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\">Optimizaci\u00f3n de Perfil<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Bio, destacados y foto dise\u00f1ados para que el visitante entienda qu\u00e9 haces y te contacte.<\/p>\r\n <\/div>\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\">Mensaje y Posicionamiento<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Definimos tu propuesta de valor \u00fanica para diferenciarte de la competencia local.<\/p>\r\n <\/div>\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=\"share-2\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Pilares de Contenido<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estrategia de temas (atraer \/ convencer \/ convertir) para no publicar 'relleno'.<\/p>\r\n <\/div>\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\">Guiones y Formatos<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estructuras probadas para posts y reels que retienen la atenci\u00f3n.<\/p>\r\n <\/div>\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\">Calendario Editorial<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Planificaci\u00f3n mensual para mantener un ritmo estable sin agobios.<\/p>\r\n <\/div>\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\">Contenido de Acci\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Piezas dise\u00f1adas espec\u00edficamente para generar mensajes a WhatsApp o reservas.<\/p>\r\n <\/div>\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\">Guion de Mensajes<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Respuestas base para agilizar la atenci\u00f3n cuando te escriban.<\/p>\r\n <\/div>\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=\"users\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Integraci\u00f3n Web\/Embudo<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Conectamos las redes con tu landing page o sistema de captaci\u00f3n.<\/p>\r\n <\/div>\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\">Medici\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Analizamos qu\u00e9 tipo de contenido te trae conversaciones reales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"tipos-contenido\" 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\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-center text-black\">Los 3 tipos de contenido que S\u00cd sirven<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-gray-50 border border-gray-100 rounded-2xl p-8 hover:shadow-lg transition-shadow\">\r\n <div class=\"bg-blue-100 text-blue-600 w-12 h-12 rounded-lg flex items-center justify-center mb-6\">\r\n <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-4 text-black\">1. Confianza<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-6\">Demuestra que tienes criterio, proceso y resultados. Elimina el miedo a contratarte.<\/p>\r\n <div class=\"bg-white p-4 rounded-xl border border-gray-200 text-xs text-gray-500 space-y-2\">\r\n <p class=\"font-bold text-black mb-1\">Ejemplos:<\/p>\r\n <p>\u2022 \"As\u00ed trabajamos este caso dif\u00edcil\"<\/p>\r\n <p>\u2022 \"Nuestro proceso paso a paso\"<\/p>\r\n <p>\u2022 \"Error com\u00fan que evitamos\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 border border-gray-100 rounded-2xl p-8 hover:shadow-lg transition-shadow\">\r\n <div class=\"bg-purple-100 text-purple-600 w-12 h-12 rounded-lg flex items-center justify-center mb-6\">\r\n <i data-lucide=\"check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-4 text-black\">2. Decisi\u00f3n<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-6\">Rompe objeciones y explica por qu\u00e9 tu soluci\u00f3n es la adecuada ahora.<\/p>\r\n <div class=\"bg-white p-4 rounded-xl border border-gray-200 text-xs text-gray-500 space-y-2\">\r\n <p class=\"font-bold text-black mb-1\">Ejemplos:<\/p>\r\n <p>\u2022 \"Por qu\u00e9 elegir X en vez de Y\"<\/p>\r\n <p>\u2022 \"Preguntas frecuentes resueltas\"<\/p>\r\n <p>\u2022 \"Para qui\u00e9n es este servicio\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 border border-gray-100 rounded-2xl p-8 hover:shadow-lg transition-shadow\">\r\n <div class=\"bg-[#00BF63]\/20 text-[#00BF63] w-12 h-12 rounded-lg flex items-center justify-center mb-6\">\r\n <i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-4 text-black\">3. Acci\u00f3n<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-6\">Invita directamente a la venta. Sin rodeos. Dile al cliente qu\u00e9 hacer.<\/p>\r\n <div class=\"bg-white p-4 rounded-xl border border-gray-200 text-xs text-gray-500 space-y-2\">\r\n <p class=\"font-bold text-black mb-1\">Ejemplos:<\/p>\r\n <p>\u2022 \"Agenda abierta para este mes\"<\/p>\r\n <p>\u2022 \"Escr\u00edbenos para tu diagn\u00f3stico\"<\/p>\r\n <p>\u2022 \"\u00daltimas plazas \/ Oferta actual\"<\/p>\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-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\">Ordenamos tu perfil y mensaje (optimizaci\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\">2<\/div>\r\n <p class=\"font-medium text-left text-black\">Definimos pilares y creamos los guiones<\/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\">Publicamos con consistencia y calidad<\/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\">Conectamos los CTAs con WhatsApp\/Landing<\/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\">Medimos qu\u00e9 contenido trae clientes y ajustamos<\/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\">Servicios prioritarios<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Cliente ideal y objeciones<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Acceso a cuentas<\/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-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Perfil<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Perfil Optimizado)<\/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 <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Contenido<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Pieza Contenido)<\/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 <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 Chat Entrante)<\/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\">\u00bfSirve si no tengo seguidores?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. No buscamos vanidad, buscamos que cuando alguien llegue a tu perfil (por anuncios o b\u00fasqueda) vea un negocio serio y conf\u00ede para escribirte.<\/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\">\u00bfTengo que salir en c\u00e1mara?<\/h4>\r\n <p class=\"text-gray-600\">Es recomendable porque genera mucha confianza, pero no obligatorio. Podemos usar voz en off, recursos visuales de tu trabajo o fotos del equipo.<\/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\u00e1ndo se nota?<\/h4>\r\n <p class=\"text-gray-600\">La mejora de imagen es inmediata tras optimizar el perfil. La generaci\u00f3n de solicitudes org\u00e1nicas toma tiempo y constancia. Para velocidad, lo combinamos con Ads.<\/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 incluye anuncios?<\/h4>\r\n <p class=\"text-gray-600\">No, esta es la gesti\u00f3n org\u00e1nica (el escaparate). Los anuncios (Meta Ads) son el tr\u00e1fico que enviamos a ese escaparate. Son servicios complementarios.<\/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 redes trabaj\u00e1is?<\/h4>\r\n <p class=\"text-gray-600\">Principalmente Instagram y Facebook para negocios locales, y Google Business Profile. TikTok o LinkedIn si tiene sentido para tu estrategia.<\/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\">\u00bfTambi\u00e9n contest\u00e1is mensajes?<\/h4>\r\n <p class=\"text-gray-600\">Podemos configurar respuestas r\u00e1pidas y automatizaciones, pero la atenci\u00f3n comercial final la haces t\u00fa o tu equipo para cerrar la venta.<\/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\">\u00bfTus redes venden o solo adornan?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Dale a tu perfil una funci\u00f3n clara. Hablemos y dise\u00f1emos tu estrategia.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Redes\" 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 \/\/ Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n if (mobileMenuBtn && mobileMenu) {\r\n mobileMenuBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.style.display === 'none' || mobileMenu.classList.contains('hidden');\r\n if (isHidden) {\r\n mobileMenu.style.display = 'block';\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenuBtn.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.style.display = 'none';\r\n mobileMenu.classList.add('hidden');\r\n mobileMenuBtn.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 \/\/ 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>Gesti\u00f3n de Redes Sociales | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Confianza y Conversi\u00f3n Redes sociales que generan solicitudes, no solo publicaciones Tu perfil debe ser un comercial que trabaja 24\/7 para generar confianza y decisi\u00f3n de compra. Lo conectamos con WhatsApp para […]<\/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-1314","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1314","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=1314"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1314\/revisions"}],"predecessor-version":[{"id":1429,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1314\/revisions\/1429"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1314"}],"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 Gesti\u00f3n de Redes Sociales | 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-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\">Confianza y Conversi\u00f3n<\/span>\r\n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold mb-6 text-white !text-white\">Redes sociales que generan <span class=\"text-[#00BF63]\">solicitudes<\/span>, no solo publicaciones<\/h1>\r\n <p class=\"text-lg text-gray-300 mb-8 max-w-2xl mx-auto\">Tu perfil debe ser un comercial que trabaja 24\/7 para generar confianza y decisi\u00f3n de compra. Lo conectamos con WhatsApp para cerrar ventas.<\/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>Mensaje claro de venta<\/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>Perfil que convierte visitas<\/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>Contenido con intenci\u00f3n<\/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%20Redes\" 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-contenido').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 c\u00f3mo lo hacemos <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 que quieren usar RRSS como canal comercial.<\/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> Tienen un buen servicio pero necesitan generar m\u00e1s confianza.<\/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> No tienen tiempo para planificar ni ejecutar contenido.<\/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 derivar tr\u00e1fico a WhatsApp para cerrar ventas.<\/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 quiere volverse influencer o vivir de su imagen personal.<\/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 solo busca \"likes\" y \"viralidad\" sin estrategia de negocio.<\/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 (requiere otro tipo de contenido).<\/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 puede atender los mensajes que lleguen.<\/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: Publicar sin vender<\/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\">\"Publico regularmente pero no pasa nada, nadie pregunta.\"<\/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\">\"Tengo seguidores pero no entran solicitudes de presupuesto.\"<\/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 perfil no transmite confianza, se ve desordenado.\"<\/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 s\u00e9 qu\u00e9 decir para vender sin parecer pesado.\"<\/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\">\"Improviso cada semana y me quita demasiado tiempo.\"<\/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 cuando las redes tienen funci\u00f3n<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 opacity-80\">\r\n <h3 className=\"text-gray-500 font-bold uppercase tracking-widest text-sm mb-6\">Antes<\/h3>\r\n <div class=\"space-y-4 text-center\">\r\n <p class=\"text-gray-600\">Publicaciones sin objetivo<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Perfil visualmente desordenado<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Mensajes vac\u00edos que no venden<\/p>\r\n <div class=\"h-px bg-gray-200 w-1\/2 mx-auto\"><\/div>\r\n <p class=\"text-gray-600\">Leads perdidos por confusi\u00f3n<\/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> Perfil que filtra y convierte<\/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> Contenido con intenci\u00f3n<\/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> CTA claro a WhatsApp<\/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> Orden y consistencia<\/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 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\">Profesionalizamos tu presencia digital para que transmita autoridad.<\/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 <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\">Optimizaci\u00f3n de Perfil<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Bio, destacados y foto dise\u00f1ados para que el visitante entienda qu\u00e9 haces y te contacte.<\/p>\r\n <\/div>\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\">Mensaje y Posicionamiento<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Definimos tu propuesta de valor \u00fanica para diferenciarte de la competencia local.<\/p>\r\n <\/div>\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=\"share-2\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Pilares de Contenido<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estrategia de temas (atraer \/ convencer \/ convertir) para no publicar 'relleno'.<\/p>\r\n <\/div>\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\">Guiones y Formatos<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Estructuras probadas para posts y reels que retienen la atenci\u00f3n.<\/p>\r\n <\/div>\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\">Calendario Editorial<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Planificaci\u00f3n mensual para mantener un ritmo estable sin agobios.<\/p>\r\n <\/div>\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\">Contenido de Acci\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Piezas dise\u00f1adas espec\u00edficamente para generar mensajes a WhatsApp o reservas.<\/p>\r\n <\/div>\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\">Guion de Mensajes<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Respuestas base para agilizar la atenci\u00f3n cuando te escriban.<\/p>\r\n <\/div>\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=\"users\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-bold text-lg mb-2 text-black\">Integraci\u00f3n Web\/Embudo<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Conectamos las redes con tu landing page o sistema de captaci\u00f3n.<\/p>\r\n <\/div>\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\">Medici\u00f3n<\/h3>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">Analizamos qu\u00e9 tipo de contenido te trae conversaciones reales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"tipos-contenido\" 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\">\r\n <h2 class=\"text-3xl font-bold mb-12 text-center text-black\">Los 3 tipos de contenido que S\u00cd sirven<\/h2>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-gray-50 border border-gray-100 rounded-2xl p-8 hover:shadow-lg transition-shadow\">\r\n <div class=\"bg-blue-100 text-blue-600 w-12 h-12 rounded-lg flex items-center justify-center mb-6\">\r\n <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-4 text-black\">1. Confianza<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-6\">Demuestra que tienes criterio, proceso y resultados. Elimina el miedo a contratarte.<\/p>\r\n <div class=\"bg-white p-4 rounded-xl border border-gray-200 text-xs text-gray-500 space-y-2\">\r\n <p class=\"font-bold text-black mb-1\">Ejemplos:<\/p>\r\n <p>\u2022 \"As\u00ed trabajamos este caso dif\u00edcil\"<\/p>\r\n <p>\u2022 \"Nuestro proceso paso a paso\"<\/p>\r\n <p>\u2022 \"Error com\u00fan que evitamos\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 border border-gray-100 rounded-2xl p-8 hover:shadow-lg transition-shadow\">\r\n <div class=\"bg-purple-100 text-purple-600 w-12 h-12 rounded-lg flex items-center justify-center mb-6\">\r\n <i data-lucide=\"check\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-4 text-black\">2. Decisi\u00f3n<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-6\">Rompe objeciones y explica por qu\u00e9 tu soluci\u00f3n es la adecuada ahora.<\/p>\r\n <div class=\"bg-white p-4 rounded-xl border border-gray-200 text-xs text-gray-500 space-y-2\">\r\n <p class=\"font-bold text-black mb-1\">Ejemplos:<\/p>\r\n <p>\u2022 \"Por qu\u00e9 elegir X en vez de Y\"<\/p>\r\n <p>\u2022 \"Preguntas frecuentes resueltas\"<\/p>\r\n <p>\u2022 \"Para qui\u00e9n es este servicio\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 border border-gray-100 rounded-2xl p-8 hover:shadow-lg transition-shadow\">\r\n <div class=\"bg-[#00BF63]\/20 text-[#00BF63] w-12 h-12 rounded-lg flex items-center justify-center mb-6\">\r\n <i data-lucide=\"zap\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-4 text-black\">3. Acci\u00f3n<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-6\">Invita directamente a la venta. Sin rodeos. Dile al cliente qu\u00e9 hacer.<\/p>\r\n <div class=\"bg-white p-4 rounded-xl border border-gray-200 text-xs text-gray-500 space-y-2\">\r\n <p class=\"font-bold text-black mb-1\">Ejemplos:<\/p>\r\n <p>\u2022 \"Agenda abierta para este mes\"<\/p>\r\n <p>\u2022 \"Escr\u00edbenos para tu diagn\u00f3stico\"<\/p>\r\n <p>\u2022 \"\u00daltimas plazas \/ Oferta actual\"<\/p>\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-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\">Ordenamos tu perfil y mensaje (optimizaci\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\">2<\/div>\r\n <p class=\"font-medium text-left text-black\">Definimos pilares y creamos los guiones<\/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\">Publicamos con consistencia y calidad<\/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\">Conectamos los CTAs con WhatsApp\/Landing<\/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\">Medimos qu\u00e9 contenido trae clientes y ajustamos<\/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\">Servicios prioritarios<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Cliente ideal y objeciones<\/span>\r\n <span class=\"px-4 py-2 bg-gray-200 rounded-full text-sm text-gray-700\">Acceso a cuentas<\/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-gray-50 p-6 rounded-xl border border-gray-200 flex flex-col items-center justify-center h-64\">\r\n <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Perfil<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Perfil Optimizado)<\/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 <span class=\"bg-white border px-3 py-1 rounded text-xs font-bold mb-4 uppercase text-gray-500\">Contenido<\/span>\r\n <p class=\"text-gray-400 text-sm\">(Placeholder Pieza Contenido)<\/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 <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 Chat Entrante)<\/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\">\u00bfSirve si no tengo seguidores?<\/h4>\r\n <p class=\"text-gray-600\">S\u00ed. No buscamos vanidad, buscamos que cuando alguien llegue a tu perfil (por anuncios o b\u00fasqueda) vea un negocio serio y conf\u00ede para escribirte.<\/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\">\u00bfTengo que salir en c\u00e1mara?<\/h4>\r\n <p class=\"text-gray-600\">Es recomendable porque genera mucha confianza, pero no obligatorio. Podemos usar voz en off, recursos visuales de tu trabajo o fotos del equipo.<\/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\u00e1ndo se nota?<\/h4>\r\n <p class=\"text-gray-600\">La mejora de imagen es inmediata tras optimizar el perfil. La generaci\u00f3n de solicitudes org\u00e1nicas toma tiempo y constancia. Para velocidad, lo combinamos con Ads.<\/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 incluye anuncios?<\/h4>\r\n <p class=\"text-gray-600\">No, esta es la gesti\u00f3n org\u00e1nica (el escaparate). Los anuncios (Meta Ads) son el tr\u00e1fico que enviamos a ese escaparate. Son servicios complementarios.<\/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 redes trabaj\u00e1is?<\/h4>\r\n <p class=\"text-gray-600\">Principalmente Instagram y Facebook para negocios locales, y Google Business Profile. TikTok o LinkedIn si tiene sentido para tu estrategia.<\/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\">\u00bfTambi\u00e9n contest\u00e1is mensajes?<\/h4>\r\n <p class=\"text-gray-600\">Podemos configurar respuestas r\u00e1pidas y automatizaciones, pero la atenci\u00f3n comercial final la haces t\u00fa o tu equipo para cerrar la venta.<\/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\">\u00bfTus redes venden o solo adornan?<\/h2>\r\n <p class=\"text-xl text-gray-400 mb-10 max-w-2xl mx-auto\">\r\n Dale a tu perfil una funci\u00f3n clara. Hablemos y dise\u00f1emos tu estrategia.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34683520810?text=Info%20sobre%20Redes\" 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 \/\/ Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n if (mobileMenuBtn && mobileMenu) {\r\n mobileMenuBtn.addEventListener('click', () => {\r\n const isHidden = mobileMenu.style.display === 'none' || mobileMenu.classList.contains('hidden');\r\n if (isHidden) {\r\n mobileMenu.style.display = 'block';\r\n mobileMenu.classList.remove('hidden');\r\n mobileMenuBtn.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.style.display = 'none';\r\n mobileMenu.classList.add('hidden');\r\n mobileMenuBtn.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 \/\/ 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>Gesti\u00f3n de Redes Sociales | GenIA GenIA Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Inicio Servicios Sobre nosotros Contacto Hablar por WhatsApp Confianza y Conversi\u00f3n Redes sociales que generan solicitudes, no solo publicaciones Tu perfil debe ser un comercial que trabaja 24\/7 para generar confianza y decisi\u00f3n de compra. Lo conectamos con WhatsApp para […]<\/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-1314","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1314","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=1314"}],"version-history":[{"count":7,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1314\/revisions"}],"predecessor-version":[{"id":1429,"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/pages\/1314\/revisions\/1429"}],"wp:attachment":[{"href":"https:\/\/genia-digital.com\/genia\/wp-json\/wp\/v2\/media?parent=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}