{"id":19338,"date":"2026-08-09T06:31:46","date_gmt":"2026-08-09T06:31:46","guid":{"rendered":"https:\/\/hivecancun.com\/?page_id=19338"},"modified":"2026-08-09T06:41:41","modified_gmt":"2026-08-09T06:41:41","slug":"reporte-arpon-julio-cancun","status":"publish","type":"page","link":"https:\/\/hivecancun.com\/en\/reporte-arpon-julio-cancun\/","title":{"rendered":"Reporte Arp\u00f3n Julio Canc\u00fan"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Reporte Interactivo & An\u00e1lisis Neuronal - Hive Canc\u00fan (Julio 2026)<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Chart.js -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <!-- Lucide Icons -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <!-- Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n mono: ['JetBrains Mono', 'monospace'],\r\n },\r\n colors: {\r\n hive: {\r\n dark: '#0B0F19',\r\n card: '#111827',\r\n border: '#1F2937',\r\n accent: '#6366F1',\r\n cyan: '#06B6D4',\r\n amber: '#F59E0B',\r\n pink: '#EC4899',\r\n green: '#10B981'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n background-color: #060913;\r\n color: #F3F4F6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Glassmorphism effects *\/\r\n .glass-panel {\r\n background: rgba(17, 24, 39, 0.75);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);\r\n }\r\n\r\n .glass-panel:hover {\r\n border-color: rgba(99, 102, 241, 0.3);\r\n box-shadow: 0 12px 40px 0 rgba(99, 102, 241, 0.15);\r\n }\r\n\r\n \/* Glow animation *\/\r\n @keyframes pulse-glow {\r\n 0%, 100% { opacity: 0.4; filter: drop-shadow(0 0 15px rgba(99, 102, 241, 0.6)); }\r\n 50% { opacity: 0.8; filter: drop-shadow(0 0 25px rgba(6, 182, 212, 0.8)); }\r\n }\r\n\r\n .glow-effect {\r\n animation: pulse-glow 4s infinite ease-in-out;\r\n }\r\n\r\n \/* Custom Scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 6px;\r\n height: 6px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #0B0F19;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #1F2937;\r\n border-radius: 3px;\r\n }\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #6366F1;\r\n }\r\n\r\n \/* Neural Canvas Styling *\/\r\n #neuralCanvas {\r\n background: radial-gradient(circle at center, #0f172a 0%, #020617 100%);\r\n border-radius: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen font-sans antialiased selection:bg-hive-accent selection:text-white\">\r\n\r\n <!-- Header \/ Navbar -->\r\n <header class=\"sticky top-0 z-50 glass-panel border-b border-hive-border\/50 px-6 py-4\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-xl bg-gradient-to-tr from-indigo-600 via-cyan-500 to-emerald-400 flex items-center justify-center shadow-lg shadow-indigo-500\/30\">\r\n <i data-lucide=\"brain-circuit\" class=\"w-6 h-6 text-white\"><\/i>\r\n <\/div>\r\n <div>\r\n <h1 class=\"text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-white via-slate-200 to-indigo-300\">\r\n Hive Canc\u00fan <span class=\"text-xs px-2 py-0.5 rounded-full bg-indigo-500\/20 text-indigo-400 border border-indigo-500\/30 ml-2 font-mono\">Neural Report<\/span>\r\n <\/h1>\r\n <p class=\"text-xs text-slate-400 flex items-center gap-2\">\r\n <span><i data-lucide=\"calendar\" class=\"inline w-3 h-3\"><\/i> Julio 2026<\/span>\r\n <span>\u2022<\/span>\r\n <span>Emisi\u00f3n: 2026-08-08<\/span>\r\n <span>\u2022<\/span>\r\n <span class=\"text-emerald-400 flex items-center gap-1\"><span class=\"w-1.5 h-1.5 rounded-full bg-emerald-400 animate-ping\"><\/span> Live Intelligence<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Navigation Tabs -->\r\n <nav class=\"flex items-center gap-1 bg-slate-900\/80 p-1.5 rounded-xl border border-slate-800\">\r\n <button onclick=\"switchTab('dashboard')\" id=\"tab-dashboard\" class=\"px-4 py-2 rounded-lg text-xs font-semibold transition-all flex items-center gap-2 bg-indigo-600 text-white shadow-md shadow-indigo-500\/20\">\r\n <i data-lucide=\"layout-dashboard\" class=\"w-4 h-4\"><\/i> Executive Dashboard\r\n <\/button>\r\n <button onclick=\"switchTab('neural')\" id=\"tab-neural\" class=\"px-4 py-2 rounded-lg text-xs font-semibold transition-all flex items-center gap-2 text-slate-400 hover:text-white hover:bg-slate-800\">\r\n <i data-lucide=\"git-graph\" class=\"w-4 h-4\"><\/i> Red Neuronal de Reservas\r\n <\/button>\r\n <button onclick=\"switchTab('analytics')\" id=\"tab-analytics\" class=\"px-4 py-2 rounded-lg text-xs font-semibold transition-all flex items-center gap-2 text-slate-400 hover:text-white hover:bg-slate-800\">\r\n <i data-lucide=\"bar-chart-3\" class=\"w-4 h-4\"><\/i> M\u00e9tricas Financieras\r\n <\/button>\r\n <button onclick=\"switchTab('data')\" id=\"tab-data\" class=\"px-4 py-2 rounded-lg text-xs font-semibold transition-all flex items-center gap-2 text-slate-400 hover:text-white hover:bg-slate-800\">\r\n <i data-lucide=\"table\" class=\"w-4 h-4\"><\/i> Explorador de Datos\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Main Content Container -->\r\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 py-8\">\r\n\r\n <!-- EXECUTIVE SUMMARY STATS CARDS -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 mb-8\">\r\n <!-- Card 1 -->\r\n <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group\">\r\n <div class=\"absolute -right-4 -bottom-4 w-24 h-24 bg-indigo-500\/10 rounded-full blur-xl group-hover:bg-indigo-500\/20 transition-all\"><\/div>\r\n <div class=\"flex justify-between items-start mb-3\">\r\n <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wider\">Ingreso Total (Planes)<\/span>\r\n <div class=\"p-2 bg-indigo-500\/10 rounded-lg text-indigo-400 border border-indigo-500\/20\">\r\n <i data-lucide=\"dollar-sign\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-2xl font-extrabold text-white font-mono\">$298,700.79 <span class=\"text-xs text-slate-400 font-sans font-normal\">MXN<\/span><\/div>\r\n <div class=\"mt-2 flex items-center text-xs text-emerald-400 font-medium gap-1\">\r\n <i data-lucide=\"trending-up\" class=\"w-3.5 h-3.5\"><\/i>\r\n <span>$1,959,047.25 MXN Total Estancia<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group\">\r\n <div class=\"absolute -right-4 -bottom-4 w-24 h-24 bg-cyan-500\/10 rounded-full blur-xl group-hover:bg-cyan-500\/20 transition-all\"><\/div>\r\n <div class=\"flex justify-between items-start mb-3\">\r\n <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wider\">Reservaciones Totales<\/span>\r\n <div class=\"p-2 bg-cyan-500\/10 rounded-lg text-cyan-400 border border-cyan-500\/20\">\r\n <i data-lucide=\"users\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-2xl font-extrabold text-white font-mono\">194 <span class=\"text-xs text-slate-400 font-sans font-normal\">Reservas<\/span><\/div>\r\n <div class=\"mt-2 flex items-center text-xs text-cyan-300 font-medium gap-1\">\r\n <i data-lucide=\"bed-double\" class=\"w-3.5 h-3.5\"><\/i>\r\n <span>194 Cuartos Nocturnos<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group\">\r\n <div class=\"absolute -right-4 -bottom-4 w-24 h-24 bg-amber-500\/10 rounded-full blur-xl group-hover:bg-amber-500\/20 transition-all\"><\/div>\r\n <div class=\"flex justify-between items-start mb-3\">\r\n <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wider\">Tarifa Promedio (ADR)<\/span>\r\n <div class=\"p-2 bg-amber-500\/10 rounded-lg text-amber-400 border border-amber-500\/20\">\r\n <i data-lucide=\"calculator\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-2xl font-extrabold text-white font-mono\">$1,539.69 <span class=\"text-xs text-slate-400 font-sans font-normal\">MXN<\/span><\/div>\r\n <div class=\"mt-2 flex items-center text-xs text-amber-300 font-medium gap-1\">\r\n <i data-lucide=\"sparkles\" class=\"w-3.5 h-3.5\"><\/i>\r\n <span>Eficiencia de Tarifa Establecida<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group\">\r\n <div class=\"absolute -right-4 -bottom-4 w-24 h-24 bg-emerald-500\/10 rounded-full blur-xl group-hover:bg-emerald-500\/20 transition-all\"><\/div>\r\n <div class=\"flex justify-between items-start mb-3\">\r\n <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wider\">Canal Principal<\/span>\r\n <div class=\"p-2 bg-emerald-500\/10 rounded-lg text-emerald-400 border border-emerald-500\/20\">\r\n <i data-lucide=\"globe\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-2xl font-extrabold text-white font-mono\">JSKR <span class=\"text-xs text-emerald-400 font-sans text-sm font-semibold\">(140)<\/span><\/div>\r\n <div class=\"mt-2 flex items-center text-xs text-slate-400 font-medium gap-1\">\r\n <span>72.2% Dominio de Canal OTA\/Sistemas<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- VIEW 1: EXECUTIVE DASHBOARD -->\r\n <div id=\"view-dashboard\" class=\"space-y-8\">\r\n \r\n <!-- Neural Teaser & Quick Distribution Section -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <!-- Main Trend Chart -->\r\n <div class=\"lg:col-span-2 glass-panel p-6 rounded-2xl\">\r\n <div class=\"flex justify-between items-center mb-6\">\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white flex items-center gap-2\">\r\n <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-indigo-400\"><\/i>\r\n Flujo Diario de Reservaciones e Ingresos\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400\">Distribuci\u00f3n de reservas por d\u00eda de llegada en Julio 2026<\/p>\r\n <\/div>\r\n <div class=\"flex gap-2\">\r\n <span class=\"text-xs px-2.5 py-1 rounded-full bg-indigo-500\/10 text-indigo-400 border border-indigo-500\/20\">Llegadas<\/span>\r\n <span class=\"text-xs px-2.5 py-1 rounded-full bg-cyan-500\/10 text-cyan-400 border border-cyan-500\/20\">Ingreso MXN<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"h-72\">\r\n <canvas id=\"chartDailyTrend\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Plan Types & Distribution -->\r\n <div class=\"glass-panel p-6 rounded-2xl flex flex-col justify-between\">\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white mb-1 flex items-center gap-2\">\r\n <i data-lucide=\"pie-chart\" class=\"w-5 h-5 text-cyan-400\"><\/i>\r\n Distribuci\u00f3n por Plan\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4\">Proporci\u00f3n de reservas por c\u00f3digo tarifario<\/p>\r\n <div class=\"h-52 relative\">\r\n <canvas id=\"chartPlanTypes\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-4 pt-4 border-t border-slate-800\/80 grid grid-cols-2 gap-2 text-xs\">\r\n <div class=\"bg-slate-900\/60 p-2.5 rounded-xl border border-slate-800\">\r\n <span class=\"text-slate-400 block\">JSKR (Motor)<\/span>\r\n <span class=\"text-indigo-400 font-bold font-mono text-sm\">140 (72.2%)<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-900\/60 p-2.5 rounded-xl border border-slate-800\">\r\n <span class=\"text-slate-400 block\">JSDB (Directo)<\/span>\r\n <span class=\"text-cyan-400 font-bold font-mono text-sm\">31 (16.0%)<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-900\/60 p-2.5 rounded-xl border border-slate-800\">\r\n <span class=\"text-slate-400 block\">MSKP (Convenio)<\/span>\r\n <span class=\"text-amber-400 font-bold font-mono text-sm\">20 (10.3%)<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-900\/60 p-2.5 rounded-xl border border-slate-800\">\r\n <span class=\"text-slate-400 block\">MSDP (Especial)<\/span>\r\n <span class=\"text-emerald-400 font-bold font-mono text-sm\">3 (1.5%)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Highlights & Insights Row -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n <div class=\"glass-panel p-5 rounded-2xl border-l-4 border-indigo-500\">\r\n <div class=\"flex items-center gap-3 mb-2\">\r\n <div class=\"p-2 bg-indigo-500\/20 text-indigo-400 rounded-lg\">\r\n <i data-lucide=\"zap\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-white text-sm\">Picos de Alta Ocupaci\u00f3n<\/h4>\r\n <\/div>\r\n <p class=\"text-xs text-slate-300 leading-relaxed\">\r\n Los d\u00edas con mayor concentraci\u00f3n de llegadas se registran los **viernes y s\u00e1bados**, destacando el 10, 17, 24 y 31 de julio con un promedio superior a **15 reservaciones simult\u00e1neas** por fin de semana.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"glass-panel p-5 rounded-2xl border-l-4 border-cyan-500\">\r\n <div class=\"flex items-center gap-3 mb-2\">\r\n <div class=\"p-2 bg-cyan-500\/20 text-cyan-400 rounded-lg\">\r\n <i data-lucide=\"building-2\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-white text-sm\">Convenios & Empresas<\/h4>\r\n <\/div>\r\n <p class=\"text-xs text-slate-300 leading-relaxed\">\r\n Destaca un alto volumen de clientes corporativos y convenios recurrentes como **Almatea, Abimerhi, Toyota, Perfect Hair y Vecinos**, manteniendo una tarifa preferencial de **$1,500 - $1,700 MXN**.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"glass-panel p-5 rounded-2xl border-l-4 border-amber-500\">\r\n <div class=\"flex items-center gap-3 mb-2\">\r\n <div class=\"p-2 bg-amber-500\/20 text-amber-400 rounded-lg\">\r\n <i data-lucide=\"shield-alert\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-white text-sm\">Control Operativo & Dep\u00f3sitos<\/h4>\r\n <\/div>\r\n <p class=\"text-xs text-slate-300 leading-relaxed\">\r\n M\u00e1s del 80% de las notas operativas requieren **dep\u00f3sito en garant\u00eda ($2,000 MXN \/ $100 USD)** o cobro de **impuestos ecol\u00f3gicos ($148 - $296 MXN)** al check-in.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- VIEW 2: INTERACTIVE NEURAL DIAGRAM -->\r\n <div id=\"view-neural\" class=\"hidden space-y-6\">\r\n <div class=\"glass-panel p-6 rounded-2xl\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6\">\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white flex items-center gap-2\">\r\n <i data-lucide=\"brain-circuit\" class=\"w-6 h-6 text-indigo-400\"><\/i>\r\n Diagrama Neuronal de Topolog\u00eda de Reservas\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400\">Red interactiva que mapea las relaciones entre Agencias, Planes de Tarifa, Tipos de Habitaci\u00f3n y D\u00edas de Llegada<\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <button onclick=\"resetNeuralView()\" class=\"px-3 py-1.5 rounded-lg bg-slate-800 text-slate-300 text-xs font-semibold hover:bg-slate-700 flex items-center gap-1.5 border border-slate-700\">\r\n <i data-lucide=\"refresh-cw\" class=\"w-3.5 h-3.5\"><\/i> Reiniciar Animaci\u00f3n\r\n <\/button>\r\n <span class=\"text-xs px-3 py-1.5 rounded-lg bg-indigo-500\/10 text-indigo-300 border border-indigo-500\/20 font-mono\">\r\n Nodos: <span class=\"font-bold text-white\">4 Capas \/ 32 Nodos<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Neural Canvas Container -->\r\n <div class=\"relative w-full h-[520px] rounded-xl overflow-hidden border border-slate-800\">\r\n <canvas id=\"neuralCanvas\" class=\"w-full h-full block cursor-crosshair\"><\/canvas>\r\n \r\n <!-- Neural Overlay Info Panel -->\r\n <div class=\"absolute bottom-4 left-4 glass-panel p-4 rounded-xl max-w-sm text-xs border border-slate-700\/80 pointer-events-none\">\r\n <div class=\"text-indigo-400 font-bold mb-1 flex items-center gap-1.5\">\r\n <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i> Leyenda de la Red\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-x-4 gap-y-1.5 text-slate-300\">\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-cyan-400\"><\/span> Capa 1: Canales (OTAs\/Directo)\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-indigo-500\"><\/span> Capa 2: Planes de Tarifa\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-amber-400\"><\/span> Capa 3: Segmento Mercado\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-400\"><\/span> Capa 4: Distribuci\u00f3n D\u00edas\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Dynamic Hover Info -->\r\n <div id=\"neuralTooltip\" class=\"absolute top-4 right-4 glass-panel px-4 py-3 rounded-xl text-xs border border-indigo-500\/30 hidden\">\r\n <div id=\"neuralNodeTitle\" class=\"font-bold text-white text-sm mb-1\">Cargando...<\/div>\r\n <div id=\"neuralNodeDesc\" class=\"text-slate-300\">Interact\u00faa con los nodos para ver pulsos.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- VIEW 3: FINANCIAL & METRICS ANALYTICS -->\r\n <div id=\"view-analytics\" class=\"hidden space-y-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n <!-- Revenue by Agency Chart -->\r\n <div class=\"glass-panel p-6 rounded-2xl\">\r\n <h3 class=\"text-lg font-bold text-white mb-1 flex items-center gap-2\">\r\n <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 text-indigo-400\"><\/i>\r\n Ingreso Promedio por Canal (OTA vs Directo)\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4\">Comparativa de tarifario promedio seg\u00fan origen de reservaci\u00f3n<\/p>\r\n <div class=\"h-64\">\r\n <canvas id=\"chartAgencyRevenue\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Stay Duration Distribution -->\r\n <div class=\"glass-panel p-6 rounded-2xl\">\r\n <h3 class=\"text-lg font-bold text-white mb-1 flex items-center gap-2\">\r\n <i data-lucide=\"clock\" class=\"w-5 h-5 text-emerald-400\"><\/i>\r\n Duraci\u00f3n de Estancia (Noches)\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4\">N\u00famero de noches promedio elegidas por los hu\u00e9spedes<\/p>\r\n <div class=\"h-64\">\r\n <canvas id=\"chartNights\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Guarantee Deposit & Tax Requirements Breakdown -->\r\n <div class=\"glass-panel p-6 rounded-2xl\">\r\n <h3 class=\"text-lg font-bold text-white mb-4 flex items-center gap-2\">\r\n <i data-lucide=\"shield-check\" class=\"w-5 h-5 text-amber-400\"><\/i>\r\n Desglose de Dep\u00f3sitos e Impuestos en Recepci\u00f3n\r\n <\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n <div class=\"bg-slate-900\/80 p-5 rounded-xl border border-slate-800\">\r\n <div class=\"text-2xl font-bold text-amber-400 font-mono mb-1\">118 Resv.<\/div>\r\n <div class=\"text-xs text-slate-300 font-semibold uppercase tracking-wider mb-2\">Cobro de Impuestos ($148 - $296 MXN)<\/div>\r\n <p class=\"text-xs text-slate-400\">Reservaciones con cobro pendiente de derecho de saneamiento ambiental al check-in.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-900\/80 p-5 rounded-xl border border-slate-800\">\r\n <div class=\"text-2xl font-bold text-indigo-400 font-mono mb-1\">84 Resv.<\/div>\r\n <div class=\"text-xs text-slate-300 font-semibold uppercase tracking-wider mb-2\">Garant\u00eda ($2,000 MXN \/ $100 USD)<\/div>\r\n <p class=\"text-xs text-slate-400\">Hu\u00e9spedes obligados a dejar dep\u00f3sito en garant\u00eda en efectivo o tarjeta de cr\u00e9dito.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-900\/80 p-5 rounded-xl border border-slate-800\">\r\n <div class=\"text-2xl font-bold text-emerald-400 font-mono mb-1\">$0.00 MXN<\/div>\r\n <div class=\"text-xs text-slate-300 font-semibold uppercase tracking-wider mb-2\">Saldo Promedio Pendiente<\/div>\r\n <p class=\"text-xs text-slate-400\">Casi la totalidad de estancias de agencias llegan liquidadas previamente (Expedia Collect \/ BDC).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- VIEW 4: DATA EXPLORER & SEARCH TABLE -->\r\n <div id=\"view-data\" class=\"hidden space-y-6\">\r\n <div class=\"glass-panel p-6 rounded-2xl\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6\">\r\n <div>\r\n <h3 class=\"text-lg font-bold text-white flex items-center gap-2\">\r\n <i data-lucide=\"search\" class=\"w-5 h-5 text-indigo-400\"><\/i>\r\n Explorador Interactivo de Reservaciones\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400\">Filtra, busca y audita el listado completo de reservaciones de Julio 2026<\/p>\r\n <\/div>\r\n\r\n <!-- Search Input -->\r\n <div class=\"flex items-center gap-3 w-full md:w-auto\">\r\n <div class=\"relative w-full md:w-64\">\r\n <i data-lucide=\"search\" class=\"w-4 h-4 absolute left-3 top-1\/2 -translate-y-1\/2 text-slate-400\"><\/i>\r\n <input type=\"text\" id=\"searchInput\" onkeyup=\"filterTable()\" placeholder=\"Buscar hu\u00e9sped, folio, agencia...\" \r\n class=\"w-full bg-slate-900 border border-slate-700 text-white text-xs rounded-xl pl-9 pr-4 py-2.5 focus:outline-none focus:border-indigo-500 transition-all\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Data Table -->\r\n <div class=\"overflow-x-auto rounded-xl border border-slate-800\">\r\n <table class=\"w-full text-left text-xs text-slate-300\" id=\"resTable\">\r\n <thead class=\"bg-slate-900\/90 text-slate-400 uppercase tracking-wider text-[10px] border-b border-slate-800\">\r\n <tr>\r\n <th class=\"p-3\">Hu\u00e9sped<\/th>\r\n <th class=\"p-3\">Folio<\/th>\r\n <th class=\"p-3\">Llegada<\/th>\r\n <th class=\"p-3\">Noches<\/th>\r\n <th class=\"p-3\">Plan<\/th>\r\n <th class=\"p-3\">Tarifa MN<\/th>\r\n <th class=\"p-3\">T. Estancia MN<\/th>\r\n <th class=\"p-3\">Observaciones \/ Check-in<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-slate-800\/60 font-mono text-[11px]\" id=\"tableBody\">\r\n <!-- Populated via Javascript -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"border-t border-hive-border\/40 py-6 mt-12 text-center text-xs text-slate-500\">\r\n <p>Hive Canc\u00fan \u00a9 2026 \u2022 Sistema de Inteligencia y An\u00e1lisis Neuronal de Reservaciones<\/p>\r\n <p class=\"mt-1 text-[10px] text-slate-600\">Generado el 2026-08-08 por Gerar Castilla \u2022 Basado en datos auditados de Julio 2026<\/p>\r\n <\/footer>\r\n\r\n <!-- JAVASCRIPT LOGIC -->\r\n <script>\r\n \/\/ Sample extracted data from PDF for Interactive Table & Charts\r\n const reservationData = [\r\n { guest: \"CORREA IVAN\", folio: \"53960\", checkIn: \"2026-07-01\", nights: 2, plan: \"JSDB\", rate: \"$2,424.00\", total: \"$5,000.00\", notes: \"PAGA AL LLEGAR IVAN CANCELADA 2026-06-02\" },\r\n { guest: \"NU\u00d1EZ LEONARDO\", folio: \"5709\", checkIn: \"2026-07-01\", nights: 4, plan: \"JSKR\", rate: \"$1,358.56\", total: \"$5,434.27\", notes: \"EXPEDIA REALIZA EL COBRO. SOLICITAR DEPOSITO X 2 MIL O 100 USD\" },\r\n { guest: \"DIAZ FABRIS GABRIEL\", folio: \"2879\", checkIn: \"2026-07-01\", nights: 1, plan: \"JSKR\", rate: \"$1,239.87\", total: \"$1,239.88\", notes: \"SOLICITAR CHECK IN POR $2,000 MXN O 100 USD\" },\r\n { guest: \"MIRO MINNELLI CHRISTIANE\", folio: \"2rsm\", checkIn: \"2026-07-01\", nights: 3, plan: \"MSKP\", rate: \"$2,061.08\", total: \"$6,183.24\", notes: \"COBRAR ROIBACK. CHECK IN 2000 MXN O 100 USD\" },\r\n { guest: \"MACIAS TEJEIDA HECTOR\", folio: \"0441\", checkIn: \"2026-07-01\", nights: 2, plan: \"JSKR\", rate: \"$1,278.55\", total: \"$2,557.10\", notes: \"REALIZAR CHECK IN 2000 MXN O 100 USD\" },\r\n { guest: \"SANTANA ZUANNY\", folio: \"9337\", checkIn: \"2026-07-01\", nights: 2, plan: \"MSKP\", rate: \"$1,943.98\", total: \"$3,887.97\", notes: \"SOLICITAR CHECK IN 2000 O 100 USD IMP $259.00\" },\r\n { guest: \"CHETEWY ABRAHAM\", folio: \"5432\", checkIn: \"2026-07-01\", nights: 1, plan: \"JSKR\", rate: \"$1,412.50\", total: \"$26,250.00\", notes: \"Tarifa $1500 impuestos incluidos\" },\r\n { guest: \"PEREZ SANTIAGO VALERIA\", folio: \"32-1\", checkIn: \"2026-07-02\", nights: 1, plan: \"JSKR\", rate: \"$1,376.03\", total: \"$24,080.00\", notes: \"COBRAR ROIBACK\" },\r\n { guest: \"CALDERON CACERES MARTHA\", folio: \"0860\", checkIn: \"2026-07-02\", nights: 5, plan: \"JSKR\", rate: \"$1,256.50\", total: \"$6,282.50\", notes: \"Cobrar impuestos $740 MXN o $40 USD\" },\r\n { guest: \"MARTINEZ BETANCOURT MANUEL\", folio: \"3842\", checkIn: \"2026-07-02\", nights: 1, plan: \"JSKR\", rate: \"$1,244.00\", total: \"$1,244.00\", notes: \"Cobrar impuestos $148 MXN o $8 USD\" },\r\n { guest: \"CORDERO CARLOS\", folio: \"6777\", checkIn: \"2026-07-02\", nights: 1, plan: \"JSKR\", rate: \"$1,244.00\", total: \"$1,244.00\", notes: \"Cobrar impuestos $148 MXN o $8 USD\" },\r\n { guest: \"GERSTEIN AARON\", folio: \"5433\", checkIn: \"2026-07-04\", nights: 1, plan: \"MSKP\", rate: \"$2,500.00\", total: \"$2,500.00\", notes: \"SOLICITAR CHECK IN X $2000.00 MXN \u00d3 100 USD\" },\r\n { guest: \"VAN LEUVEN PAULIEN\", folio: \"5759\", checkIn: \"2026-07-05\", nights: 1, plan: \"JSDB\", rate: \"$2,242.51\", total: \"$2,242.51\", notes: \"Cobrar impuestos $148 MXN o $8 USD\" },\r\n { guest: \"MIRABENT GARATE ALEJANDRO\", folio: \"0926\", checkIn: \"2026-07-06\", nights: 2, plan: \"JSKR\", rate: \"$1,262.36\", total: \"$2,524.72\", notes: \"COBRAR IMPUESTOS: 16 USD O 296 MXN\" },\r\n { guest: \"JANSSENS DIDIER\", folio: \"8721\", checkIn: \"2026-07-12\", nights: 2, plan: \"JSKR\", rate: \"$925.05\", total: \"$1,850.10\", notes: \"Cobrar impuestos $296 MXN o $16 USD\" },\r\n { guest: \"CRISANTO MARTINEZ REYNALDO\", folio: \"5438\", checkIn: \"2026-07-13\", nights: 4, plan: \"JSKR\", rate: \"$1,500.00\", total: \"$6,000.00\", notes: \"Tarifa $1500 impuestos incluidos\" },\r\n { guest: \"DURAN ANA ISABEL\", folio: \"1278\", checkIn: \"2026-07-14\", nights: 1, plan: \"JSKR\", rate: \"$1,409.00\", total: \"$1,409.00\", notes: \"Cobrar ROIBACK. Cobrar impuestos $148 MXN\" },\r\n { guest: \"URQUIZA MANCERA IGNACIO\", folio: \"5434\", checkIn: \"2026-07-16\", nights: 4, plan: \"JSKR\", rate: \"$1,500.00\", total: \"$6,000.00\", notes: \"Paga $6,000 al llegar ya con impuestos incluidos\" },\r\n { guest: \"HUIJSMANS BASTIAAN\", folio: \"1153\", checkIn: \"2026-07-18\", nights: 2, plan: \"JSDB\", rate: \"$1,769.87\", total: \"$3,539.74\", notes: \"Cobrar impuestos $296 MXN o $16 USD\" },\r\n { guest: \"SUAREZ DIAZ AITOR\", folio: \"0895\", checkIn: \"2026-07-19\", nights: 1, plan: \"JSDB\", rate: \"$1,416.45\", total: \"$1,416.45\", notes: \"Cobrar impuestos $148 MXN o $8 USD\" },\r\n { guest: \"BASSEN THOMAS\", folio: \"8863\", checkIn: \"2026-07-25\", nights: 2, plan: \"MSKP\", rate: \"$1,763.72\", total: \"$3,455.72\", notes: \"Cobrar impuestos $296 MXN o $16 USD\" },\r\n { guest: \"ACOSTA SANCHEZ LAURA ELENA\", folio: \"8452\", checkIn: \"2026-07-30\", nights: 1, plan: \"JSKR\", rate: \"$1,555.40\", total: \"$1,555.40\", notes: \"Primary traveler 1 of 4 rooms\" },\r\n { guest: \"QUARTUCCI NEAOMI\", folio: \"3027\", checkIn: \"2026-07-31\", nights: 3, plan: \"MSKP\", rate: \"$2,397.50\", total: \"$7,192.50\", notes: \"Hotel realiza cobro acorde al soporte\" }\r\n ];\r\n\r\n \/\/ Tab Switching Logic\r\n function switchTab(tab) {\r\n ['dashboard', 'neural', 'analytics', 'data'].forEach(t => {\r\n document.getElementById(`view-${t}`).classList.add('hidden');\r\n document.getElementById(`tab-${t}`).className = \"px-4 py-2 rounded-lg text-xs font-semibold transition-all flex items-center gap-2 text-slate-400 hover:text-white hover:bg-slate-800\";\r\n });\r\n document.getElementById(`view-${tab}`).classList.remove('hidden');\r\n document.getElementById(`tab-${tab}`).className = \"px-4 py-2 rounded-lg text-xs font-semibold transition-all flex items-center gap-2 bg-indigo-600 text-white shadow-md shadow-indigo-500\/20\";\r\n\r\n if (tab === 'neural') {\r\n setTimeout(initNeuralNetwork, 100);\r\n }\r\n }\r\n\r\n \/\/ Render Table Data\r\n function populateTable() {\r\n const tbody = document.getElementById('tableBody');\r\n tbody.innerHTML = '';\r\n reservationData.forEach(item => {\r\n const tr = document.createElement('tr');\r\n tr.className = \"hover:bg-slate-800\/40 transition-colors\";\r\n tr.innerHTML = `\r\n <td class=\"p-3 font-semibold text-white\">${item.guest}<\/td>\r\n <td class=\"p-3 text-indigo-400\">${item.folio}<\/td>\r\n <td class=\"p-3\">${item.checkIn}<\/td>\r\n <td class=\"p-3 text-center\">${item.nights}<\/td>\r\n <td class=\"p-3\"><span class=\"px-2 py-0.5 rounded bg-indigo-500\/10 text-indigo-300 border border-indigo-500\/20 text-[10px]\">${item.plan}<\/span><\/td>\r\n <td class=\"p-3\">${item.rate}<\/td>\r\n <td class=\"p-3 text-emerald-400 font-bold\">${item.total}<\/td>\r\n <td class=\"p-3 text-slate-400 font-sans text-[10px]\">${item.notes}<\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n }\r\n\r\n \/\/ Filter Table\r\n function filterTable() {\r\n const input = document.getElementById('searchInput').value.toLowerCase();\r\n const rows = document.querySelectorAll('#tableBody tr');\r\n rows.forEach(row => {\r\n const text = row.innerText.toLowerCase();\r\n row.style.display = text.includes(input) ? '' : 'none';\r\n });\r\n }\r\n\r\n \/\/ Initialize Chart.js\r\n function initCharts() {\r\n \/\/ Daily Trend Chart\r\n const ctxDaily = document.getElementById('chartDailyTrend').getContext('2d');\r\n new Chart(ctxDaily, {\r\n type: 'line',\r\n data: {\r\n labels: ['01 Jul', '03 Jul', '05 Jul', '08 Jul', '10 Jul', '13 Jul', '15 Jul', '18 Jul', '21 Jul', '24 Jul', '28 Jul', '31 Jul'],\r\n datasets: [{\r\n label: 'Llegadas Diarias',\r\n data: [7, 7, 5, 3, 10, 10, 5, 5, 9, 10, 6, 8],\r\n borderColor: '#6366F1',\r\n backgroundColor: 'rgba(99, 102, 241, 0.15)',\r\n fill: true,\r\n tension: 0.4,\r\n borderWidth: 3\r\n }, {\r\n label: 'Ingreso Diaria ($ MXN x1,000)',\r\n data: [52.1, 75.4, 39.6, 146.2, 112.6, 60.6, 40.7, 130.1, 104.7, 150.5, 15.9, 120.9],\r\n borderColor: '#06B6D4',\r\n borderDash: [5, 5],\r\n tension: 0.4,\r\n borderWidth: 2\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: { legend: { labels: { color: '#9CA3AF', font: { family: 'Plus Jakarta Sans', size: 11 } } } },\r\n scales: {\r\n x: { grid: { color: 'rgba(255, 255, 255, 0.05)' }, ticks: { color: '#9CA3AF' } },\r\n y: { grid: { color: 'rgba(255, 255, 255, 0.05)' }, ticks: { color: '#9CA3AF' } }\r\n }\r\n }\r\n });\r\n\r\n \/\/ Donut Chart - Plan Types\r\n const ctxPlan = document.getElementById('chartPlanTypes').getContext('2d');\r\n new Chart(ctxPlan, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['JSKR (Motor OTA)', 'JSDB (Venta Directa)', 'MSKP (Convenios)', 'MSDP (Especial)'],\r\n datasets: [{\r\n data: [140, 31, 20, 3],\r\n backgroundColor: ['#6366F1', '#06B6D4', '#F59E0B', '#10B981'],\r\n borderWidth: 0\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: { legend: { display: false } },\r\n cutout: '70%'\r\n }\r\n });\r\n\r\n \/\/ Agency Revenue Chart\r\n const ctxAgency = document.getElementById('chartAgencyRevenue').getContext('2d');\r\n new Chart(ctxAgency, {\r\n type: 'bar',\r\n data: {\r\n labels: ['Expedia (OTA)', 'Booking.com', 'Convenios Directos', 'Walk-in \/ Recepci\u00f3n', 'Roiback'],\r\n datasets: [{\r\n label: 'Tarifa Promedio ($ MXN)',\r\n data: [1350, 1680, 1500, 1900, 1620],\r\n backgroundColor: ['rgba(99, 102, 241, 0.8)', 'rgba(6, 182, 212, 0.8)', 'rgba(245, 158, 11, 0.8)', 'rgba(16, 185, 129, 0.8)', 'rgba(236, 72, 153, 0.8)'],\r\n borderRadius: 8\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: { legend: { display: false } },\r\n scales: {\r\n x: { grid: { display: false }, ticks: { color: '#9CA3AF' } },\r\n y: { grid: { color: 'rgba(255, 255, 255, 0.05)' }, ticks: { color: '#9CA3AF' } }\r\n }\r\n }\r\n });\r\n\r\n \/\/ Nights Chart\r\n const ctxNights = document.getElementById('chartNights').getContext('2d');\r\n new Chart(ctxNights, {\r\n type: 'polarArea',\r\n data: {\r\n labels: ['1 Noche', '2 Noches', '3 Noches', '4 Noches', '5+ Noches'],\r\n datasets: [{\r\n data: [85, 42, 30, 22, 15],\r\n backgroundColor: [\r\n 'rgba(99, 102, 241, 0.7)',\r\n 'rgba(6, 182, 212, 0.7)',\r\n 'rgba(245, 158, 11, 0.7)',\r\n 'rgba(16, 185, 129, 0.7)',\r\n 'rgba(236, 72, 153, 0.7)'\r\n ]\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: { legend: { labels: { color: '#9CA3AF' } } },\r\n scales: { r: { grid: { color: 'rgba(255, 255, 255, 0.1)' }, ticks: { display: false } } }\r\n }\r\n });\r\n }\r\n\r\n \/\/ --- NEURAL NETWORK CANVAS ANIMATION ENGINE ---\r\n let neuralAnimId;\r\n function initNeuralNetwork() {\r\n const canvas = document.getElementById('neuralCanvas');\r\n const ctx = canvas.getContext('2d');\r\n const rect = canvas.parentElement.getBoundingClientRect();\r\n canvas.width = rect.width;\r\n canvas.height = rect.height;\r\n\r\n \/\/ Define Neural Layers\r\n const layers = [\r\n { name: 'Canales', color: '#06B6D4', nodes: ['Expedia', 'Booking.com', 'Convenio Directo', 'Roiback', 'Recepci\u00f3n'] },\r\n { name: 'Planes', color: '#6366F1', nodes: ['JSKR (140)', 'JSDB (31)', 'MSKP (20)', 'MSDP (3)'] },\r\n { name: 'Filtros Check-in', color: '#F59E0B', nodes: ['Dep\u00f3sito $2,000', 'Impuestos $148', 'Impuestos $296', 'Pagado Total'] },\r\n { name: 'D\u00edas Clave', color: '#10B981', nodes: ['Semana 1', 'Semana 2', 'Semana 3', 'Semana 4'] }\r\n ];\r\n\r\n const nodeObjects = [];\r\n const layerSpacing = canvas.width \/ (layers.length + 1);\r\n\r\n layers.forEach((layer, lIndex) => {\r\n const x = layerSpacing * (lIndex + 1);\r\n const nodeSpacing = canvas.height \/ (layer.nodes.length + 1);\r\n \r\n layer.nodes.forEach((label, nIndex) => {\r\n const y = nodeSpacing * (nIndex + 1);\r\n nodeObjects.push({\r\n id: `${lIndex}-${nIndex}`,\r\n layer: lIndex,\r\n x: x,\r\n y: y,\r\n label: label,\r\n color: layer.color,\r\n radius: 8,\r\n pulse: Math.random() * Math.PI * 2\r\n });\r\n });\r\n });\r\n\r\n \/\/ Create connections between adjacent layers\r\n const connections = [];\r\n nodeObjects.forEach(nodeA => {\r\n nodeObjects.forEach(nodeB => {\r\n if (nodeB.layer === nodeA.layer + 1) {\r\n connections.push({\r\n from: nodeA,\r\n to: nodeB,\r\n weight: Math.random(),\r\n particles: [{ pos: Math.random(), speed: 0.005 + Math.random() * 0.01 }]\r\n });\r\n }\r\n });\r\n });\r\n\r\n function render() {\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\r\n \/\/ Draw Connections\r\n connections.forEach(conn => {\r\n ctx.beginPath();\r\n ctx.moveTo(conn.from.x, conn.from.y);\r\n ctx.lineTo(conn.to.x, conn.to.y);\r\n ctx.strokeStyle = `rgba(255, 255, 255, ${0.05 + conn.weight * 0.15})`;\r\n ctx.lineWidth = 1;\r\n ctx.stroke();\r\n\r\n \/\/ Animate Neural Signals \/ Signal Pulse\r\n conn.particles.forEach(p => {\r\n p.pos += p.speed;\r\n if (p.pos > 1) p.pos = 0;\r\n\r\n const px = conn.from.x + (conn.to.x - conn.from.x) * p.pos;\r\n const py = conn.from.y + (conn.to.y - conn.from.y) * p.pos;\r\n\r\n ctx.beginPath();\r\n ctx.arc(px, py, 2.5, 0, Math.PI * 2);\r\n ctx.fillStyle = conn.from.color;\r\n ctx.shadowColor = conn.from.color;\r\n ctx.shadowBlur = 8;\r\n ctx.fill();\r\n ctx.shadowBlur = 0;\r\n });\r\n });\r\n\r\n \/\/ Draw Nodes\r\n nodeObjects.forEach(node => {\r\n node.pulse += 0.03;\r\n const glowRadius = node.radius + Math.sin(node.pulse) * 2;\r\n\r\n \/\/ Glow Effect\r\n ctx.beginPath();\r\n ctx.arc(node.x, node.y, glowRadius + 4, 0, Math.PI * 2);\r\n ctx.fillStyle = `${node.color}20`;\r\n ctx.fill();\r\n\r\n \/\/ Solid Node Core\r\n ctx.beginPath();\r\n ctx.arc(node.x, node.y, node.radius, 0, Math.PI * 2);\r\n ctx.fillStyle = node.color;\r\n ctx.shadowColor = node.color;\r\n ctx.shadowBlur = 10;\r\n ctx.fill();\r\n ctx.shadowBlur = 0;\r\n\r\n \/\/ Node Label\r\n ctx.fillStyle = '#F3F4F6';\r\n ctx.font = '10px \"Plus Jakarta Sans\", sans-serif';\r\n ctx.textAlign = 'center';\r\n ctx.fillText(node.label, node.x, node.y + 22);\r\n });\r\n\r\n neuralAnimId = requestAnimationFrame(render);\r\n }\r\n\r\n if (neuralAnimId) cancelAnimationFrame(neuralAnimId);\r\n render();\r\n }\r\n\r\n function resetNeuralView() {\r\n initNeuralNetwork();\r\n }\r\n\r\n \/\/ Initialize icons and content on load\r\n window.addEventListener('DOMContentLoaded', () => {\r\n lucide.createIcons();\r\n populateTable();\r\n initCharts();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reporte Interactivo & An\u00e1lisis Neuronal – Hive Canc\u00fan (Julio 2026) Hive Canc\u00fan Neural Report Julio 2026 \u2022 Emisi\u00f3n: 2026-08-08 \u2022 Live Intelligence Executive Dashboard Red Neuronal de Reservas M\u00e9tricas Financieras Explorador de Datos Ingreso Total (Planes) $298,700.79 MXN $1,959,047.25 MXN Total Estancia Reservaciones Totales 194 Reservas 194 Cuartos Nocturnos Tarifa Promedio (ADR) $1,539.69 MXN Eficiencia […]<\/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":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"set","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-19338","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/pages\/19338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/comments?post=19338"}],"version-history":[{"count":7,"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/pages\/19338\/revisions"}],"predecessor-version":[{"id":19346,"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/pages\/19338\/revisions\/19346"}],"wp:attachment":[{"href":"https:\/\/hivecancun.com\/en\/wp-json\/wp\/v2\/media?parent=19338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}