Roadmap de Integraci\u00f3n Web<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n \/* Apple-like System Colors *\/\r\n --bg-color: #F5F5F7;\r\n --card-bg: #FFFFFF;\r\n --text-main: #1D1D1F;\r\n --text-secondary: #86868B;\r\n --accent-green: #2E4F35; \r\n --accent-gold: #C69C6D;\r\n --accent-blue: #0071E3;\r\n --accent-purple: #AF52DE;\r\n --important: #FF3B30;\r\n --success: #34C759;\r\n --warning: #FF9500;\r\n \r\n --radius-l: 22px;\r\n --radius-m: 16px;\r\n --radius-s: 8px;\r\n \r\n --shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n --shadow-hover: 0 15px 35px rgba(0,0,0,0.08);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body {\r\n \/* Fuente base para el cuerpo (textos largos) sigue siendo limpia estilo sistema *\/\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n background-color: var(--bg-color);\r\n color: var(--text-main);\r\n line-height: 1.5;\r\n padding: 20px;\r\n max-width: 100%;\r\n }\r\n\r\n .container {\r\n max-width: 650px;\r\n margin: 0 auto;\r\n padding-bottom: 60px;\r\n }\r\n\r\n \/* HEADER *\/\r\n header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n margin-top: 10px;\r\n }\r\n\r\n .brand-tag {\r\n background: var(--text-main);\r\n color: white;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n margin-bottom: 12px;\r\n }\r\n\r\n h1, h2, h3, .card-title {\r\n \/* APLICANDO ROBOTO A LOS T\u00cdTULOS *\/\r\n font-family: 'Roboto', sans-serif;\r\n }\r\n\r\n h1 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 6px;\r\n color: var(--text-main);\r\n }\r\n\r\n .subtitle {\r\n color: var(--text-secondary);\r\n font-size: 1rem;\r\n }\r\n\r\n \/* MILESTONE BANNER *\/\r\n .milestone-banner {\r\n background: linear-gradient(90deg, #F9F9FB 0%, #FFFFFF 100%);\r\n border: 1px solid rgba(0,0,0,0.05);\r\n padding: 16px;\r\n border-radius: var(--radius-m);\r\n margin-bottom: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n }\r\n\r\n .milestone-info { display: flex; align-items: center; gap: 12px; }\r\n .milestone-date {\r\n background: rgba(0, 113, 227, 0.1);\r\n color: var(--accent-blue);\r\n font-weight: 600;\r\n padding: 6px 12px;\r\n border-radius: var(--radius-s);\r\n font-size: 0.9rem;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* CARDS *\/\r\n .card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius-l);\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--shadow);\r\n transition: transform 0.2s ease;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .card-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .card-title {\r\n \/* Asegurando Roboto aqu\u00ed tambi\u00e9n *\/\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.35rem; \/* Un poco m\u00e1s grande para que luzca la fuente *\/\r\n font-weight: 700;\r\n color: var(--text-main);\r\n margin: 0;\r\n }\r\n\r\n .card-subtitle {\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n margin-top: 4px;\r\n display: block;\r\n }\r\n\r\n .deadline-badge {\r\n background: var(--text-main);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* LISTS *\/\r\n ul { list-style: none; }\r\n\r\n li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n padding-bottom: 14px;\r\n border-bottom: 1px solid rgba(0,0,0,0.04);\r\n }\r\n\r\n li:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .icon {\r\n margin-right: 12px;\r\n font-size: 1.1rem;\r\n min-width: 24px;\r\n text-align: center;\r\n }\r\n\r\n .task-content { flex: 1; }\r\n\r\n .task-title {\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n color: var(--text-main);\r\n display: block;\r\n \/* Opcional: Si quieres los nombres de tareas en Roboto tambi\u00e9n, descomenta la linea de abajo *\/\r\n \/* font-family: 'Roboto', sans-serif; *\/\r\n }\r\n\r\n .task-desc {\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n margin-top: 2px;\r\n display: block;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* TAGS *\/\r\n .tag {\r\n font-size: 0.7rem;\r\n padding: 3px 8px;\r\n border-radius: 6px;\r\n margin-left: 8px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n }\r\n .tag.progress { background: #FFF4D6; color: var(--warning); }\r\n .tag.wait { background: #F2F2F7; color: var(--text-secondary); }\r\n .tag.week { background: #EAF4FF; color: var(--accent-blue); }\r\n .tag.confirmed { background: #E4F9E8; color: var(--success); }\r\n .tag.urgent { background: rgba(255, 59, 48, 0.1); color: var(--important); }\r\n\r\n \/* MEET BUTTON *\/\r\n .meet-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background-color: var(--accent-blue);\r\n color: white !important; \/* TEXTO BLANCO *\/\r\n text-decoration: none;\r\n padding: 12px;\r\n border-radius: 12px;\r\n font-weight: 600;\r\n margin-top: 15px;\r\n transition: background 0.2s;\r\n }\r\n .meet-btn:hover {\r\n background-color: #005BB5;\r\n color: white !important;\r\n }\r\n\r\n \/* COMPLETED SECTION *\/\r\n .completed-section {\r\n background: #F9F9F9;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n margin-top: 40px;\r\n }\r\n .check-icon { color: var(--success); font-weight: bold; }\r\n .grid-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n footer {\r\n text-align: center;\r\n color: var(--text-secondary);\r\n font-size: 0.8rem;\r\n margin-top: 30px;\r\n opacity: 0.6;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header>\r\n <span class=\"brand-tag\">Integraci\u00f3n Web<\/span>\r\n <h1>Hoja de ruta del Proyecto<\/h1>\r\n <p class=\"subtitle\">Cronograma Estimado: 5 Semanas<\/p>\r\n <\/header>\r\n\r\n <div class=\"milestone-banner\">\r\n <div class=\"milestone-info\">\r\n <span style=\"font-size: 1.5rem;\">\ud83d\ude80<\/span>\r\n <div>\r\n <span style=\"display:block; font-weight:600; font-size:0.95rem; font-family: 'Roboto', sans-serif;\">Junta de Arranque<\/span>\r\n <span style=\"font-size:0.8rem; color:var(--text-secondary);\">Definici\u00f3n de campa\u00f1as<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"milestone-date\">Jueves 26 de febrero, 10:00 a. m.<\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" style=\"border: 2px solid rgba(0, 113, 227, 0.1);\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Fase 0: Arranque Inmediato<\/h2>\r\n <span class=\"card-subtitle\" style=\"color:var(--accent-blue);\">Prioridad Alta<\/span>\r\n <\/div>\r\n <span class=\"tag urgent\">Ma\u00f1ana Jueves<\/span>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\ud83c\udfaf<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Google Ads (Finalizaci\u00f3n)<\/span>\r\n <span class=\"task-desc\">Configuraci\u00f3n final para iniciar la primera campa\u00f1a.<\/span>\r\n <\/div>\r\n <span class=\"tag progress\">En Junta<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83e\udd1d<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Definici\u00f3n de estrategia<\/span>\r\n <span class=\"task-desc\">Acuerdos sobre presupuesto y objetivos.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/meet.google.com\/ddp-oers-goj\" target=\"_blank\" class=\"meet-btn\" rel=\"noopener\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M23 7l-7 5 7 5V7z\" \/>\r\n <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <\/svg>\r\n Unirse a Junta de Arranque\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Semana 1: Cimientos<\/h2>\r\n <span class=\"card-subtitle\">26 de febrero - 4 de marzo<\/span>\r\n <\/div>\r\n <div class=\"deadline-badge\">Publicidad & Dise\u00f1o<\/div>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\u267e\ufe0f<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Configuraci\u00f3n Meta Ads<\/span>\r\n <span class=\"task-desc\">Configuraci\u00f3n de Business Manager y pixel para Facebook\/Instagram.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 1<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83c\udfa8<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Optimizaci\u00f3n UX\/UI<\/span>\r\n <span class=\"task-desc\">Mejora de dise\u00f1o y experiencia de usuario en sitio actual.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 1<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Semanas 2 y 3: Desarrollo<\/h2>\r\n <span class=\"card-subtitle\">05 Mar - 18 Mar<\/span>\r\n <\/div>\r\n <div class=\"deadline-badge\">Web y SEO<\/div>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\ud83d\udcc5<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Sistema de Reservas (Aplicaci\u00f3n Web)<\/span>\r\n <span class=\"task-desc\">Desarrollo para m\u00faltiples maestros y formatos de reserva.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 2<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\u270d\ufe0f<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Redacci\u00f3n estrat\u00e9gica<\/span>\r\n <span class=\"task-desc\">Redacci\u00f3n de textos persuasivos para venta.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 2<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83d\udd0d<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">SEO avanzado<\/span>\r\n <span class=\"task-desc\">Posicionamiento en buscadores y estructura t\u00e9cnica.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 3<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83d\udcf1<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Integraci\u00f3n de redes sociales<\/span>\r\n <span class=\"task-desc\">Conexi\u00f3n de interfaces comerciales con la web.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 3<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Cierre: Automatizaci\u00f3n<\/h2>\r\n <span class=\"card-subtitle\">19 Mar - 01 Abr<\/span>\r\n <\/div>\r\n <div class=\"deadline-badge\">CRM<\/div>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\ud83d\udcac<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">CRM para WhatsApp<\/span>\r\n <span class=\"task-desc\">Integraci\u00f3n completa del sistema de reservas con mensajer\u00eda.<\/span>\r\n <\/div>\r\n <span class=\"tag wait\">Semanas 4-5<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83d\ude80<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Lanzamiento Integral<\/span>\r\n <span class=\"task-desc\">Pruebas finales y entrega del ecosistema completo.<\/span>\r\n <\/div>\r\n <span class=\"tag wait\">Final<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card completed-section\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\" style=\"color:var(--text-main);\">\u2705 Hitos Iniciales<\/h2>\r\n <span class=\"card-subtitle\">Estado del Proyecto<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"grid-list\" style=\"margin-top:10px;\">\r\n <li>\r\n <span class=\"icon check-icon\">\u2713<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Cotizaci\u00f3n Aceptada<\/span>\r\n <span class=\"task-desc\">25 de febrero de 2026<\/span>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <span class=\"icon check-icon\">\u2713<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">An\u00e1lisis de requisitos<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <footer>\r\n <p>Actualizado: 25 Febrero 2026<\/p>\r\n <\/footer>\r\n<\/div>\r\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Roadmap de Integraci\u00f3n Web Integraci\u00f3n Web Roadmap de Proyecto Cronograma Estimado: 5 Semanas \ud83d\ude80 Junta de Arranque Definici\u00f3n de campa\u00f1as Jueves 26 Feb, 10:00 AM Fase 0: Arranque Inmediato Prioridad Alta Ma\u00f1ana Jueves \ud83c\udfaf Google Ads (Finalizaci\u00f3n) Configuraci\u00f3n final para arranque de primera campa\u00f1a. En Junta \ud83e\udd1d Definici\u00f3n de Estrategia Acuerdos sobre presupuesto y objetivos. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2018","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages\/2018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/comments?post=2018"}],"version-history":[{"count":13,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages\/2018\/revisions"}],"predecessor-version":[{"id":2032,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages\/2018\/revisions\/2032"}],"wp:attachment":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/media?parent=2018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\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 Roadmap de Integraci\u00f3n Web<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n \/* Apple-like System Colors *\/\r\n --bg-color: #F5F5F7;\r\n --card-bg: #FFFFFF;\r\n --text-main: #1D1D1F;\r\n --text-secondary: #86868B;\r\n --accent-green: #2E4F35; \r\n --accent-gold: #C69C6D;\r\n --accent-blue: #0071E3;\r\n --accent-purple: #AF52DE;\r\n --important: #FF3B30;\r\n --success: #34C759;\r\n --warning: #FF9500;\r\n \r\n --radius-l: 22px;\r\n --radius-m: 16px;\r\n --radius-s: 8px;\r\n \r\n --shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n --shadow-hover: 0 15px 35px rgba(0,0,0,0.08);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body {\r\n \/* Fuente base para el cuerpo (textos largos) sigue siendo limpia estilo sistema *\/\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n background-color: var(--bg-color);\r\n color: var(--text-main);\r\n line-height: 1.5;\r\n padding: 20px;\r\n max-width: 100%;\r\n }\r\n\r\n .container {\r\n max-width: 650px;\r\n margin: 0 auto;\r\n padding-bottom: 60px;\r\n }\r\n\r\n \/* HEADER *\/\r\n header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n margin-top: 10px;\r\n }\r\n\r\n .brand-tag {\r\n background: var(--text-main);\r\n color: white;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n margin-bottom: 12px;\r\n }\r\n\r\n h1, h2, h3, .card-title {\r\n \/* APLICANDO ROBOTO A LOS T\u00cdTULOS *\/\r\n font-family: 'Roboto', sans-serif;\r\n }\r\n\r\n h1 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 6px;\r\n color: var(--text-main);\r\n }\r\n\r\n .subtitle {\r\n color: var(--text-secondary);\r\n font-size: 1rem;\r\n }\r\n\r\n \/* MILESTONE BANNER *\/\r\n .milestone-banner {\r\n background: linear-gradient(90deg, #F9F9FB 0%, #FFFFFF 100%);\r\n border: 1px solid rgba(0,0,0,0.05);\r\n padding: 16px;\r\n border-radius: var(--radius-m);\r\n margin-bottom: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n }\r\n\r\n .milestone-info { display: flex; align-items: center; gap: 12px; }\r\n .milestone-date {\r\n background: rgba(0, 113, 227, 0.1);\r\n color: var(--accent-blue);\r\n font-weight: 600;\r\n padding: 6px 12px;\r\n border-radius: var(--radius-s);\r\n font-size: 0.9rem;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* CARDS *\/\r\n .card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius-l);\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--shadow);\r\n transition: transform 0.2s ease;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .card-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .card-title {\r\n \/* Asegurando Roboto aqu\u00ed tambi\u00e9n *\/\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.35rem; \/* Un poco m\u00e1s grande para que luzca la fuente *\/\r\n font-weight: 700;\r\n color: var(--text-main);\r\n margin: 0;\r\n }\r\n\r\n .card-subtitle {\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n margin-top: 4px;\r\n display: block;\r\n }\r\n\r\n .deadline-badge {\r\n background: var(--text-main);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* LISTS *\/\r\n ul { list-style: none; }\r\n\r\n li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n padding-bottom: 14px;\r\n border-bottom: 1px solid rgba(0,0,0,0.04);\r\n }\r\n\r\n li:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .icon {\r\n margin-right: 12px;\r\n font-size: 1.1rem;\r\n min-width: 24px;\r\n text-align: center;\r\n }\r\n\r\n .task-content { flex: 1; }\r\n\r\n .task-title {\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n color: var(--text-main);\r\n display: block;\r\n \/* Opcional: Si quieres los nombres de tareas en Roboto tambi\u00e9n, descomenta la linea de abajo *\/\r\n \/* font-family: 'Roboto', sans-serif; *\/\r\n }\r\n\r\n .task-desc {\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n margin-top: 2px;\r\n display: block;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* TAGS *\/\r\n .tag {\r\n font-size: 0.7rem;\r\n padding: 3px 8px;\r\n border-radius: 6px;\r\n margin-left: 8px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n }\r\n .tag.progress { background: #FFF4D6; color: var(--warning); }\r\n .tag.wait { background: #F2F2F7; color: var(--text-secondary); }\r\n .tag.week { background: #EAF4FF; color: var(--accent-blue); }\r\n .tag.confirmed { background: #E4F9E8; color: var(--success); }\r\n .tag.urgent { background: rgba(255, 59, 48, 0.1); color: var(--important); }\r\n\r\n \/* MEET BUTTON *\/\r\n .meet-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background-color: var(--accent-blue);\r\n color: white !important; \/* TEXTO BLANCO *\/\r\n text-decoration: none;\r\n padding: 12px;\r\n border-radius: 12px;\r\n font-weight: 600;\r\n margin-top: 15px;\r\n transition: background 0.2s;\r\n }\r\n .meet-btn:hover {\r\n background-color: #005BB5;\r\n color: white !important;\r\n }\r\n\r\n \/* COMPLETED SECTION *\/\r\n .completed-section {\r\n background: #F9F9F9;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n margin-top: 40px;\r\n }\r\n .check-icon { color: var(--success); font-weight: bold; }\r\n .grid-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n footer {\r\n text-align: center;\r\n color: var(--text-secondary);\r\n font-size: 0.8rem;\r\n margin-top: 30px;\r\n opacity: 0.6;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header>\r\n <span class=\"brand-tag\">Integraci\u00f3n Web<\/span>\r\n <h1>Hoja de ruta del Proyecto<\/h1>\r\n <p class=\"subtitle\">Cronograma Estimado: 5 Semanas<\/p>\r\n <\/header>\r\n\r\n <div class=\"milestone-banner\">\r\n <div class=\"milestone-info\">\r\n <span style=\"font-size: 1.5rem;\">\ud83d\ude80<\/span>\r\n <div>\r\n <span style=\"display:block; font-weight:600; font-size:0.95rem; font-family: 'Roboto', sans-serif;\">Junta de Arranque<\/span>\r\n <span style=\"font-size:0.8rem; color:var(--text-secondary);\">Definici\u00f3n de campa\u00f1as<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"milestone-date\">Jueves 26 de febrero, 10:00 a. m.<\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" style=\"border: 2px solid rgba(0, 113, 227, 0.1);\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Fase 0: Arranque Inmediato<\/h2>\r\n <span class=\"card-subtitle\" style=\"color:var(--accent-blue);\">Prioridad Alta<\/span>\r\n <\/div>\r\n <span class=\"tag urgent\">Ma\u00f1ana Jueves<\/span>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\ud83c\udfaf<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Google Ads (Finalizaci\u00f3n)<\/span>\r\n <span class=\"task-desc\">Configuraci\u00f3n final para iniciar la primera campa\u00f1a.<\/span>\r\n <\/div>\r\n <span class=\"tag progress\">En Junta<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83e\udd1d<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Definici\u00f3n de estrategia<\/span>\r\n <span class=\"task-desc\">Acuerdos sobre presupuesto y objetivos.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/meet.google.com\/ddp-oers-goj\" target=\"_blank\" class=\"meet-btn\" rel=\"noopener\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M23 7l-7 5 7 5V7z\" \/>\r\n <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <\/svg>\r\n Unirse a Junta de Arranque\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Semana 1: Cimientos<\/h2>\r\n <span class=\"card-subtitle\">26 de febrero - 4 de marzo<\/span>\r\n <\/div>\r\n <div class=\"deadline-badge\">Publicidad & Dise\u00f1o<\/div>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\u267e\ufe0f<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Configuraci\u00f3n Meta Ads<\/span>\r\n <span class=\"task-desc\">Configuraci\u00f3n de Business Manager y pixel para Facebook\/Instagram.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 1<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83c\udfa8<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Optimizaci\u00f3n UX\/UI<\/span>\r\n <span class=\"task-desc\">Mejora de dise\u00f1o y experiencia de usuario en sitio actual.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 1<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Semanas 2 y 3: Desarrollo<\/h2>\r\n <span class=\"card-subtitle\">05 Mar - 18 Mar<\/span>\r\n <\/div>\r\n <div class=\"deadline-badge\">Web y SEO<\/div>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\ud83d\udcc5<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Sistema de Reservas (Aplicaci\u00f3n Web)<\/span>\r\n <span class=\"task-desc\">Desarrollo para m\u00faltiples maestros y formatos de reserva.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 2<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\u270d\ufe0f<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Redacci\u00f3n estrat\u00e9gica<\/span>\r\n <span class=\"task-desc\">Redacci\u00f3n de textos persuasivos para venta.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 2<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83d\udd0d<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">SEO avanzado<\/span>\r\n <span class=\"task-desc\">Posicionamiento en buscadores y estructura t\u00e9cnica.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 3<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83d\udcf1<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Integraci\u00f3n de redes sociales<\/span>\r\n <span class=\"task-desc\">Conexi\u00f3n de interfaces comerciales con la web.<\/span>\r\n <\/div>\r\n <span class=\"tag week\">Semana 3<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\">Cierre: Automatizaci\u00f3n<\/h2>\r\n <span class=\"card-subtitle\">19 Mar - 01 Abr<\/span>\r\n <\/div>\r\n <div class=\"deadline-badge\">CRM<\/div>\r\n <\/div>\r\n <ul>\r\n <li>\r\n <span class=\"icon\">\ud83d\udcac<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">CRM para WhatsApp<\/span>\r\n <span class=\"task-desc\">Integraci\u00f3n completa del sistema de reservas con mensajer\u00eda.<\/span>\r\n <\/div>\r\n <span class=\"tag wait\">Semanas 4-5<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"icon\">\ud83d\ude80<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Lanzamiento Integral<\/span>\r\n <span class=\"task-desc\">Pruebas finales y entrega del ecosistema completo.<\/span>\r\n <\/div>\r\n <span class=\"tag wait\">Final<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card completed-section\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h2 class=\"card-title\" style=\"color:var(--text-main);\">\u2705 Hitos Iniciales<\/h2>\r\n <span class=\"card-subtitle\">Estado del Proyecto<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"grid-list\" style=\"margin-top:10px;\">\r\n <li>\r\n <span class=\"icon check-icon\">\u2713<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">Cotizaci\u00f3n Aceptada<\/span>\r\n <span class=\"task-desc\">25 de febrero de 2026<\/span>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <span class=\"icon check-icon\">\u2713<\/span>\r\n <div class=\"task-content\">\r\n <span class=\"task-title\">An\u00e1lisis de requisitos<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <footer>\r\n <p>Actualizado: 25 Febrero 2026<\/p>\r\n <\/footer>\r\n<\/div>\r\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Roadmap de Integraci\u00f3n Web Integraci\u00f3n Web Roadmap de Proyecto Cronograma Estimado: 5 Semanas \ud83d\ude80 Junta de Arranque Definici\u00f3n de campa\u00f1as Jueves 26 Feb, 10:00 AM Fase 0: Arranque Inmediato Prioridad Alta Ma\u00f1ana Jueves \ud83c\udfaf Google Ads (Finalizaci\u00f3n) Configuraci\u00f3n final para arranque de primera campa\u00f1a. En Junta \ud83e\udd1d Definici\u00f3n de Estrategia Acuerdos sobre presupuesto y objetivos. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2018","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages\/2018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/comments?post=2018"}],"version-history":[{"count":13,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages\/2018\/revisions"}],"predecessor-version":[{"id":2032,"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/pages\/2018\/revisions\/2032"}],"wp:attachment":[{"href":"https:\/\/alineasanpancho.com\/es\/wp-json\/wp\/v2\/media?parent=2018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}