An\u00e1lisis de Riesgos | 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 <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-gray-600 hover:bg-indigo-50 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-white bg-indigo-600 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 \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 class=\"px-4 py-2 bg-gray-200 text-gray-800 text-sm font-semibold rounded-lg hover:bg-gray-300\">Ver Historial<\/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-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">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-indigo-500 font-medium text-sm text-indigo-600\" aria-current=\"page\">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>\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\">Riesgos Totales Identificados<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">12<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md border-2 border-red-500\">\n <p class=\"text-sm text-red-600 font-semibold\">Riesgos de Alto Impacto<\/p>\n <p class=\"text-2xl font-bold text-red-600\">3<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Probabilidad Promedio<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">45%<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Costo Potencial Total<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 125,800<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Matriz de Riesgos Predictivos<\/h3>\n <div class=\"overflow-x-auto\">\n <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 w-1\/3\">Descripci\u00f3n del Riesgo<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Probabilidad<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Impacto<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Costo Potencial (S\/.)<\/th>\n <th scope=\"col\" class=\"px-6 py-3 w-1\/3\">Sugerencia de Mitigaci\u00f3n IA<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-red-50 border-b hover:bg-red-100\">\n <td class=\"px-6 py-4 font-medium text-red-900\">Retraso en la entrega de acero estructural por proveedor clave.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-red-200 text-red-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">85%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-red-700\">Alto<\/td>\n <td class=\"px-6 py-4\">S\/. 45,000<\/td>\n <td class=\"px-6 py-4 text-xs\">Iniciar contacto con proveedor alternativo B y C. Confirmar stock y plazos de entrega como plan de contingencia.<\/td>\n <\/tr>\n <tr class=\"bg-yellow-50 border-b hover:bg-yellow-100\">\n <td class=\"px-6 py-4 font-medium text-yellow-900\">Variaci\u00f3n del costo del cemento por encima del 10%.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-yellow-200 text-yellow-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">60%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-yellow-700\">Medio<\/td>\n <td class=\"px-6 py-4\">S\/. 28,500<\/td>\n <td class=\"px-6 py-4 text-xs\">Negociar compra por volumen para fijar precio actual en las pr\u00f3ximas 8 semanas.<\/td>\n <\/tr>\n <tr class=\"bg-red-50 border-b hover:bg-red-100\">\n <td class=\"px-6 py-4 font-medium text-red-900\">Condiciones clim\u00e1ticas adversas (lluvias) que impidan vaciado de losa.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-red-200 text-red-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">70%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-red-700\">Alto<\/td>\n <td class=\"px-6 py-4\">S\/. 35,000<\/td>\n <td class=\"px-6 py-4 text-xs\">Adelantar la instalaci\u00f3n de coberturas temporales en el \u00e1rea de trabajo. Revisar pron\u00f3stico extendido.<\/td>\n <\/tr>\n <tr class=\"bg-green-50 border-b hover:bg-green-100\">\n <td class=\"px-6 py-4 font-medium text-green-900\">Baja disponibilidad de mano de obra calificada para acabados.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-green-200 text-green-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">25%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-green-700\">Bajo<\/td>\n <td class=\"px-6 py-4\">S\/. 17,300<\/td>\n <td class=\"px-6 py-4 text-xs\">Publicar ofertas de empleo con 4 semanas de antelaci\u00f3n a la fase de acabados.<\/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 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>An\u00e1lisis de Riesgos | FASIN IA Predictiva FASIN IA An\u00e1lisis Predictivo Dashboard Presupuesto Cronograma Riesgos Equipo Jos\u00e9 David Arquitecto Cerrar […]<\/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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/69","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=69"}],"version-history":[{"count":3,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":69,"date":"2025-10-20T02:49:45","date_gmt":"2025-10-20T02:49:45","guid":{"rendered":"https:\/\/codigoyconcreto.es\/?page_id=69"},"modified":"2025-10-20T23:40:55","modified_gmt":"2025-10-20T23:40:55","slug":"fasin-riesgos","status":"publish","type":"page","link":"https:\/\/codigoyconcreto.es\/index.php\/fasin-riesgos\/","title":{"rendered":"fasin-riesgos"},"content":{"rendered":"\n\n\n\n \n \n An\u00e1lisis de Riesgos | 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 <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-gray-600 hover:bg-indigo-50 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-white bg-indigo-600 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 \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 class=\"px-4 py-2 bg-gray-200 text-gray-800 text-sm font-semibold rounded-lg hover:bg-gray-300\">Ver Historial<\/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-transparent font-medium text-sm text-gray-500 hover:text-gray-700 hover:border-gray-300\">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-indigo-500 font-medium text-sm text-indigo-600\" aria-current=\"page\">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>\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\">Riesgos Totales Identificados<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">12<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md border-2 border-red-500\">\n <p class=\"text-sm text-red-600 font-semibold\">Riesgos de Alto Impacto<\/p>\n <p class=\"text-2xl font-bold text-red-600\">3<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Probabilidad Promedio<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">45%<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <p class=\"text-sm text-gray-500\">Costo Potencial Total<\/p>\n <p class=\"text-2xl font-bold text-gray-800\">S\/. 125,800<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Matriz de Riesgos Predictivos<\/h3>\n <div class=\"overflow-x-auto\">\n <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 w-1\/3\">Descripci\u00f3n del Riesgo<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Probabilidad<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Impacto<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">Costo Potencial (S\/.)<\/th>\n <th scope=\"col\" class=\"px-6 py-3 w-1\/3\">Sugerencia de Mitigaci\u00f3n IA<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-red-50 border-b hover:bg-red-100\">\n <td class=\"px-6 py-4 font-medium text-red-900\">Retraso en la entrega de acero estructural por proveedor clave.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-red-200 text-red-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">85%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-red-700\">Alto<\/td>\n <td class=\"px-6 py-4\">S\/. 45,000<\/td>\n <td class=\"px-6 py-4 text-xs\">Iniciar contacto con proveedor alternativo B y C. Confirmar stock y plazos de entrega como plan de contingencia.<\/td>\n <\/tr>\n <tr class=\"bg-yellow-50 border-b hover:bg-yellow-100\">\n <td class=\"px-6 py-4 font-medium text-yellow-900\">Variaci\u00f3n del costo del cemento por encima del 10%.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-yellow-200 text-yellow-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">60%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-yellow-700\">Medio<\/td>\n <td class=\"px-6 py-4\">S\/. 28,500<\/td>\n <td class=\"px-6 py-4 text-xs\">Negociar compra por volumen para fijar precio actual en las pr\u00f3ximas 8 semanas.<\/td>\n <\/tr>\n <tr class=\"bg-red-50 border-b hover:bg-red-100\">\n <td class=\"px-6 py-4 font-medium text-red-900\">Condiciones clim\u00e1ticas adversas (lluvias) que impidan vaciado de losa.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-red-200 text-red-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">70%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-red-700\">Alto<\/td>\n <td class=\"px-6 py-4\">S\/. 35,000<\/td>\n <td class=\"px-6 py-4 text-xs\">Adelantar la instalaci\u00f3n de coberturas temporales en el \u00e1rea de trabajo. Revisar pron\u00f3stico extendido.<\/td>\n <\/tr>\n <tr class=\"bg-green-50 border-b hover:bg-green-100\">\n <td class=\"px-6 py-4 font-medium text-green-900\">Baja disponibilidad de mano de obra calificada para acabados.<\/td>\n <td class=\"px-6 py-4\"><span class=\"bg-green-200 text-green-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full\">25%<\/span><\/td>\n <td class=\"px-6 py-4 font-bold text-green-700\">Bajo<\/td>\n <td class=\"px-6 py-4\">S\/. 17,300<\/td>\n <td class=\"px-6 py-4 text-xs\">Publicar ofertas de empleo con 4 semanas de antelaci\u00f3n a la fase de acabados.<\/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 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>An\u00e1lisis de Riesgos | FASIN IA Predictiva FASIN IA An\u00e1lisis Predictivo Dashboard Presupuesto Cronograma Riesgos Equipo Jos\u00e9 David Arquitecto Cerrar […]<\/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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/69","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=69"}],"version-history":[{"count":3,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/codigoyconcreto.es\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}