Presupuesto | FASIN IA Predictiva<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.js\"><\/script>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.23\/jspdf.plugin.autotable.min.js\"><\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100\">\n\n <div class=\"flex h-screen\">\n \n <aside class=\"w-64 bg-white text-gray-800 flex flex-col shadow-lg\">\n <div class=\"px-8 py-6 border-b\">\n <h1 class=\"text-2xl font-bold text-indigo-600\">FASIN IA<\/h1>\n <p class=\"text-sm text-gray-500\">An\u00e1lisis Predictivo<\/p>\n <\/div>\n <nav class=\"flex-1 px-6 py-4 space-y-2\">\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"layout-dashboard\" class=\"w-5 h-5 mr-3\"><\/i>\n Dashboard\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/presupuesto-fasin\/\" class=\"flex items-center px-4 py-2 text-white bg-indigo-600 rounded-lg\">\n <i data-lucide=\"dollar-sign\" class=\"w-5 h-5 mr-3\"><\/i>\n Presupuesto\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/cronograma-fasin\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"calendar-days\" class=\"w-5 h-5 mr-3\"><\/i>\n Cronograma\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-riesgos\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"alert-triangle\" class=\"w-5 h-5 mr-3\"><\/i>\n Riesgos\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-equipo\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"users\" class=\"w-5 h-5 mr-3\"><\/i>\n Equipo\n <\/a>\n <\/nav>\n <div class=\"px-8 py-6 border-t\">\n <div class=\"flex items-center\">\n <img decoding=\"async\" class=\"h-10 w-10 rounded-full object-cover\" src=\"https:\/\/placehold.co\/100x100\/667eea\/EBF4FF?text=JD\" alt=\"User avatar\">\n <div class=\"ml-3\">\n <p class=\"text-sm font-semibold\">Jos\u00e9 David<\/p>\n <p class=\"text-xs text-gray-500\">Arquitecto<\/p>\n <\/div>\n <\/div>\n <button class=\"w-full mt-4 flex items-center justify-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg\">\n <i data-lucide=\"log-out\" class=\"w-4 h-4 mr-2\"><\/i>\n Cerrar Sesi\u00f3n\n <\/button>\n <\/div>\n <\/aside>\n\n \n <main class=\"flex-1 p-8 overflow-y-auto\">\n <header class=\"mb-8\">\n <div class=\"flex justify-between items-center\">\n <div>\n <h2 class=\"text-3xl font-bold text-gray-800\">Proyecto: Edificio Multifamiliar \u00abEl Sol\u00bb<\/h2>\n <p class=\"text-gray-500\">Cliente: Inmobiliaria Futuro<\/p>\n <\/div>\n <div class=\"flex items-center space-x-2\">\n <button id=\"export-pdf-btn\" class=\"px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg shadow-md hover:bg-indigo-700\">\n <i data-lucide=\"download\" class=\"inline w-4 h-4 mr-2\"><\/i>Exportar PDF\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"border-b border-gray-200 mt-6\">\n <nav class=\"-mb-px flex space-x-8\" aria-label=\"Tabs\">\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Dashboard<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/presupuesto-fasin\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-indigo-500 font-medium text-sm text-indigo-600\" aria-current=\"page\">Presupuesto<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/cronograma-fasin\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Cronograma<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-riesgos\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Riesgos<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-equipo\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Equipo<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <div id=\"budget-content\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Costo Directo<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 1,850,230.00<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Gastos Generales (10%)<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 185,023.00<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Utilidad (15%)<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 277,534.50<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md border-2 border-indigo-600\">\n <p class=\"text-sm text-indigo-600 font-semibold\">Costo Total del Proyecto<\/p>\n <p class=\"text-2xl font-bold text-indigo-600\">S\/. 2,312,787.50<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <div class=\"flex justify-between items-center mb-4\">\n <h3 class=\"text-lg font-semibold text-gray-800\">Desglose de Costos por Partida<\/h3>\n <input type=\"text\" placeholder=\"Buscar partida...\" class=\"px-4 py-2 border rounded-lg text-sm w-64\">\n <\/div>\n <div class=\"overflow-x-auto\">\n <table id=\"budget-table\" class=\"w-full text-sm text-left text-gray-500\">\n <thead class=\"text-xs text-gray-700 uppercase bg-gray-50\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-3\">Partida<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Unidad<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Metrado<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Precio Unitario (S\/.)<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Parcial (S\/.)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Concreto para Zapatas f’c=210 kg\/cm2<\/td>\n <td class=\"px-6 py-4\">m\u00b3<\/td>\n <td class=\"px-6 py-4\">42.50<\/td>\n <td class=\"px-6 py-4\">450.70<\/td>\n <td class=\"px-6 py-4 font-semibold\">19,154.75<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Acero de Refuerzo fy=4200 kg\/cm2<\/td>\n <td class=\"px-6 py-4\">kg<\/td>\n <td class=\"px-6 py-4\">10500.00<\/td>\n <td class=\"px-6 py-4\">6.88<\/td>\n <td class=\"px-6 py-4 font-semibold\">72,240.00<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Encofrado y Desencofrado para Columnas<\/td>\n <td class=\"px-6 py-4\">m\u00b2<\/td>\n <td class=\"px-6 py-4\">315.00<\/td>\n <td class=\"px-6 py-4\">65.20<\/td>\n <td class=\"px-6 py-4 font-semibold\">20,538.00<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Ladrillo King Kong para Muros de Soga<\/td>\n <td class=\"px-6 py-4\">und<\/td>\n <td class=\"px-6 py-4\">85000.00<\/td>\n <td class=\"px-6 py-4\">1.20<\/td>\n <td class=\"px-6 py-4 font-semibold\">102,000.00<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Concreto para Losa Aligerada h=20cm<\/td>\n <td class=\"px-6 py-4\">m\u00b3<\/td>\n <td class=\"px-6 py-4\">70.00<\/td>\n <td class=\"px-6 py-4\">510.40<\/td>\n <td class=\"px-6 py-4 font-semibold\">35,728.00<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n <\/div>\n \n \n \n \n <div id=\"chatbot-container\" class=\"fixed bottom-8 right-8 z-50\">\n <div id=\"chatbot-window\" class=\"hidden bg-white w-96 h-[600px] rounded-2xl shadow-2xl flex flex-col transition-all duration-300 transform scale-95 opacity-0\">\n <div class=\"bg-indigo-600 p-4 rounded-t-2xl flex justify-between items-center text-white\">\n <div class=\"flex items-center\">\n <i data-lucide=\"bot\" class=\"w-7 h-7 mr-3\"><\/i>\n <div>\n <h3 class=\"font-bold text-lg\">Asistente IA FASIN<\/h3>\n <p class=\"text-xs text-indigo-200\">En l\u00ednea (Modo Demo)<\/p>\n <\/div>\n <\/div>\n <button id=\"close-chatbot\" class=\"hover:text-indigo-200\">\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div id=\"chat-messages\" class=\"flex-1 p-6 overflow-y-auto bg-gray-50\">\n <div class=\"flex mb-4\">\n <div class=\"bg-indigo-100 text-gray-800 p-3 rounded-lg max-w-xs\">\n <p class=\"text-sm\">\u00a1Hola! Estoy en modo demostraci\u00f3n. Haz clic en una de las preguntas de ejemplo para ver mi capacidad de respuesta.<\/p>\n <\/div>\n <\/div>\n <div class=\"my-4 space-y-2\">\n <button class=\"preset-question w-full text-left bg-white border border-gray-200 p-3 rounded-lg hover:bg-gray-50 text-sm text-indigo-700\">\u00bfCu\u00e1les son los mayores riesgos del proyecto?<\/button>\n <button class=\"preset-question w-full text-left bg-white border border-gray-200 p-3 rounded-lg hover:bg-gray-50 text-sm text-indigo-700\">Hazme un resumen del presupuesto actual<\/button>\n <button class=\"preset-question w-full text-left bg-white border border-gray-200 p-3 rounded-lg hover:bg-gray-50 text-sm text-indigo-700\">\u00bfCu\u00e1l es el estado del cronograma?<\/button>\n <\/div>\n <\/div>\n <div class=\"p-4 border-t bg-white rounded-b-2xl\">\n <div class=\"flex items-center\">\n <input type=\"text\" id=\"chat-input\" placeholder=\"Modo demostraci\u00f3n activado\" class=\"flex-1 px-4 py-2 border rounded-full bg-gray-100\" disabled>\n <button id=\"send-chat-message\" class=\"ml-3 bg-indigo-300 text-white p-3 rounded-full cursor-not-allowed\" disabled>\n <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <button id=\"open-chatbot\" class=\"bg-indigo-600 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-xl hover:bg-indigo-700 transition-transform hover:scale-110\">\n <i data-lucide=\"bot\" class=\"w-8 h-8\"><\/i>\n <\/button>\n <\/div>\n\n <script>\n \/\/ Inicializar Lucide Icons\n lucide.createIcons();\n\n \/\/ ==========================================================\n \/\/ ============ L\u00d3GICA PARA EXPORTAR A PDF ==================\n \/\/ ==========================================================\n document.getElementById('export-pdf-btn').addEventListener('click', () => {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n\n \/\/ T\u00edtulo del documento\n doc.setFontSize(18);\n doc.text('Reporte de Presupuesto - FASIN IA', 14, 22);\n doc.setFontSize(12);\n doc.text('Proyecto: Edificio Multifamiliar \"El Sol\"', 14, 30);\n \n \/\/ Usar autoTable para generar la tabla desde el HTML\n doc.autoTable({\n html: '#budget-table',\n startY: 40,\n theme: 'grid',\n headStyles: { fillColor: [79, 70, 229] }, \/\/ Color \u00edndigo para la cabecera\n });\n\n \/\/ Guardar el archivo\n doc.save('presupuesto-fasin-proyecto-el-sol.pdf');\n });\n\n \/\/ ==========================================================\n \/\/ ============ L\u00d3GICA JAVASCRIPT DEL CHATBOT (MODO DEMO) ====\n \/\/ ==========================================================\n const openChatbotBtn = document.getElementById('open-chatbot');\n const closeChatbotBtn = document.getElementById('close-chatbot');\n const chatbotWindow = document.getElementById('chatbot-window');\n const chatMessages = document.getElementById('chat-messages');\n const presetQuestions = document.querySelectorAll('.preset-question');\n\n const demoResponses = {\n \"\u00bfCu\u00e1les son los mayores riesgos del proyecto?\": \"He identificado tres riesgos principales:<br>1) Posible retraso en la entrega de acero estructural (Probabilidad: 65%).<br>2) Sobrecosto en acabados por variaci\u00f3n del tipo de cambio (Probabilidad: 50%).<br>3) Conflictos laborales menores (Probabilidad: 30%).<br>Recomiendo revisar el plan de mitigaci\u00f3n.\",\n \"Hazme un resumen del presupuesto actual\": \"El presupuesto total es de S\/ 1,250,000. Se ha ejecutado el 45% (S\/ 562,500) y tenemos una desviaci\u00f3n positiva del 2% gracias a la optimizaci\u00f3n en la partida de cimentaci\u00f3n.\",\n \"\u00bfCu\u00e1l es el estado del cronograma?\": \"El proyecto presenta un avance del 35%, lo cual est\u00e1 un 5% por delante de lo planificado. La fase de cimentaci\u00f3n ha concluido y estamos iniciando la estructura. No se prev\u00e9n retrasos en las pr\u00f3ximas dos semanas.\"\n };\n\n openChatbotBtn.addEventListener('click', () => {\n chatbotWindow.classList.remove('hidden', 'scale-95', 'opacity-0');\n chatbotWindow.classList.add('scale-100', 'opacity-100');\n openChatbotBtn.classList.add('hidden');\n });\n\n closeChatbotBtn.addEventListener('click', () => {\n chatbotWindow.classList.add('scale-95', 'opacity-0');\n setTimeout(() => {\n chatbotWindow.classList.add('hidden');\n openChatbotBtn.classList.remove('hidden');\n }, 300);\n });\n\n function addMessage(message, sender, isLoading = false) {\n const messageWrapper = document.createElement('div');\n messageWrapper.className = `flex mb-4 ${sender === 'user' ? 'justify-end' : ''}`;\n \n const messageBubble = document.createElement('div');\n messageBubble.className = `p-3 rounded-lg max-w-xs text-sm ${sender === 'user' ? 'bg-indigo-600 text-white' : 'bg-indigo-100 text-gray-800'}`;\n \n if(isLoading) {\n messageBubble.innerHTML = `<div class=\"flex items-center justify-center space-x-2\">\n <div class=\"w-2 h-2 rounded-full bg-gray-500 animate-pulse\"><\/div>\n <div class=\"w-2 h-2 rounded-full bg-gray-500 animate-pulse\" style=\"animation-delay: 0.2s;\"><\/div>\n <div class=\"w-2 h-2 rounded-full bg-gray-500 animate-pulse\" style=\"animation-delay: 0.4s;\"><\/div>\n <\/div>`;\n messageBubble.id = 'loading-bubble';\n } else {\n messageBubble.innerHTML = `<p>${message}<\/p>`;\n }\n \n messageWrapper.appendChild(messageBubble);\n chatMessages.appendChild(messageWrapper);\n chatMessages.scrollTop = chatMessages.scrollHeight;\n }\n \n presetQuestions.forEach(button => {\n button.addEventListener('click', () => {\n const userMessage = button.textContent;\n addMessage(userMessage, 'user');\n addMessage('', 'bot', true);\n\n setTimeout(() => {\n const loadingBubble = document.getElementById('loading-bubble');\n if (loadingBubble) loadingBubble.parentElement.remove();\n \n const botResponse = demoResponses[userMessage];\n addMessage(botResponse, 'bot');\n }, 1200);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Presupuesto | FASIN IA Predictiva FASIN IA An\u00e1lisis Predictivo Dashboard Presupuesto Cronograma Riesgos Equipo Jos\u00e9 David Arquitecto Cerrar Sesi\u00f3n Proyecto: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":4,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":65,"date":"2025-10-20T02:41:40","date_gmt":"2025-10-20T02:41:40","guid":{"rendered":"https:\/\/codigoyconcreto.es\/?page_id=65"},"modified":"2025-10-21T01:20:29","modified_gmt":"2025-10-21T01:20:29","slug":"presupuesto-fasin","status":"publish","type":"page","link":"https:\/\/codigoyconcreto.es\/index.php\/presupuesto-fasin\/","title":{"rendered":"presupuesto-fasin"},"content":{"rendered":"\n\n\n\n \n \n Presupuesto | FASIN IA Predictiva<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.js\"><\/script>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.23\/jspdf.plugin.autotable.min.js\"><\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100\">\n\n <div class=\"flex h-screen\">\n \n <aside class=\"w-64 bg-white text-gray-800 flex flex-col shadow-lg\">\n <div class=\"px-8 py-6 border-b\">\n <h1 class=\"text-2xl font-bold text-indigo-600\">FASIN IA<\/h1>\n <p class=\"text-sm text-gray-500\">An\u00e1lisis Predictivo<\/p>\n <\/div>\n <nav class=\"flex-1 px-6 py-4 space-y-2\">\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"layout-dashboard\" class=\"w-5 h-5 mr-3\"><\/i>\n Dashboard\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/presupuesto-fasin\/\" class=\"flex items-center px-4 py-2 text-white bg-indigo-600 rounded-lg\">\n <i data-lucide=\"dollar-sign\" class=\"w-5 h-5 mr-3\"><\/i>\n Presupuesto\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/cronograma-fasin\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"calendar-days\" class=\"w-5 h-5 mr-3\"><\/i>\n Cronograma\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-riesgos\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"alert-triangle\" class=\"w-5 h-5 mr-3\"><\/i>\n Riesgos\n <\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-equipo\/\" class=\"flex items-center px-4 py-2 text-gray-600 hover:bg-indigo-50 rounded-lg\">\n <i data-lucide=\"users\" class=\"w-5 h-5 mr-3\"><\/i>\n Equipo\n <\/a>\n <\/nav>\n <div class=\"px-8 py-6 border-t\">\n <div class=\"flex items-center\">\n <img decoding=\"async\" class=\"h-10 w-10 rounded-full object-cover\" src=\"https:\/\/placehold.co\/100x100\/667eea\/EBF4FF?text=JD\" alt=\"User avatar\">\n <div class=\"ml-3\">\n <p class=\"text-sm font-semibold\">Jos\u00e9 David<\/p>\n <p class=\"text-xs text-gray-500\">Arquitecto<\/p>\n <\/div>\n <\/div>\n <button class=\"w-full mt-4 flex items-center justify-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg\">\n <i data-lucide=\"log-out\" class=\"w-4 h-4 mr-2\"><\/i>\n Cerrar Sesi\u00f3n\n <\/button>\n <\/div>\n <\/aside>\n\n \n <main class=\"flex-1 p-8 overflow-y-auto\">\n <header class=\"mb-8\">\n <div class=\"flex justify-between items-center\">\n <div>\n <h2 class=\"text-3xl font-bold text-gray-800\">Proyecto: Edificio Multifamiliar \u00abEl Sol\u00bb<\/h2>\n <p class=\"text-gray-500\">Cliente: Inmobiliaria Futuro<\/p>\n <\/div>\n <div class=\"flex items-center space-x-2\">\n <button id=\"export-pdf-btn\" class=\"px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg shadow-md hover:bg-indigo-700\">\n <i data-lucide=\"download\" class=\"inline w-4 h-4 mr-2\"><\/i>Exportar PDF\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"border-b border-gray-200 mt-6\">\n <nav class=\"-mb-px flex space-x-8\" aria-label=\"Tabs\">\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Dashboard<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/presupuesto-fasin\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-indigo-500 font-medium text-sm text-indigo-600\" aria-current=\"page\">Presupuesto<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/cronograma-fasin\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Cronograma<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-riesgos\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Riesgos<\/a>\n <a href=\"https:\/\/codigoyconcreto.es\/index.php\/fasin-equipo\/\" class=\"whitespace-nowrap py-4 px-1 border-b-2 border-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">Equipo<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <div id=\"budget-content\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Costo Directo<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 1,850,230.00<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Gastos Generales (10%)<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 185,023.00<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Utilidad (15%)<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 277,534.50<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md border-2 border-indigo-600\">\n <p class=\"text-sm text-indigo-600 font-semibold\">Costo Total del Proyecto<\/p>\n <p class=\"text-2xl font-bold text-indigo-600\">S\/. 2,312,787.50<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <div class=\"flex justify-between items-center mb-4\">\n <h3 class=\"text-lg font-semibold text-gray-800\">Desglose de Costos por Partida<\/h3>\n <input type=\"text\" placeholder=\"Buscar partida...\" class=\"px-4 py-2 border rounded-lg text-sm w-64\">\n <\/div>\n <div class=\"overflow-x-auto\">\n <table id=\"budget-table\" class=\"w-full text-sm text-left text-gray-500\">\n <thead class=\"text-xs text-gray-700 uppercase bg-gray-50\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-3\">Partida<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Unidad<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Metrado<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Precio Unitario (S\/.)<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Parcial (S\/.)<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Concreto para Zapatas f’c=210 kg\/cm2<\/td>\n <td class=\"px-6 py-4\">m\u00b3<\/td>\n <td class=\"px-6 py-4\">42.50<\/td>\n <td class=\"px-6 py-4\">450.70<\/td>\n <td class=\"px-6 py-4 font-semibold\">19,154.75<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Acero de Refuerzo fy=4200 kg\/cm2<\/td>\n <td class=\"px-6 py-4\">kg<\/td>\n <td class=\"px-6 py-4\">10500.00<\/td>\n <td class=\"px-6 py-4\">6.88<\/td>\n <td class=\"px-6 py-4 font-semibold\">72,240.00<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Encofrado y Desencofrado para Columnas<\/td>\n <td class=\"px-6 py-4\">m\u00b2<\/td>\n <td class=\"px-6 py-4\">315.00<\/td>\n <td class=\"px-6 py-4\">65.20<\/td>\n <td class=\"px-6 py-4 font-semibold\">20,538.00<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Ladrillo King Kong para Muros de Soga<\/td>\n <td class=\"px-6 py-4\">und<\/td>\n <td class=\"px-6 py-4\">85000.00<\/td>\n <td class=\"px-6 py-4\">1.20<\/td>\n <td class=\"px-6 py-4 font-semibold\">102,000.00<\/td>\n <\/tr>\n <tr class=\"bg-white border-b hover:bg-gray-50\">\n <td class=\"px-6 py-4 font-medium text-gray-900\">Concreto para Losa Aligerada h=20cm<\/td>\n <td class=\"px-6 py-4\">m\u00b3<\/td>\n <td class=\"px-6 py-4\">70.00<\/td>\n <td class=\"px-6 py-4\">510.40<\/td>\n <td class=\"px-6 py-4 font-semibold\">35,728.00<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n <\/div>\n \n \n \n \n <div id=\"chatbot-container\" class=\"fixed bottom-8 right-8 z-50\">\n <div id=\"chatbot-window\" class=\"hidden bg-white w-96 h-[600px] rounded-2xl shadow-2xl flex flex-col transition-all duration-300 transform scale-95 opacity-0\">\n <div class=\"bg-indigo-600 p-4 rounded-t-2xl flex justify-between items-center text-white\">\n <div class=\"flex items-center\">\n <i data-lucide=\"bot\" class=\"w-7 h-7 mr-3\"><\/i>\n <div>\n <h3 class=\"font-bold text-lg\">Asistente IA FASIN<\/h3>\n <p class=\"text-xs text-indigo-200\">En l\u00ednea (Modo Demo)<\/p>\n <\/div>\n <\/div>\n <button id=\"close-chatbot\" class=\"hover:text-indigo-200\">\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div id=\"chat-messages\" class=\"flex-1 p-6 overflow-y-auto bg-gray-50\">\n <div class=\"flex mb-4\">\n <div class=\"bg-indigo-100 text-gray-800 p-3 rounded-lg max-w-xs\">\n <p class=\"text-sm\">\u00a1Hola! Estoy en modo demostraci\u00f3n. Haz clic en una de las preguntas de ejemplo para ver mi capacidad de respuesta.<\/p>\n <\/div>\n <\/div>\n <div class=\"my-4 space-y-2\">\n <button class=\"preset-question w-full text-left bg-white border border-gray-200 p-3 rounded-lg hover:bg-gray-50 text-sm text-indigo-700\">\u00bfCu\u00e1les son los mayores riesgos del proyecto?<\/button>\n <button class=\"preset-question w-full text-left bg-white border border-gray-200 p-3 rounded-lg hover:bg-gray-50 text-sm text-indigo-700\">Hazme un resumen del presupuesto actual<\/button>\n <button class=\"preset-question w-full text-left bg-white border border-gray-200 p-3 rounded-lg hover:bg-gray-50 text-sm text-indigo-700\">\u00bfCu\u00e1l es el estado del cronograma?<\/button>\n <\/div>\n <\/div>\n <div class=\"p-4 border-t bg-white rounded-b-2xl\">\n <div class=\"flex items-center\">\n <input type=\"text\" id=\"chat-input\" placeholder=\"Modo demostraci\u00f3n activado\" class=\"flex-1 px-4 py-2 border rounded-full bg-gray-100\" disabled>\n <button id=\"send-chat-message\" class=\"ml-3 bg-indigo-300 text-white p-3 rounded-full cursor-not-allowed\" disabled>\n <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <button id=\"open-chatbot\" class=\"bg-indigo-600 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-xl hover:bg-indigo-700 transition-transform hover:scale-110\">\n <i data-lucide=\"bot\" class=\"w-8 h-8\"><\/i>\n <\/button>\n <\/div>\n\n <script>\n \/\/ Inicializar Lucide Icons\n lucide.createIcons();\n\n \/\/ ==========================================================\n \/\/ ============ L\u00d3GICA PARA EXPORTAR A PDF ==================\n \/\/ ==========================================================\n document.getElementById('export-pdf-btn').addEventListener('click', () => {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n\n \/\/ T\u00edtulo del documento\n doc.setFontSize(18);\n doc.text('Reporte de Presupuesto - FASIN IA', 14, 22);\n doc.setFontSize(12);\n doc.text('Proyecto: Edificio Multifamiliar \"El Sol\"', 14, 30);\n \n \/\/ Usar autoTable para generar la tabla desde el HTML\n doc.autoTable({\n html: '#budget-table',\n startY: 40,\n theme: 'grid',\n headStyles: { fillColor: [79, 70, 229] }, \/\/ Color \u00edndigo para la cabecera\n });\n\n \/\/ Guardar el archivo\n doc.save('presupuesto-fasin-proyecto-el-sol.pdf');\n });\n\n \/\/ ==========================================================\n \/\/ ============ L\u00d3GICA JAVASCRIPT DEL CHATBOT (MODO DEMO) ====\n \/\/ ==========================================================\n const openChatbotBtn = document.getElementById('open-chatbot');\n const closeChatbotBtn = document.getElementById('close-chatbot');\n const chatbotWindow = document.getElementById('chatbot-window');\n const chatMessages = document.getElementById('chat-messages');\n const presetQuestions = document.querySelectorAll('.preset-question');\n\n const demoResponses = {\n \"\u00bfCu\u00e1les son los mayores riesgos del proyecto?\": \"He identificado tres riesgos principales:<br>1) Posible retraso en la entrega de acero estructural (Probabilidad: 65%).<br>2) Sobrecosto en acabados por variaci\u00f3n del tipo de cambio (Probabilidad: 50%).<br>3) Conflictos laborales menores (Probabilidad: 30%).<br>Recomiendo revisar el plan de mitigaci\u00f3n.\",\n \"Hazme un resumen del presupuesto actual\": \"El presupuesto total es de S\/ 1,250,000. Se ha ejecutado el 45% (S\/ 562,500) y tenemos una desviaci\u00f3n positiva del 2% gracias a la optimizaci\u00f3n en la partida de cimentaci\u00f3n.\",\n \"\u00bfCu\u00e1l es el estado del cronograma?\": \"El proyecto presenta un avance del 35%, lo cual est\u00e1 un 5% por delante de lo planificado. La fase de cimentaci\u00f3n ha concluido y estamos iniciando la estructura. No se prev\u00e9n retrasos en las pr\u00f3ximas dos semanas.\"\n };\n\n openChatbotBtn.addEventListener('click', () => {\n chatbotWindow.classList.remove('hidden', 'scale-95', 'opacity-0');\n chatbotWindow.classList.add('scale-100', 'opacity-100');\n openChatbotBtn.classList.add('hidden');\n });\n\n closeChatbotBtn.addEventListener('click', () => {\n chatbotWindow.classList.add('scale-95', 'opacity-0');\n setTimeout(() => {\n chatbotWindow.classList.add('hidden');\n openChatbotBtn.classList.remove('hidden');\n }, 300);\n });\n\n function addMessage(message, sender, isLoading = false) {\n const messageWrapper = document.createElement('div');\n messageWrapper.className = `flex mb-4 ${sender === 'user' ? 'justify-end' : ''}`;\n \n const messageBubble = document.createElement('div');\n messageBubble.className = `p-3 rounded-lg max-w-xs text-sm ${sender === 'user' ? 'bg-indigo-600 text-white' : 'bg-indigo-100 text-gray-800'}`;\n \n if(isLoading) {\n messageBubble.innerHTML = `<div class=\"flex items-center justify-center space-x-2\">\n <div class=\"w-2 h-2 rounded-full bg-gray-500 animate-pulse\"><\/div>\n <div class=\"w-2 h-2 rounded-full bg-gray-500 animate-pulse\" style=\"animation-delay: 0.2s;\"><\/div>\n <div class=\"w-2 h-2 rounded-full bg-gray-500 animate-pulse\" style=\"animation-delay: 0.4s;\"><\/div>\n <\/div>`;\n messageBubble.id = 'loading-bubble';\n } else {\n messageBubble.innerHTML = `<p>${message}<\/p>`;\n }\n \n messageWrapper.appendChild(messageBubble);\n chatMessages.appendChild(messageWrapper);\n chatMessages.scrollTop = chatMessages.scrollHeight;\n }\n \n presetQuestions.forEach(button => {\n button.addEventListener('click', () => {\n const userMessage = button.textContent;\n addMessage(userMessage, 'user');\n addMessage('', 'bot', true);\n\n setTimeout(() => {\n const loadingBubble = document.getElementById('loading-bubble');\n if (loadingBubble) loadingBubble.parentElement.remove();\n \n const botResponse = demoResponses[userMessage];\n addMessage(botResponse, 'bot');\n }, 1200);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Presupuesto | FASIN IA Predictiva FASIN IA An\u00e1lisis Predictivo Dashboard Presupuesto Cronograma Riesgos Equipo Jos\u00e9 David Arquitecto Cerrar Sesi\u00f3n Proyecto: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":4,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}