{"id":444,"date":"2025-08-08T07:54:01","date_gmt":"2025-08-08T07:54:01","guid":{"rendered":"https:\/\/buscomunicacion.com\/?p=444"},"modified":"2025-08-08T07:54:02","modified_gmt":"2025-08-08T07:54:02","slug":"war-room","status":"publish","type":"post","link":"https:\/\/buscomunicacion.com\/index.php\/2025\/08\/08\/war-room\/","title":{"rendered":"War Room"},"content":{"rendered":"\n\n\n\n \n \n War Room – Inteligencia de Medios<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <!-- Chosen Palette: Warm Neutrals & Calm Blue -->\n <!-- Application Structure Plan: A single-page, top-to-bottom narrative flow. Starts with a Hero section to grab attention, defines the problem (The Challenge), presents the solution (The War Room with interactive tabs), lists key benefits in a scannable grid, provides an interactive Use Case explorer (the core interaction), shows the technology flow visually, and ends with a clear CTA. This structure guides the user logically from \"what is it?\" to \"how does it help me?\" and finally \"how do I get it?\", making it more persuasive and user-friendly than a simple report replica. -->\n <!-- Visualization & Content Choices: \n - Report Info: Key Benefits -> Goal: Inform\/Compare -> Viz: Icon + Card Grid -> Interaction: Hover state -> Justification: Easily scannable, visually reinforces value props. Method: HTML\/CSS.\n - Report Info: Use Cases (Political\/Corporate) -> Goal: Compare\/Inform -> Viz: Donut Chart + Text Block -> Interaction: Buttons to toggle visible content and dynamically update Chart.js data. -> Justification: Makes abstract use cases tangible and interactive, allowing users to self-select relevant info. Library: Chart.js.\n - Report Info: Technology (Cloud Functions, Puppeteer) -> Goal: Organize\/Inform -> Viz: HTML\/CSS Flow Diagram -> Interaction: None -> Justification: Simplifies a technical process into an easy-to-understand visual without external images or complex libraries. Method: HTML\/CSS with Flexbox.\n -->\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #F8F9FA;\n color: #212529;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 380px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 350px;\n }\n .nav-link {\n transition: color 0.3s ease;\n }\n .nav-link:hover {\n color: #007BFF;\n }\n .cta-button {\n transition: background-color 0.3s ease, transform 0.3s ease;\n }\n .cta-button:hover {\n transform: translateY(-2px);\n }\n .benefit-card, .use-case-button, .tab-button {\n transition: all 0.3s ease;\n }\n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .use-case-button.active {\n background-color: #007BFF !important;\n color: white !important;\n }\n .tab-button.active {\n border-color: #007BFF;\n color: #007BFF;\n font-weight: 600;\n }\n .content-fade {\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"bg-white\/80 backdrop-blur-lg fixed top-0 left-0 right-0 z-50 shadow-sm\">\n <div class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n <h1 class=\"text-xl font-bold text-gray-800\">\n <a href=\"https:\/\/www.buscomunicacion.com\" class=\"hover:text-blue-600 flex items-center\">\n <div class=\"flex items-end space-x-2\">\n <div class=\"relative w-20 h-10\">\n <div class=\"w-full h-full bg-gray-700 text-white font-bold p-2 text-sm flex items-center justify-center rounded-tl-lg rounded-tr-lg rounded-br-lg\">BUS<\/div>\n <div class=\"absolute bottom-0 left-2 w-0 h-0 border-l-8 border-l-gray-700 border-t-8 border-t-transparent border-b-8 border-b-transparent -translate-x-full\"><\/div>\n <\/div>\n <div class=\"relative w-12 h-10\">\n <div class=\"w-full h-full flex flex-col justify-end items-center\">\n <div class=\"bg-gray-700 w-10 h-8 rounded-t-sm relative\">\n <div class=\"w-1.5 h-1.5 bg-white absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 rounded-full\"><\/div>\n <div class=\"w-1.5 h-1.5 bg-white absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 mt-3 rounded-full\"><\/div>\n <div class=\"w-1.5 h-1.5 bg-white absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 mb-3 rounded-full\"><\/div>\n <div class=\"bg-gray-700 w-2.5 h-2.5 rounded-full absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"bg-gray-700 w-8 h-2 rounded-sm mt-1\"><\/div>\n <\/div>\n <\/div>\n <div class=\"flex flex-col items-start justify-end -mt-1\">\n <span class=\"text-red-600 font-bold text-base md:text-sm\">COMUNICACI\u00d3N<\/span>\n <span class=\"text-gray-700 font-bold text-xl md:text-lg\">2.0<\/span>\n <\/div>\n <\/div>\n <\/a>\n <\/h1>\n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#use-cases\" class=\"text-gray-600 nav-link\">Casos de Uso<\/a>\n <a href=\"#benefits\" class=\"text-gray-600 nav-link\">Beneficios<\/a>\n <a href=\"#how-it-works\" class=\"text-gray-600 nav-link\">C\u00f3mo Funciona<\/a>\n <a href=\"#contact\" class=\"text-gray-600 nav-link\">Contacto<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <main>\n <section id=\"hero\" class=\"bg-white pt-32 pb-20\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-4xl md:text-6xl font-bold text-gray-900 leading-tight\">Inteligencia Estrat\u00e9gica en Tiempo Real<\/h2>\n <p class=\"mt-4 text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">Presentamos el **War Room**: el nuevo m\u00f3dulo de inteligencia que automatiza la recolecci\u00f3n y an\u00e1lisis de datos p\u00fablicos para que pueda anticiparse, reaccionar y liderar la conversaci\u00f3n.<\/p>\n <div class=\"mt-8\">\n <a href=\"#use-cases\" class=\"bg-blue-600 text-white px-8 py-4 rounded-lg text-lg font-semibold cta-button hover:bg-blue-700\">Descubra su Poder<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"use-cases\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900\">Casos de Uso Interactivos<\/h3>\n <p class=\"mt-3 text-lg text-gray-600 max-w-2xl mx-auto\">Vea c\u00f3mo el War Room se adapta a su sector. Seleccione un caso de uso para explorar sus aplicaciones y visualizar el tipo de an\u00e1lisis que puede obtener.<\/p>\n <\/div>\n <div class=\"flex justify-center space-x-4 mb-10\">\n <button id=\"btn-politico\" class=\"use-case-button px-6 py-3 rounded-lg text-lg font-semibold border-2 border-gray-300 text-gray-700 bg-white hover:border-blue-500 hover:text-blue-600\">Entorno Pol\u00edtico<\/button>\n <button id=\"btn-empresas\" class=\"use-case-button px-6 py-3 rounded-lg text-lg font-semibold border-2 border-gray-300 text-gray-700 bg-white hover:border-blue-500 hover:text-blue-600\">Empresas y Marcas<\/button>\n <\/div>\n\n <div id=\"use-case-content\" class=\"lg:grid lg:grid-cols-2 lg:gap-12 lg:items-center\">\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"benefits\" class=\"py-20\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900\">Beneficios Clave<\/h3>\n <p class=\"mt-3 text-lg text-gray-600 max-w-2xl mx-auto\">Potencie su organizaci\u00f3n con funcionalidades dise\u00f1adas para la m\u00e1xima eficiencia y agilidad estrat\u00e9gica.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"bg-white p-8 rounded-xl shadow-md benefit-card\">\n <div class=\"text-blue-600 mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/><\/svg>\n <\/div>\n <h4 class=\"text-xl font-semibold mb-2\">Monitorizaci\u00f3n en Tiempo Real<\/h4>\n <p class=\"text-gray-600\">Seguimiento continuo de actores clave con alertas y res\u00famenes autom\u00e1ticos para que no se pierda nada.<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md benefit-card\">\n <div class=\"text-blue-600 mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" \/><\/svg>\n <\/div>\n <h4 class=\"text-xl font-semibold mb-2\">Decisiones Estrat\u00e9gicas R\u00e1pidas<\/h4>\n <p class=\"text-gray-600\">Obtenga informaci\u00f3n clave al instante para tomar decisiones \u00e1giles y precisas, reduciendo el tiempo de reacci\u00f3n.<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md benefit-card\">\n <div class=\"text-blue-600 mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n <\/div>\n <h4 class=\"text-xl font-semibold mb-2\">Automatizaci\u00f3n y Ahorro de Tiempo<\/h4>\n <p class=\"text-gray-600\">Elimine el seguimiento manual. El sistema recolecta y procesa la informaci\u00f3n de forma autom\u00e1tica y continua.<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md benefit-card\">\n <div class=\"text-blue-600 mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\" \/><\/svg>\n <\/div>\n <h4 class=\"text-xl font-semibold mb-2\">An\u00e1lisis Predictivo y Personalizado<\/h4>\n <p class=\"text-gray-600\">El sistema no solo recoge los datos, sino que tambi\u00e9n permite realizar an\u00e1lisis de sentimientos, res\u00famenes autom\u00e1ticos y clasificaci\u00f3n de contenido, proporcionando informaci\u00f3n relevante y f\u00e1cilmente digerible.<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md benefit-card\">\n <div class=\"text-blue-600 mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 14v6m-3-3h6M3 10h2a2 2 0 012 2v6a2 2 0 01-2 2H3a2 2 0 01-2-2v-6a2 2 0 012-2zM3 6h2a2 2 0 012 2v2H3V8a2 2 0 010-2z\" \/><\/svg>\n <\/div>\n <h4 class=\"text-xl font-semibold mb-2\">Integraci\u00f3n Fluida<\/h4>\n <p class=\"text-gray-600\">La herramienta se integra perfectamente con sistemas existentes, permitiendo almacenar y acceder de forma eficiente a toda la informaci\u00f3n recopilada.<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md benefit-card\">\n <div class=\"text-blue-600 mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/><\/svg>\n <\/div>\n <h4 class=\"text-xl font-semibold mb-2\">Visi\u00f3n 360 Grados<\/h4>\n <p class=\"text-gray-600\">Obtenga una comprensi\u00f3n completa del panorama informativo que afecta a su organizaci\u00f3n y tome el control.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"how-it-works\" class=\"py-20\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900\">\u00bfC\u00f3mo Funciona?<\/h3>\n <p class=\"mt-3 text-lg text-gray-600 max-w-2xl mx-auto\">Nuestro proceso automatizado y eficiente entrega inteligencia accionable sin necesidad de intervenci\u00f3n manual.<\/p>\n <\/div>\n <div class=\"flex flex-col md:flex-row justify-center items-center space-y-8 md:space-y-0 md:space-x-8\">\n <div class=\"text-center max-w-xs\">\n <div class=\"bg-white rounded-full h-24 w-24 flex items-center justify-center mx-auto shadow-lg border-2 border-blue-200\">\n <span class=\"text-4xl\">\ud83d\udce1<\/span>\n <\/div>\n <h4 class=\"font-semibold text-lg mt-4\">1. Recolecci\u00f3n<\/h4>\n <p class=\"text-gray-600 text-sm\">Monitorizamos fuentes p\u00fablicas clave (redes sociales, medios) 24\/7.<\/p>\n <\/div>\n <div class=\"text-5xl text-gray-300 hidden md:block\">\u2192<\/div>\n <div class=\"text-5xl text-gray-300 rotate-90 md:hidden\">\u2192<\/div>\n <div class=\"text-center max-w-xs\">\n <div class=\"bg-white rounded-full h-24 w-24 flex items-center justify-center mx-auto shadow-lg border-2 border-blue-200\">\n <span class=\"text-4xl\">\u2699\ufe0f<\/span>\n <\/div>\n <h4 class=\"font-semibold text-lg mt-4\">2. Procesamiento<\/h4>\n <p class=\"text-gray-600 text-sm\">Los datos son procesados y estandarizados para su an\u00e1lisis.<\/p>\n <\/div>\n <div class=\"text-5xl text-gray-300 hidden md:block\">\u2192<\/div>\n <div class=\"text-5xl text-gray-300 rotate-90 md:hidden\">\u2192<\/div>\n <div class=\"text-center max-w-xs\">\n <div class=\"bg-white rounded-full h-24 w-24 flex items-center justify-center mx-auto shadow-lg border-2 border-blue-200\">\n <span class=\"text-4xl\">\ud83e\udde0<\/span>\n <\/div>\n <h4 class=\"font-semibold text-lg mt-4\">3. An\u00e1lisis<\/h4>\n <p class=\"text-gray-600 text-sm\">Se aplican t\u00e9cnicas avanzadas de an\u00e1lisis de sentimiento y clasificaci\u00f3n.<\/p>\n <\/div>\n <div class=\"text-5xl text-gray-300 hidden md:block\">\u2192<\/div>\n <div class=\"text-5xl text-gray-300 rotate-90 md:hidden\">\u2192<\/div>\n <div class=\"text-center max-w-xs\">\n <div class=\"bg-white rounded-full h-24 w-24 flex items-center justify-center mx-auto shadow-lg border-2 border-blue-200\">\n <span class=\"text-4xl\">\ud83d\udcca<\/span>\n <\/div>\n <h4 class=\"font-semibold text-lg mt-4\">4. Visualizaci\u00f3n<\/h4>\n <p class=\"text-gray-600 text-sm\">Los insights se presentan en su dashboard de forma clara e intuitiva.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"bg-blue-700 text-white py-20\">\n <div class=\"container mx-auto px-6 text-center\">\n <h3 class=\"text-3xl md:text-4xl font-bold\">Potencie su Estrategia Hoy Mismo<\/h3>\n <p class=\"mt-3 text-lg text-blue-200 max-w-2xl mx-auto\">Descubra c\u00f3mo el War Room puede transformar la inteligencia de su organizaci\u00f3n. P\u00f3ngase en contacto con nosotros para una demostraci\u00f3n personalizada.<\/p>\n <div class=\"mt-8 bg-white\/10 rounded-xl p-8 max-w-3xl mx-auto flex flex-col md:flex-row justify-around items-center space-y-6 md:space-y-0\">\n <div>\n <h4 class=\"font-semibold\">Correo Electr\u00f3nico<\/h4>\n <a href=\"mailto:direccion@buscomunicacion.com\" class=\"text-blue-200 hover:text-white\">direccion@buscomunicacion.com<\/a>\n <\/div>\n <div>\n <h4 class=\"font-semibold\">Tel\u00e9fono<\/h4>\n <a href=\"tel:620507915\" class=\"text-blue-200 hover:text-white\">620507915<\/a>\n <\/div>\n <div>\n <h4 class=\"font-semibold\">P\u00e1gina Web<\/h4>\n <a href=\"https:\/\/buscomunicacion.com\" target=\"_blank\" class=\"text-blue-200 hover:text-white\">buscomunicacion.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white py-6\">\n <div class=\"container mx-auto px-6 text-center text-gray-400\">\n <p>© 2024 BUS Comunicaci\u00f3n. Todos los derechos reservados.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const useCaseContentContainer = document.getElementById('use-case-content');\n const btnPolitico = document.getElementById('btn-politico');\n const btnEmpresas = document.getElementById('btn-empresas');\n let useCaseChart = null;\n\n const useCases = {\n politico: {\n title: \"An\u00e1lisis del Entorno Pol\u00edtico\",\n description: \"Monitorice en tiempo real lo que la oposici\u00f3n, periodistas influyentes y otros actores pol\u00edticos est\u00e1n comunicando para mantener el control de la narrativa p\u00fablica.\",\n points: [\n \"Detectar ataques o cr\u00edticas antes de que se amplifiquen.\",\n \"Identificar r\u00e1pidamente temas de inter\u00e9s o \u00e1reas que necesitan una respuesta oficial.\",\n \"Tener una visi\u00f3n clara de las narrativas que afectan la percepci\u00f3n del p\u00fablico.\"\n ],\n chartData: {\n labels: ['Positivo', 'Negativo', 'Neutral'],\n datasets: [{\n label: 'An\u00e1lisis de Sentimiento de la Oposici\u00f3n',\n data: [25, 45, 30],\n backgroundColor: ['#28A745', '#DC3545', '#6C757D'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n chartOptions: {\n plugins: {\n title: { display: true, text: 'An\u00e1lisis de Sentimiento: Oposici\u00f3n' }\n }\n }\n },\n empresas: {\n title: \"Inteligencia para Empresas y Marcas\",\n description: \"Monitorice las menciones de su marca en redes y medios para obtener informes sobre opiniones de consumidores, tendencias del mercado y el sentimiento en torno a sus campa\u00f1as.\",\n points: [\n \"Medir la percepci\u00f3n y opiniones de los consumidores sobre sus productos.\",\n \"Identificar tendencias emergentes del mercado para capitalizar oportunidades.\",\n \"Evaluar el sentimiento en torno a campa\u00f1as publicitarias o gesti\u00f3n de crisis.\"\n ],\n chartData: {\n labels: ['Positivo', 'Negativo', 'Neutral'],\n datasets: [{\n label: 'Sentimiento sobre Lanzamiento de Producto',\n data: [60, 15, 25],\n backgroundColor: ['#28A745', '#DC3545', '#6C757D'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n chartOptions: {\n plugins: {\n title: { display: true, text: 'Sentimiento: Lanzamiento de Producto' }\n }\n }\n }\n };\n\n function renderUseCase(key) {\n const data = useCases[key];\n \n useCaseContentContainer.innerHTML = `\n <div class=\"content-fade text-center lg:text-left\">\n <h4 class=\"text-2xl font-bold text-gray-900 mb-4\">${data.title}<\/h4>\n <p class=\"text-gray-600 mb-6\">${data.description}<\/p>\n <ul class=\"space-y-4\">\n ${data.points.map(point => `\n <li class=\"flex items-start\">\n <span class=\"text-green-500 mr-3 mt-1\">\u2713<\/span>\n <span>${point}<\/span>\n <\/li>\n `).join('')}\n <\/ul>\n <\/div>\n <div class=\"content-fade mt-10 lg:mt-0\">\n <div class=\"chart-container\">\n <canvas id=\"useCaseChartCanvas\"><\/canvas>\n <\/div>\n <\/div>\n `;\n\n const ctx = document.getElementById('useCaseChartCanvas').getContext('2d');\n \n if(useCaseChart) {\n useCaseChart.destroy();\n }\n\n useCaseChart = new Chart(ctx, {\n type: 'doughnut',\n data: data.chartData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n ...data.chartOptions,\n plugins: {\n ...data.chartOptions.plugins,\n legend: {\n position: 'top',\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed !== null) {\n label += context.parsed + '%';\n }\n return label;\n }\n }\n }\n }\n }\n });\n }\n\n btnPolitico.addEventListener('click', () => {\n renderUseCase('politico');\n btnPolitico.classList.add('active');\n btnEmpresas.classList.remove('active');\n });\n\n btnEmpresas.addEventListener('click', () => {\n renderUseCase('empresas');\n btnEmpresas.classList.add('active');\n btnPolitico.classList.remove('active');\n });\n\n btnPolitico.click();\n\n const navLinks = document.querySelectorAll('.nav-link, .cta-button');\n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n const href = this.getAttribute('href');\n if (href.startsWith('#')) {\n e.preventDefault();\n const targetId = href.substring(1);\n const targetElement = document.getElementById(targetId);\n if (targetElement) {\n const headerOffset = 80;\n const elementPosition = targetElement.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n window.scrollTo({\n top: offsetPosition,\n behavior: \"smooth\"\n });\n }\n }\n });\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>War Room – Inteligencia de Medios BUS COMUNICACI\u00d3N 2.0 Casos de Uso Beneficios C\u00f3mo Funciona Contacto Inteligencia Estrat\u00e9gica en Tiempo Real Presentamos el **War Room**: el nuevo m\u00f3dulo de inteligencia que automatiza la recolecci\u00f3n y an\u00e1lisis de datos p\u00fablicos para que pueda anticiparse, reaccionar y liderar la conversaci\u00f3n. Descubra su Poder Casos de Uso Interactivos…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4],"tags":[],"class_list":["post-444","post","type-post","status-publish","format-standard","hentry","category-analisis"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pgDuos-7a","_links":{"self":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":1,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/444\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/444\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/categories?post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/tags?post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}