An\u00e1lisis Interactivo: Reputaci\u00f3n del Ayuntamiento de Coria del R\u00edo<\/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;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n \n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 40vh;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .nav-button {\n transition: all 0.3s ease;\n white-space: nowrap; \/* Prevent buttons from wrapping *\/\n background-color: #ffffff; \/* White for normal state *\/\n color: #4F46E5; \/* Indigo-600 for text *\/\n padding-left: 1.25rem; \/* px-5 *\/\n padding-right: 1.25rem; \/* px-5 *\/\n padding-top: 0.625rem; \/* py-2.5 *\/\n padding-bottom: 0.625rem; \/* py-2.5 *\/\n border-radius: 0.5rem; \/* rounded-lg *\/\n font-size: 0.875rem; \/* text-sm *\/\n line-height: 1.25rem; \/* leading-5 *\/\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); \/* shadow-sm *\/\n }\n .nav-button:hover {\n background-color: #EEF2FF; \/* Indigo-50 for hover *\/\n }\n .nav-button.active {\n background-color: #4F46E5; \/* Indigo-600 for active *\/\n color: #ffffff;\n font-weight: 600;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); \/* shadow-md *\/\n outline: none; \/* Remove default focus outline *\/\n box-shadow: 0 0 0 2px #818CF8; \/* ring-2 ring-indigo-400 *\/\n }\n .content-section {\n display: none;\n }\n .content-section.active {\n display: block;\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 \/* Timeline specific styles *\/\n .timeline-container {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n .timeline-container::after {\n content: '';\n position: absolute;\n width: 4px;\n background-color: #CBD5E1;\n top: 0;\n bottom: 0;\n left: 50%;\n margin-left: -2px;\n }\n .timeline-item {\n padding: 10px 40px;\n position: relative;\n background-color: inherit;\n width: 50%;\n }\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n right: -17px;\n background-color: #F87171;\n border: 4px solid #EF4444;\n top: 15px;\n border-radius: 50%;\n z-index: 1;\n }\n .timeline-item.left {\n left: 0;\n }\n .timeline-item.right {\n left: 50%;\n }\n .timeline-item.left::after {\n left: 98.5%;\n }\n .timeline-item.right::after {\n left: -17px;\n }\n .timeline-content {\n padding: 20px 30px;\n background-color: #E2E8F0;\n position: relative;\n border-radius: 6px;\n }\n @media screen and (max-width: 768px) {\n .timeline-container::after {\n left: 31px;\n }\n .timeline-item {\n width: 100%;\n padding-left: 70px;\n padding-right: 25px;\n }\n .timeline-item::before {\n left: 60px;\n border-width: 10px 10px 10px 0;\n border-color: transparent #E2E8F0 transparent transparent;\n }\n .timeline-item.right {\n left: 0%;\n }\n .timeline-item.left::after, .timeline-item.right::after {\n left: 15px;\n }\n }\n\n .progress-bar-container {\n width: 100%;\n background-color: #e0e0e0;\n border-radius: 5px;\n overflow: hidden;\n }\n .progress-bar {\n height: 20px;\n border-radius: 5px;\n text-align: center;\n color: white;\n line-height: 20px;\n transition: width 0.5s ease-in-out;\n }\n .sentiment-gauge {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n position: relative;\n background: conic-gradient(#EF4444 0% 33%, #FBBF24 33% 66%, #10B981 66% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .sentiment-gauge-inner {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background-color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: #333;\n }\n <\/style>\n<\/head>\n<body class=\"bg-stone-50 text-slate-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n \n <header class=\"text-center mb-8 flex flex-col items-center\">\n \n <h1 class=\"text-3xl md:text-4xl font-bold text-slate-900\">An\u00e1lisis de Reputaci\u00f3n y Presencia Digital<\/h1>\n <h2 class=\"text-xl md:text-2xl text-slate-600 mt-2\">Ayuntamiento de Coria del R\u00edo<\/h2>\n <\/header>\n\n <nav class=\"flex flex-wrap justify-center gap-2 mb-8 bg-indigo-100 p-2 rounded-lg shadow-sm overflow-x-auto pb-2\">\n <button data-target=\"balance\" class=\"nav-button active\">Balanza Reputacional<\/button>\n <button data-target=\"actores\" class=\"nav-button\">Mapa de Actores<\/button>\n <button data-target=\"digital\" class=\"nav-button\">An\u00e1lisis Digital<\/button>\n <button data-target=\"timeline\" class=\"nav-button\">L\u00ednea de Tiempo<\/button>\n <button data-target=\"matriz-ro\" class=\"nav-button\">Matriz R&O<\/button>\n <button data-target=\"termometro\" class=\"nav-button\">Term\u00f3metro Ciudadano<\/button>\n <button data-target=\"posicionamiento\" class=\"nav-button\">Diagn\u00f3stico Posicionamiento<\/button>\n <button data-target=\"benchmarking\" class=\"nav-button\">Benchmarking<\/button>\n <button data-target=\"kpis\" class=\"nav-button\">Panel de KPIs<\/button>\n <button data-target=\"estrategia\" class=\"nav-button\">Estrategia y Narrativa<\/button>\n <button data-target=\"protocolo-crisis\" class=\"nav-button\">Protocolo Crisis<\/button>\n <button data-target=\"vocerias\" class=\"nav-button\">Foco en Vocer\u00edas<\/button>\n <button data-target=\"about\" class=\"nav-button\">Sobre Este An\u00e1lisis<\/button>\n <\/nav>\n\n <main>\n \n <section id=\"balance\" class=\"content-section active\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Balanza Reputacional: La Doble Cara de la Gesti\u00f3n<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">La imagen p\u00fablica del Ayuntamiento muestra una marcada dualidad. Por un lado, se proyectan importantes logros en gesti\u00f3n econ\u00f3mica y desarrollo. Por otro, persisten crisis cr\u00edticas que generan un significativo malestar ciudadano. Explore ambos lados para comprender el panorama completo.<\/p>\n \n <div class=\"flex justify-center gap-4 mb-8\">\n <button id=\"btn-logros\" class=\"px-6 py-2 bg-emerald-500 text-white font-semibold rounded-lg shadow-md hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-400 transition-all\">\u2705 Logros de Gesti\u00f3n<\/button>\n <button id=\"btn-riesgos\" class=\"px-6 py-2 bg-red-500 text-white font-semibold rounded-lg shadow-md hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-400 transition-all\">\u26a0\ufe0f Riesgos Cr\u00edticos<\/button>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start mb-10\">\n <div id=\"info-display\" class=\"space-y-4\">\n <\/div>\n <div class=\"w-full\">\n <div class=\"chart-container\">\n <canvas id=\"reputationChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Gr\u00e1fico de sentimiento medi\u00e1tico estimado por tema. Pulse en los botones para filtrar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Evoluci\u00f3n del Sentimiento (\u00daltimo Trimestre 2024 – Junio 2025)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Observe c\u00f3mo ha variado la percepci\u00f3n general de logros y riesgos en los medios a lo largo de los \u00faltimos meses.<\/p>\n <div class=\"chart-container h-[350px] md:h-[450px]\">\n <canvas id=\"sentimentTrendChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Sentimiento promedio mensual (simulado) para logros y riesgos.<\/p>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Palabras Clave Destacadas<\/h4>\n <p class=\"text-center text-slate-600 mb-4 max-w-3xl mx-auto\">Estas son las palabras y conceptos m\u00e1s relevantes asociados a los temas seleccionados.<\/p>\n <div id=\"keywords-display\" class=\"flex flex-wrap justify-center gap-3 text-center\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"actores\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Mapa de Actores Clave<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">La opini\u00f3n p\u00fablica de Coria del R\u00edo est\u00e1 moldeada por un ecosistema de actores interconectados: el gobierno municipal, los medios de comunicaci\u00f3n y una sociedad civil cada vez m\u00e1s organizada y vocal. Comprender sus roles e interacciones es fundamental.<\/p>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6 mb-10\">\n \n <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-200\">\n <h4 class=\"font-bold text-lg text-blue-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83c\udfdb\ufe0f<\/span>Gobierno Municipal<\/h4>\n <div class=\"text-sm text-slate-700 space-y-3\">\n <p><strong class=\"text-blue-900\">Alcalde-Presidente:<\/strong> Modesto Gonz\u00e1lez M\u00e1rquez (AxS\u00ed).<\/p>\n <p>El gobierno ostenta una s\u00f3lida mayor\u00eda con 11 concejales de AxS\u00ed, lo que facilita la implementaci\u00f3n de pol\u00edticas pero centraliza la responsabilidad p\u00fablica.<\/p>\n <details class=\"bg-white rounded-lg p-2 cursor-pointer\">\n <summary class=\"font-semibold text-blue-700\">Ver estructura de gobierno<\/summary>\n <div class=\"mt-2 text-xs space-y-1 pl-2 border-l-2 border-blue-200\">\n <p><strong>Alcald\u00eda:<\/strong> Modesto Gonz\u00e1lez M\u00e1rquez<\/p>\n <p><strong>Bienestar Social:<\/strong> M\u00aa Jos\u00e9 Cant\u00f3n Moreno<\/p>\n <p><strong>Ordenaci\u00f3n del Territorio:<\/strong> Victoriano Cancelo Rodr\u00edguez<\/p>\n <p><strong>Hacienda:<\/strong> Jos\u00e9 Antonio S\u00e1nchez Rodr\u00edguez<\/p>\n <p><strong>Oposici\u00f3n:<\/strong> 5 (PSOE), 3 (PP), 1 (VOX)<\/p>\n <\/div>\n <\/details>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Enlaces Sugeridos:<\/p>\n <a href=\"https:\/\/ayto-coriadelrio.es\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Web Oficial Ayuntamiento<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-yellow-50 p-4 rounded-xl border border-yellow-200\">\n <h4 class=\"font-bold text-lg text-yellow-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udcf0<\/span>Voces Medi\u00e1ticas<\/h4>\n <div class=\"text-sm text-slate-700 space-y-3\">\n <p><strong class=\"text-yellow-900\">Eva Saiz (El Pa\u00eds):<\/strong> Cobertura recurrente y cr\u00edtica de temas sensibles como contaminaci\u00f3n, VNO y narcotr\u00e1fico. Alta influencia en la narrativa negativa.<\/p>\n <p><strong class=\"text-yellow-900\">Luc\u00eda Palop (El Pespunte):<\/strong> Cronista de la vida municipal, cubriendo tanto noticias positivas (presupuestos) como incidentes locales.<\/p>\n <p>Otros medios provinciales (EFE, SER, La Sexta) amplifican la cobertura, especialmente durante las crisis.<\/p>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Enlaces Sugeridos:<\/p>\n <a href=\"https:\/\/elpais.com\/noticias\/coria-del-rio\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">El Pa\u00eds – Coria del R\u00edo<\/a><br>\n <a href=\"https:\/\/www.elpespunte.es\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">El Pespunte<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-green-50 p-4 rounded-xl border border-green-200\">\n <h4 class=\"font-bold text-lg text-green-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udc65<\/span>Ciudadan\u00eda y Colectivos<\/h4>\n <div class=\"text-sm text-slate-700 space-y-3\">\n <p><strong class=\"text-green-900\">Plataforma Afectados Contaminaci\u00f3n:<\/strong> Voz principal del descontento en la barriada Guadalquivir. Su portavoz, Rogelia G\u00f3mez, es una l\u00edder de opini\u00f3n emergente.<\/p>\n <p><strong class=\"text-green-900\">Plataforma Vecinal contra VNO:<\/strong> Creada por Juan Jos\u00e9 S\u00e1nchez Silva, canaliza el \u00abtemor e impotencia\u00bb de los vecinos.<\/p>\n <p>El Ayuntamiento lista una amplia red de asociaciones vecinales y tem\u00e1ticas, que act\u00faan como term\u00f3metro del sentir ciudadano.<\/p>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Enlaces Sugeridos:<\/p>\n <a href=\"https:\/\/www.google.com\/search?q=Plataforma+afectados+contaminaci%C3%B3n+Coria+del+R%C3%ADo\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Buscar Plataforma Contaminaci\u00f3n<\/a><br>\n <a href=\"https:\/\/www.google.com\/search?q=Plataforma+Vecinal+contra+VNO+Coria+del+R%C3%ADo\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Buscar Plataforma VNO<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Sentimiento por \u00c1reas Municipales (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Percepci\u00f3n simulada de la gesti\u00f3n en \u00e1reas clave del Ayuntamiento basada en la cobertura medi\u00e1tica.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"delegationSentimentChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Valores simulados de sentimiento para cada \u00e1rea.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"digital\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">An\u00e1lisis de la Presencia Digital<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">La estrategia digital del Ayuntamiento se centra en canales institucionales, buscando un mensaje unificado. Sin embargo, esta centralizaci\u00f3n presenta tanto fortalezas como debilidades en la era de la comunicaci\u00f3n directa.<\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"bg-indigo-50 p-4 rounded-xl border border-indigo-200\">\n <h4 class=\"font-bold text-lg mb-3 text-indigo-800\">Estrategia de Comunicaci\u00f3n Centralizada<\/h4>\n <p class=\"text-sm text-slate-700 mb-3\">La comunicaci\u00f3n se gestiona a trav\u00e9s de perfiles oficiales en Facebook, Twitter e Instagram. Esto asegura coherencia y control del mensaje.<\/p>\n <ul class=\"text-sm space-y-2\">\n <li class=\"flex items-start\"><span class=\"text-emerald-500 mr-2 mt-1\">\u2795<\/span><strong>Fortaleza:<\/strong> Mensaje unificado y coherente. Minimiza el riesgo de declaraciones contradictorias y protege la imagen institucional de pol\u00e9micas individuales.<\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-2 mt-1\">\u2796<\/span><strong>Debilidad:<\/strong> Ausencia de perfiles oficiales individuales para el alcalde y concejales. Esto crea una barrera para la conexi\u00f3n personal y directa con la ciudadan\u00eda, que puede percibirlo como distanciamiento.<\/li>\n <\/ul>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Canales Oficiales:<\/p>\n <a href=\"https:\/\/www.facebook.com\/aytocoriario\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Facebook<\/a><br>\n <a href=\"https:\/\/twitter.com\/aytocoriario\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Twitter<\/a><br>\n <a href=\"https:\/\/www.instagram.com\/aytocoriadelrio\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Instagram<\/a>\n <\/div>\n <\/div>\n\n <div class=\"bg-indigo-50 p-4 rounded-xl border border-indigo-200\">\n <h4 class=\"font-bold text-lg mb-3 text-indigo-800\">El Pulso Ciudadano en Canales No Oficiales<\/h4>\n <p class=\"text-sm text-slate-700 mb-3\">El verdadero sentir ciudadano se manifiesta en espacios fuera del control municipal.<\/p>\n <ul class=\"text-sm text-slate-700 space-y-2\">\n <li><strong>Foros y Grupos:<\/strong> Espacios como \u00abEl foro Cofrade\u00bb o grupos de Facebook (no detallados en el informe pero de existencia probable) se convierten en foros de debate y cr\u00edtica sin filtro.<\/li>\n <li><strong>Movilizaci\u00f3n Online:<\/strong> Las plataformas de afectados por la contaminaci\u00f3n y el VNO utilizan las redes para organizar protestas, difundir su mensaje y amplificar el sentimiento de \u00ababandono\u00bb, desafiando la narrativa oficial.<\/li>\n <\/ul>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Ejemplos de Foros:<\/p>\n <a href=\"https:\/\/elforocofrade.es\/foros\/index.php?threads\/coria-del-r%C3%ADo.2799\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">El Foro Cofrade – Coria del R\u00edo<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Sentimiento por Tipo de Medio (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Distribuci\u00f3n simulada del sentimiento (positivo, neutral, negativo) en diferentes tipos de medios.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"mediaSentimentChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Valores simulados de sentimiento por tipo de medio.<\/p>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">M\u00e9tricas de Engagement Digital (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Comparativa de las interacciones simuladas en canales oficiales y no oficiales.<\/p>\n <div class=\"chart-container h-[300px] md:h-[350px]\">\n <canvas id=\"engagementMetricsChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Interacciones simuladas (Me gusta, Comentarios, Compartidos) en diferentes canales.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"timeline\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">L\u00ednea de Tiempo de Eventos Clave<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Explore los hitos m\u00e1s importantes que han marcado la agenda municipal y medi\u00e1tica en Coria del R\u00edo, desde finales de 2024 hasta la actualidad.<\/p>\n <div class=\"flex flex-wrap justify-center gap-2 mb-6\">\n <button data-filter=\"all\" class=\"timeline-filter-button active px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg text-sm hover:bg-indigo-100 transition-colors\">Todos<\/button>\n <button data-filter=\"Logro\" class=\"timeline-filter-button px-4 py-2 bg-emerald-100 rounded-lg text-sm hover:bg-emerald-200 transition-colors\">Logros<\/button>\n <button data-filter=\"Crisis\" class=\"timeline-filter-button px-4 py-2 bg-red-100 rounded-lg text-sm hover:bg-red-200 transition-colors\">Crisis<\/button>\n <button data-filter=\"Cultura\" class=\"timeline-filter-button px-4 py-2 bg-purple-100 rounded-lg text-sm hover:bg-purple-200 transition-colors\">Cultura<\/button>\n <button data-filter=\"Seguridad\" class=\"timeline-filter-button px-4 py-2 bg-blue-100 rounded-lg text-sm hover:bg-blue-200 transition-colors\">Seguridad<\/button>\n <\/div>\n <div class=\"timeline-container\">\n \n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"matriz-ro\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Matriz de Riesgos y Oportunidades Narrativas<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Esta matriz eval\u00faa los principales vectores de exposici\u00f3n reputacional y las ventanas para generar un relato institucional positivo.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-red-50 p-4 rounded-xl border border-red-200\">\n <h4 class=\"font-bold text-lg text-red-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udea8<\/span>Riesgos Cr\u00edticos<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 space-y-2\">\n <li><strong>Polarizaci\u00f3n o desgaste institucional:<\/strong> La persistencia de crisis como la contaminaci\u00f3n y el VNO puede generar una divisi\u00f3n profunda en la opini\u00f3n p\u00fablica y un desgaste de la imagen del gobierno.<\/li>\n <li><strong>Expectativas ciudadanas no satisfechas:<\/strong> La falta de soluciones percibidas en temas sensibles (salud, seguridad, infraestructuras b\u00e1sicas) eleva la frustraci\u00f3n y el escepticismo hacia la gesti\u00f3n.<\/li>\n <li><strong>Temas sensibles (movilidad, obras, salud):<\/strong> Ciertos temas tienen un alto potencial de generar cr\u00edticas si no se gestionan con extrema transparencia y empat\u00eda, dado su impacto directo en la vida diaria de los ciudadanos.<\/li>\n <li><strong>Cobertura medi\u00e1tica negativa persistente:<\/strong> El enfoque recurrente de medios influyentes en las crisis puede amplificar el malestar y erosionar la confianza a largo plazo.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-emerald-50 p-4 rounded-xl border border-emerald-200\">\n <h4 class=\"font-bold text-lg text-emerald-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\u2728<\/span>Oportunidades Narrativas<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 space-y-2\">\n <li><strong>Ventanas de oportunidad (campa\u00f1as, aniversarios):<\/strong> La celebraci\u00f3n de eventos culturales (ej. Noche Flamenca, lazos con Jap\u00f3n) o aniversarios hist\u00f3ricos pueden ser plataformas para proyectar una imagen positiva y cohesionadora.<\/li>\n <li><strong>Inversiones recientes y proyectos futuros:<\/strong> La eliminaci\u00f3n de la deuda hist\u00f3rica y las inversiones en infraestructuras y servicios son narrativas poderosas que demuestran gesti\u00f3n y compromiso con el bienestar ciudadano.<\/li>\n <li><strong>Liderazgo en iniciativas sociales y ambientales:<\/strong> Proyectos como el Centro de Adicciones o el plan de biodiversidad sit\u00faan al Ayuntamiento como un actor proactivo en desaf\u00edos clave, generando un relato de progreso y responsabilidad.<\/li>\n <li><strong>Di\u00e1logo proactivo con colectivos:<\/strong> Transformar la cr\u00edtica en colaboraci\u00f3n al establecer canales de comunicaci\u00f3n y co-creaci\u00f3n con plataformas ciudadanas afectadas, humanizando la administraci\u00f3n y construyendo confianza.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"termometro\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Term\u00f3metro Ciudadano: Pulso de la Opini\u00f3n P\u00fablica<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Una escucha activa nos permite comprender el sentimiento general, los temas de conversaci\u00f3n dominantes y c\u00f3mo se compara Coria del R\u00edo con municipios hom\u00f3logos.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start mb-10\">\n <div>\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Sentimiento General (Promedio)<\/h4>\n <p class=\"text-center text-slate-600 mb-4\">La percepci\u00f3n ciudadana predominante es **Neutral con tendencia a lo Negativo**, especialmente influenciada por las crisis de salud y medioambiente.<\/p>\n <div class=\"flex justify-center mb-6\">\n <div class=\"sentiment-gauge\">\n <div class=\"sentiment-gauge-inner\">5%<\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Escala: -100% (Muy Negativo) a +100% (Muy Positivo). 0% es Neutral.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Temas de Conversaci\u00f3n Dominantes<\/h4>\n <p class=\"text-center text-slate-600 mb-4\">Las conversaciones en redes giran principalmente en torno a la **contaminaci\u00f3n**, el **Virus del Nilo**, la **seguridad** y las **obras p\u00fablicas**.<\/p>\n <div class=\"flex flex-wrap justify-center gap-2\">\n <span class=\"px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-semibold\">Contaminaci\u00f3n<\/span>\n <span class=\"px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-semibold\">Virus Nilo<\/span>\n <span class=\"px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-semibold\">Seguridad<\/span>\n <span class=\"px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm font-semibold\">Obras<\/span>\n <span class=\"px-3 py-1 bg-emerald-100 text-emerald-800 rounded-full text-sm font-semibold\">Presupuesto<\/span>\n <span class=\"px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm font-semibold\">Cultura<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Comparativa de Sentimiento con Municipios Hom\u00f3logos (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Sentimiento neto promedio de Coria del R\u00edo frente a otros municipios similares del \u00e1rea metropolitana de Sevilla.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"comparativeSentimentChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Sentimiento neto (positivo-negativo) simulado. Los valores m\u00e1s altos indican mejor percepci\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"posicionamiento\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Diagn\u00f3stico de Posicionamiento Institucional<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Definimos c\u00f3mo es percibido el Ayuntamiento por sus p\u00fablicos clave, qu\u00e9 valores proyecta y c\u00f3mo encaja esa percepci\u00f3n con el relato deseado por el gobierno local.<\/p>\n \n <div class=\"space-y-6 text-slate-700\">\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Percepci\u00f3n Actual del Ayuntamiento<\/h4>\n <p>El Ayuntamiento de Coria del R\u00edo es percibido actualmente como una instituci\u00f3n con **solvencia econ\u00f3mica y capacidad de gesti\u00f3n interna**, especialmente en la administraci\u00f3n de recursos y la implementaci\u00f3n de planes presupuestarios. Sin embargo, en temas de impacto directo en la ciudadan\u00eda, como la salud p\u00fablica y el medio ambiente, la percepci\u00f3n es de **distancia y burocracia**, con una notable sensaci\u00f3n de que las responsabilidades se diluyen.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Valores Proyectados (Percepci\u00f3n vs. Deseado)<\/h4>\n <p>Esta tabla y el gr\u00e1fico muestran c\u00f3mo se perciben ciertos valores en la gesti\u00f3n municipal, en comparaci\u00f3n con los valores ideales que el Ayuntamiento desear\u00eda proyectar.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center mt-4\">\n <div class=\"w-full\">\n <div class=\"chart-container h-[300px] md:h-[350px]\">\n <canvas id=\"valuesRadarChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Escala: 0 (Muy Bajo) a 10 (Muy Alto)<\/p>\n <\/div>\n <div class=\"text-sm space-y-2\">\n <p><strong>Cercan\u00eda:<\/strong> Media, limitada por la centralizaci\u00f3n de la comunicaci\u00f3n.<\/p>\n <p><strong>Eficacia:<\/strong> Alta en gesti\u00f3n econ\u00f3mica, percibida como baja en gesti\u00f3n de crisis.<\/p>\n <p><strong>Transparencia:<\/strong> Alta en datos presupuestarios, percibida como baja en gesti\u00f3n de riesgos complejos.<\/p>\n <p><strong>Sostenibilidad:<\/strong> Positiva en iniciativas de biodiversidad, opacada por la crisis de contaminaci\u00f3n.<\/p>\n <p><strong>Innovaci\u00f3n:<\/strong> Presente en proyectos espec\u00edficos (Smart City, Centro Adicciones), pero no un valor transversal percibido.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Encaje con el Relato Deseado<\/h4>\n <p>El relato deseado por el alcalde y el gobierno local se enfoca en la **\u00bbtransformaci\u00f3n de Coria del R\u00edo\u00bb** hacia un futuro m\u00e1s pr\u00f3spero, moderno y con mayor calidad de vida. La percepci\u00f3n actual encaja bien con la solvencia econ\u00f3mica y las inversiones, pero se desv\u00eda significativamente en la percepci\u00f3n de cercan\u00eda, agilidad y transparencia en la resoluci\u00f3n de problemas que afectan directamente a los ciudadanos. Existe una brecha entre la imagen de \u00abgestor eficiente\u00bb y la de \u00abgobierno cercano y protector\u00bb.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"benchmarking\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Benchmarking de Competidores Institucionales (Simulado)<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">An\u00e1lisis comparativo de la reputaci\u00f3n y comunicaci\u00f3n digital de ayuntamientos similares en el \u00e1rea metropolitana de Sevilla.<\/p>\n \n <div class=\"overflow-x-auto mb-8\">\n <table class=\"min-w-full bg-white border border-gray-200 rounded-lg shadow-sm\">\n <thead>\n <tr class=\"bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase\">\n <th class=\"py-3 px-4 border-b\">Municipio<\/th>\n <th class=\"py-3 px-4 border-b\">Sentimiento Neto<\/th>\n <th class=\"py-3 px-4 border-b\">Visibilidad Media<\/th>\n <th class=\"py-3 px-4 border-b\">Engagement RRSS<\/th>\n <th class=\"py-3 px-4 border-b\">Innovaci\u00f3n Digital<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\"><strong>Coria del R\u00edo<\/strong><\/td>\n <td class=\"py-3 px-4 border-b\">5%<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <td class=\"py-3 px-4 border-b\">Bajo<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\">La Rinconada<\/td>\n <td class=\"py-3 px-4 border-b\">20%<\/td>\n <td class=\"py-3 px-4 border-b\">Alta<\/td>\n <td class=\"py-3 px-4 border-b\">Alto<\/td>\n <td class=\"py-3 px-4 border-b\">Alta<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\">San Juan de Aznalfarache<\/td>\n <td class=\"py-3 px-4 border-b\">10%<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <td class=\"py-3 px-4 border-b\">Medio<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\">Dos Hermanas<\/td>\n <td class=\"py-3 px-4 border-b\">35%<\/td>\n <td class=\"py-3 px-4 border-b\">Muy Alta<\/td>\n <td class=\"py-3 px-4 border-b\">Muy Alto<\/td>\n <td class=\"py-3 px-4 border-b\">Alta<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Datos simulados para fines ilustrativos.<\/p>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Comparativa de Presencia en Redes Sociales (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Comparaci\u00f3n del n\u00famero de seguidores\/interacciones promedio en redes sociales.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"socialMediaComparisonChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">N\u00famero de interacciones promedio por publicaci\u00f3n (simulado).<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"kpis\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Panel de KPIs Reputacionales<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Indicadores clave de rendimiento para el seguimiento continuo de la reputaci\u00f3n institucional a 3, 6 y 12 meses.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-blue-800 mb-2\">Engagement Social Neto<\/h4>\n <p class=\"text-3xl font-bold text-blue-700 mb-2\">12% <span class=\"text-sm font-normal text-green-500\">\u25b2 +2%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Porcentaje de interacciones positivas sobre el total en canales digitales (oficiales y no oficiales).<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-blue-500\" style=\"width: 12%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-purple-50 p-4 rounded-xl border border-purple-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-purple-800 mb-2\">Visibilidad Proactiva vs. Reactiva<\/h4>\n <p class=\"text-3xl font-bold text-purple-700 mb-2\">60% <span class=\"text-sm font-normal text-red-500\">\u25bc -5%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Porcentaje de noticias generadas por iniciativa del Ayuntamiento frente a respuestas a crisis.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-purple-500\" style=\"width: 60%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-yellow-50 p-4 rounded-xl border border-yellow-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-yellow-800 mb-2\">Impacto Medi\u00e1tico Provincial<\/h4>\n <p class=\"text-3xl font-bold text-yellow-700 mb-2\">7\/10 <span class=\"text-sm font-normal text-green-500\">\u25b2 +1<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Puntuaci\u00f3n de la cobertura en medios provinciales (simulada).<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-yellow-500\" style=\"width: 70%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-green-50 p-4 rounded-xl border border-green-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-green-800 mb-2\">Sentimiento Neto Alcalde<\/h4>\n <p class=\"text-3xl font-bold text-green-700 mb-2\">15% <span class=\"text-sm font-normal text-green-500\">\u25b2 +3%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Sentimiento promedio asociado a la figura del alcalde en todos los medios.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-green-500\" style=\"width: 50%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-red-50 p-4 rounded-xl border border-red-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-red-800 mb-2\">Sentimiento Neto Delegaci\u00f3n Urbanismo<\/h4>\n <p class=\"text-3xl font-bold text-red-700 mb-2\">-10% <span class=\"text-sm font-normal text-red-500\">\u25bc -4%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Sentimiento promedio asociado a la Delegaci\u00f3n de Urbanismo.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-red-500\" style=\"width: 40%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-blue-800 mb-2\">Menciones en Medios Digitales Locales<\/h4>\n <p class=\"text-3xl font-bold text-blue-700 mb-2\">850 <span class=\"text-sm font-normal text-green-500\">\u25b2 +120<\/span><\/p>\n <p class=\"text-sm text-slate-700\">N\u00famero total de menciones del Ayuntamiento en medios digitales locales por mes.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-blue-500\" style=\"width: 85%;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-4\">Los valores son simulados y las flechas indican tendencias recientes.<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"estrategia\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Estrategia y Recomendaciones de Comunicaci\u00f3n<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Para fortalecer la reputaci\u00f3n, el Ayuntamiento debe capitalizar sus logros y abordar proactivamente sus debilidades, transformando la comunicaci\u00f3n de crisis en una oportunidad para generar confianza.<\/p>\n\n <div class=\"space-y-6\">\n <div class=\"p-4 bg-blue-50 rounded-xl border border-blue-200\">\n <h4 class=\"font-bold text-lg text-blue-800\">1. Fortalecer la Imagen Institucional<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 mt-2 space-y-1\">\n <li><strong>Amplificar la narrativa de solvencia econ\u00f3mica:<\/strong> Vincular la eliminaci\u00f3n de la deuda con mejoras tangibles (asfaltado, servicios).<\/li>\n <li><strong>Comunicar liderazgo social y ambiental:<\/strong> Destacar el Centro de Adicciones y el plan de biodiversidad, enfatizando la participaci\u00f3n ciudadana.<\/li>\n <li><strong>Explotar la singularidad cultural:<\/strong> Usar los lazos con Jap\u00f3n y eventos como la Noche Flamenca como un activo de marca positivo.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 bg-yellow-50 rounded-xl border border-yellow-200\">\n <h4 class=\"font-bold text-lg text-yellow-800\">2. Gesti\u00f3n Proactiva de Crisis<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 mt-2 space-y-1\">\n <li><strong>Priorizar la empat\u00eda y la transparencia:<\/strong> En crisis como la contaminaci\u00f3n, reconocer el sufrimiento ciudadano antes de explicar las complejidades jurisdiccionales.<\/li>\n <li><strong>Desarrollar planes de comunicaci\u00f3n de crisis:<\/strong> Tener mensajes y portavoces predefinidos para responder con rapidez y coherencia.<\/li>\n <li><strong>Comunicaci\u00f3n post-crisis:<\/strong> Realizar un seguimiento informativo tras incidentes (ej. derrumbe) para demostrar diligencia y responsabilidad.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 bg-green-50 rounded-xl border border-green-200\">\n <h4 class=\"font-bold text-lg text-green-800\">3. Mejorar el Di\u00e1logo y la Presencia Digital<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 mt-2 space-y-1\">\n <li><strong>Monitorear canales no oficiales:<\/strong> Escuchar activamente el sentir ciudadano para identificar problemas antes de que escalen.<\/li>\n <li><strong>Dialogar con colectivos cr\u00edticos:<\/strong> Establecer canales de comunicaci\u00f3n directa con las plataformas de afectados para transformar la cr\u00edtica en colaboraci\u00f3n.<\/li>\n <li><strong>Evaluar perfiles individuales:<\/strong> Considerar la creaci\u00f3n de perfiles profesionales para el alcalde\/concejales para humanizar la administraci\u00f3n y fomentar una interacci\u00f3n m\u00e1s cercana.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Narrativa Recomendada y Argumentario Central<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Dise\u00f1o de un relato marco institucional claro, emocional y s\u00f3lido para guiar la comunicaci\u00f3n p\u00fablica.<\/p>\n <div class=\"space-y-4 text-slate-700\">\n <h5 class=\"font-semibold text-lg text-indigo-800\">Tono, Estilo y Ejes Clave:<\/h5>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Tono:<\/strong> Cercano, emp\u00e1tico, resolutivo, transparente y optimista.<\/li>\n <li><strong>Estilo:<\/strong> Directo, claro, did\u00e1ctico y proactivo. Evitar el lenguaje excesivamente t\u00e9cnico o burocr\u00e1tico.<\/li>\n <li><strong>Ejes Clave:<\/strong>\n <ul>\n <li>Coria del R\u00edo: Un municipio en transformaci\u00f3n.<\/li>\n <li>Gesti\u00f3n responsable al servicio del ciudadano.<\/li>\n <li>Compromiso con el bienestar y la salud p\u00fablica.<\/li>\n <li>Orgullo por nuestra identidad y futuro.<\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <h5 class=\"font-semibold text-lg text-indigo-800 mt-4\">Argumentario Central Frente a Cr\u00edticas Recurrentes:<\/h5>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Contaminaci\u00f3n\/VNO:<\/strong> \u00abEntendemos y compartimos la preocupaci\u00f3n de los vecinos. Estamos actuando desde el \u00e1mbito municipal con medidas concretas (fumigaciones, planes de vigilancia, etc.), y trabajando en coordinaci\u00f3n y exigiendo soluciones a las administraciones con competencia. Nuestra prioridad es la salud de los corianos.\u00bb<\/li>\n <li><strong>Burocracia\/Lentitud:<\/strong> \u00abEstamos modernizando la administraci\u00f3n para ser m\u00e1s \u00e1giles. Las grandes soluciones requieren coordinaci\u00f3n entre niveles de gobierno, y estamos impulsando esa colaboraci\u00f3n para que los proyectos avancen m\u00e1s r\u00e1pido.\u00bb<\/li>\n <li><strong>Inversiones:<\/strong> \u00abCada euro del presupuesto se traduce en mejoras directas para su barrio, su calle, su familia. La eliminaci\u00f3n de la deuda nos permite ahora invertir donde m\u00e1s se necesita.\u00bb<\/li>\n <\/ul>\n <h5 class=\"font-semibold text-lg text-indigo-800 mt-4\">Marco Narrativo Unificador para Concejales y Portavoces:<\/h5>\n <p>\u00abEstamos comprometidos con el progreso y el bienestar de Coria del R\u00edo. Desde cada delegaci\u00f3n, trabajamos d\u00eda a d\u00eda para construir un municipio m\u00e1s pr\u00f3spero, saludable y orgulloso de su historia y su futuro. Somos un gobierno que gestiona, escucha y se preocupa por su gente.\u00bb<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Simulador de Opini\u00f3n Ciudadana: \u00bfQu\u00e9 estrategia digital preferir\u00edas?<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Ay\u00fadanos a simular la percepci\u00f3n sobre dos enfoques estrat\u00e9gicos en la comunicaci\u00f3n digital.<\/p>\n <div class=\"flex justify-center gap-4\">\n <button id=\"poll-option-A\" class=\"px-6 py-2 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all\">Potenciar Transparencia (Datos)<\/button>\n <button id=\"poll-option-B\" class=\"px-6 py-2 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-600 focus:outline-none focus:ring-2 focus:ring-purple-400 transition-all\">Mayor Presencia Personal (Alcalde\/Concejales)<\/button>\n <\/div>\n <div id=\"poll-result\" class=\"text-center text-lg font-semibold mt-6 text-slate-700\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"protocolo-crisis\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Protocolo de Actuaci\u00f3n Ante Crisis Reputacional<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Manual operativo para una respuesta r\u00e1pida, coordinada y efectiva ante posibles crisis que puedan afectar la imagen del Ayuntamiento.<\/p>\n \n <div class=\"space-y-6 text-slate-700\">\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">1. Tipos de Crisis Posibles<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Crisis Pol\u00edtica:<\/strong> Controversias relacionadas con decisiones de gobierno, conflictos internos, acusaciones de corrupci\u00f3n.<\/li>\n <li><strong>Crisis Social:<\/strong> Manifestaciones, protestas ciudadanas por servicios deficientes, problemas de salud p\u00fablica (ej. VNO, contaminaci\u00f3n), inseguridad.<\/li>\n <li><strong>Crisis Administrativa:<\/strong> Fallos en la prestaci\u00f3n de servicios, problemas burocr\u00e1ticos graves, incidentes en obras p\u00fablicas.<\/li>\n <li><strong>Crisis Medi\u00e1tica:<\/strong> Cobertura negativa persistente o falsa informaci\u00f3n viral en redes.<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">2. Cadena de Mando y Portavoces<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Comit\u00e9 de Crisis:<\/strong> Alcald\u00eda (Presidente), Concejal\u00eda de Comunicaci\u00f3n, Asesor\u00eda Jur\u00eddica, Delegaci\u00f3n afectada.<\/li>\n <li><strong>Portavoz Principal:<\/strong> Alcalde o Concejal de Comunicaci\u00f3n.<\/li>\n <li><strong>Portavoces T\u00e9cnicos:<\/strong> Concejales o t\u00e9cnicos de la delegaci\u00f3n directamente implicada, para asuntos espec\u00edficos.<\/li>\n <li><strong>Prohibici\u00f3n:<\/strong> Ning\u00fan otro miembro de la corporaci\u00f3n o personal municipal debe realizar declaraciones p\u00fablicas sin autorizaci\u00f3n del Comit\u00e9 de Crisis.<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">3. Plan de Contenci\u00f3n Digital (Primeras 24h)<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Monitorizaci\u00f3n Intensiva:<\/strong> Escucha activa 24\/7 en redes sociales, medios digitales y foros locales. Identificaci\u00f3n de narrativas, influencers y focos de viralizaci\u00f3n.<\/li>\n <li><strong>Evaluaci\u00f3n R\u00e1pida:<\/strong> Determinar la magnitud de la crisis, su potencial de escalada y el sentimiento predominante.<\/li>\n <li><strong>Primer Mensaje (Si Aplica):<\/strong> En caso de crisis graves (ej. derrumbe, incidente de salud), emitir un primer mensaje breve y emp\u00e1tico de reconocimiento de la situaci\u00f3n y compromiso, incluso sin tener todos los datos. \u00abEstamos al tanto de la situaci\u00f3n y trabajando para…\u00bb<\/li>\n <li><strong>Preparaci\u00f3n de FAQs:<\/strong> Elaborar preguntas y respuestas frecuentes con informaci\u00f3n verificada para uso interno y futuro.<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">4. Claves de Reacci\u00f3n en Medios y Redes<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Transparencia:<\/strong> Compartir informaci\u00f3n verificada de forma proactiva. No ocultar datos, incluso si son desfavorables.<\/li>\n <li><strong>Empat\u00eda:<\/strong> Reconocer el impacto en los ciudadanos y expresar preocupaci\u00f3n. Poner a las personas en el centro del discurso.<\/li>\n <li><strong>Responsabilidad:<\/strong> Asumir la parte de responsabilidad que corresponda al Ayuntamiento, sin excusas. Clarificar competencias cuando sea necesario, pero siempre desde una postura colaborativa.<\/li>\n <li><strong>Agilidad:<\/strong> Responder con rapidez. Un silencio prolongado puede interpretarse como desinter\u00e9s o falta de control.<\/li>\n <li><strong>Coherencia:<\/strong> Mantener un mensaje unificado en todos los canales y por parte de todos los portavoces.<\/li>\n <li><strong>Correcci\u00f3n:<\/strong> Si la informaci\u00f3n inicial es err\u00f3nea, corregirla con transparencia y rapidez.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"vocerias\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Foco en Vocer\u00edas Locales y Medios Influenciadores<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Identificaci\u00f3n de los l\u00edderes vecinales con peso real, medios comarcales influyentes y canales informales que moldean la opini\u00f3n p\u00fablica local.<\/p>\n \n <div class=\"space-y-6 text-slate-700\">\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">L\u00edderes Vecinales con Peso Real<\/h4>\n <p>M\u00e1s all\u00e1 de las asociaciones formales, existen figuras clave que articulan el sentir de barrios y colectivos espec\u00edficos, y que tienen la capacidad de influir significativamente en la opini\u00f3n p\u00fablica local.<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Rogelia G\u00f3mez:<\/strong> Portavoz de la Plataforma de Afectados por la Contaminaci\u00f3n de la barriada Guadalquivir. Su testimonio y activismo tienen un gran eco medi\u00e1tico y social, siendo una voz autorizada del descontento.<\/li>\n <li><strong>Juan Jos\u00e9 S\u00e1nchez Silva:<\/strong> Creador de la plataforma vecinal contra el Virus del Nilo. Canaliza la preocupaci\u00f3n y las demandas ciudadanas en torno a esta crisis de salud p\u00fablica.<\/li>\n <li><strong>L\u00edderes de AA.VV. de zonas espec\u00edficas:<\/strong> Los presidentes o miembros activos de asociaciones vecinales en \u00e1reas con problem\u00e1ticas concretas (ej. Tixe, La Hermandad, zonas de obras) pueden convertirse en voceros informales con gran credibilidad local.<\/li>\n <\/ul>\n <p class=\"mt-2 text-sm text-slate-600\">Estrategia: Establecer un canal de di\u00e1logo directo y regular con estos l\u00edderes, ofreciendo informaci\u00f3n proactiva y escuchando sus demandas. Su involucraci\u00f3n puede transformar una voz cr\u00edtica en una colaborativa.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Medios Comarcales con Impacto<\/h4>\n <p>Adem\u00e1s de los grandes medios provinciales, existen cabeceras digitales y radiof\u00f3nicas comarcales que tienen un impacto directo en la agenda informativa local y en la formaci\u00f3n de opini\u00f3n de la ciudadan\u00eda de Coria del R\u00edo.<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Aljarafe Digital (`aljarafedigital.es`):<\/strong> Peri\u00f3dico digital centrado en la comarca del Aljarafe, con alta penetraci\u00f3n en Coria del R\u00edo. Su cobertura de noticias locales es muy seguida.<\/li>\n <li><strong>Andaluc\u00eda Informaci\u00f3n (`andaluciainformacion.es`):<\/strong> Diario digital andaluz con secciones locales bien desarrolladas, que a menudo cubre noticias del Aljarafe y Coria del R\u00edo.<\/li>\n <li><strong>Coriavisi\u00f3n (YouTube: `youtube.com\/channel\/UCEt9aGa_SQfs8zoynPa9QZQ`):<\/strong> Canal local que, aunque no es un medio tradicional, act\u00faa como una plataforma importante para la difusi\u00f3n de eventos municipales, plenos y reportajes locales, con una audiencia fiel.<\/li>\n <li><strong>Radios Comarcales\/Locales:<\/strong> Emisoras como Canal Sur Radio (con programaci\u00f3n local\/provincial) o radios municipales de municipios cercanos que puedan tener alcance en Coria.<\/li>\n <\/ul>\n <p class=\"mt-2 text-sm text-slate-600\">Estrategia: Mantener una relaci\u00f3n fluida con los redactores y directores de estos medios, ofreci\u00e9ndoles acceso a la informaci\u00f3n y facilitando su trabajo. Son cruciales para la difusi\u00f3n del mensaje municipal y la contrarrestaci\u00f3n de narrativas negativas.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Canales Informales de Opini\u00f3n que Afectan la Reputaci\u00f3n<\/h4>\n <p>La opini\u00f3n p\u00fablica se forma no solo en medios formalmente, sino tambi\u00e9n en canales informales y privados con gran penetraci\u00f3n local.<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Grupos de WhatsApp locales:<\/strong> Existen numerosos grupos vecinales, de AMPAs, cofrad\u00edas, etc., donde la informaci\u00f3n (y desinformaci\u00f3n) se comparte r\u00e1pidamente. Es un term\u00f3metro del sentir popular.<\/li>\n <li><strong>Grupos de Facebook de barriadas\/tem\u00e1ticos:<\/strong> Adem\u00e1s de las p\u00e1ginas oficiales, los grupos privados o p\u00fablicos no gestionados por el Ayuntamiento son espacios de debate abierto y cr\u00edtica sin filtros. (ej. \u00abVecinos de Coria del R\u00edo\u00bb, \u00abCoria del R\u00edo quejosa\u00bb).<\/li>\n <li><strong>Twitter pol\u00edtico local:<\/strong> Cuentas de partidos de la oposici\u00f3n, activistas o ciudadanos influyentes que comentan la actualidad pol\u00edtica local.<\/li>\n <\/ul>\n <p class=\"mt-2 text-sm text-slate-600\">Estrategia: Si bien el Ayuntamiento no puede controlar estos canales, debe monitorearlos activamente para detectar rumores, focos de malestar o narrativas negativas incipientes. La informaci\u00f3n recogida puede servir para adaptar la comunicaci\u00f3n oficial y lanzar mensajes preventivos en canales propios.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"about\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Sobre Este An\u00e1lisis de Inteligencia Medi\u00e1tica y Reputacional<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Este informe profundiza en la imagen p\u00fablica y en las redes sociales del gobierno municipal de Coria del R\u00edo, su alcalde y sus concejales.<\/p>\n\n <div class=\"space-y-4 text-slate-700\">\n <p><strong class=\"font-semibold text-slate-800\">Sujeto Principal:<\/strong> Ayuntamiento de Coria del R\u00edo (alcalde + todas las \u00e1reas municipales).<\/p>\n <p><strong class=\"font-semibold text-slate-800\">Periodo de An\u00e1lisis:<\/strong> \u00daltimo trimestre de 2024 y primer semestre de 2025 (simulado para tendencias).<\/p>\n <p><strong class=\"font-semibold text-slate-800\">\u00c1mbito Geogr\u00e1fico:<\/strong> Coria del R\u00edo + medios y redes de Sevilla capital y \u00e1rea metropolitana.<\/p>\n <p><strong class=\"font-semibold text-slate-800\">Medios Prioritarios:<\/strong> Todos los medios locales y provinciales relevantes: prensa, radio, TV y digitales de Coria y Sevilla.<\/p>\n <p><strong class=\"font-semibold text-slate-800\">Objetivos Estrat\u00e9gicos:<\/strong><\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Evaluar imagen institucional.<\/li>\n <li>Detectar cr\u00edticas o malestar ciudadano.<\/li>\n <li>Medir impacto de pol\u00edticas o campa\u00f1as.<\/li>\n <li>Identificar oportunidades narrativas.<\/li>\n <li>Detectar focos de polarizaci\u00f3n social.<\/li>\n <\/ul>\n <p class=\"mt-4\"><strong class=\"font-semibold text-slate-800\">Beneficios Estrat\u00e9gicos para un Ayuntamiento:<\/strong> Gesti\u00f3n proactiva de la reputaci\u00f3n p\u00fablica, identificaci\u00f3n de grietas narrativas, visi\u00f3n clara de la percepci\u00f3n ciudadana, mapeo de redes de apoyo\/oposici\u00f3n, validaci\u00f3n o correcci\u00f3n de mensajes institucionales.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n\n const data = {\n logros: [\n { \n title: \"\u2705 Presupuesto 2025: Solidez y Crecimiento\", \n content: \"Aprobado un presupuesto de m\u00e1s de 33M\u20ac, un 10% m\u00e1s que el a\u00f1o anterior. Se destaca la eliminaci\u00f3n de la deuda hist\u00f3rica, que superaba el 125% en 2013. Prioriza bienestar social, empleo y mejora de servicios.\",\n sentiment: 85,\n details: {\n type: 'chart',\n chartType: 'doughnut',\n data: {\n labels: ['Bienestar Social', 'Inversiones (Asfaltado, VPO)', 'Personal y Estabilizaci\u00f3n', 'Otros Servicios'],\n datasets: [{\n data: [30, 25, 20, 25],\n backgroundColor: ['#34D399', '#60A5FA', '#FBBF24', '#A78BFA'],\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'top' },\n title: { display: true, text: 'Distribuci\u00f3n Prioritaria del Presupuesto 2025' }\n }\n }\n }\n },\n { \n title: \"\u2705 Inversiones en Infraestructuras\", \n content: \"Plan de inversi\u00f3n de 3.5M\u20ac que incluye 705.000\u20ac para asfaltado, adquisici\u00f3n de suelo para VPO y planes de urbanizaci\u00f3n para zonas como La Hermandad y Tixe.\",\n sentiment: 80\n },\n { \n title: \"\u2705 Iniciativas Sociales y Ambientales\", \n content: \"Puesta en marcha de un nuevo Centro de Tratamiento de Adicciones comarcal. Aprobaci\u00f3n de un plan de biodiversidad municipal con participaci\u00f3n ciudadana, posicionando a Coria como referente clim\u00e1tico.\",\n sentiment: 90\n },\n { \n title: \"\u2705 Cultura y Relaciones Internacionales\", \n content: \"Celebraci\u00f3n de la XXI Noche Flamenca y fortalecimiento de los lazos con Jap\u00f3n a trav\u00e9s del reto Tohoku Crossing, aprovechando la herencia de la Embajada Keicho.\",\n sentiment: 75\n }\n ],\n riesgos: [\n { \n title: \"\u26a0\ufe0f Contaminaci\u00f3n del Suelo: Crisis Cr\u00edtica\", \n content: \"El riesgo m\u00e1s grave. Durante a\u00f1os, 4.000 vecinos de la barriada Guadalquivir sufren emisiones t\u00f3xicas de una gasolinera, con graves consecuencias para la salud (tumores, leucemias). La Fiscal\u00eda ha confirmado el da\u00f1o. Existe un fuerte sentimiento de 'abandono' y cr\u00edticas por el 'pase de pelota' entre administraciones.\",\n sentiment: -95\n },\n { \n title: \"\u26a0\ufe0f Virus del Nilo Occidental (VNO)\", \n content: \"Coria fue el municipio m\u00e1s afectado en 2024 (28 casos, 4 muertes). Existe un 'alto riesgo' para 2025, generando gran preocupaci\u00f3n y cr\u00edticas por la 'inacci\u00f3n de la Junta'. El ayuntamiento realiza fumigaciones pero la percepci\u00f3n de falta de coordinaci\u00f3n persiste.\",\n sentiment: -90,\n details: {\n type: 'chart',\n chartType: 'bar',\n data: {\n labels: ['Casos 2024', 'Fallecidos 2024'],\n datasets: [{\n label: 'Coria del R\u00edo',\n data: [28, 4],\n backgroundColor: '#EF5350',\n }, {\n label: 'Resto Provincia Sevilla',\n data: [65, 7],\n backgroundColor: '#9CA3AF',\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'top' },\n title: { display: true, text: 'Impacto del VNO en 2024: Coria vs. Resto de la Provincia' }\n },\n scales: { y: { beginAtZero: true } }\n }\n }\n },\n { \n title: \"\u26a0\ufe0f Derrumbe de Nave y Narcotr\u00e1fico\", \n content: \"El derrumbe de una nave con tres fallecidos y la persistencia del narcotr\u00e1fico en el Guadalquivir afectan la percepci\u00f3n de seguridad. El Ayuntamiento ha solicitado reactivar el \u00d3rgano de Coordinaci\u00f3n contra el Narcotr\u00e1fico, posicion\u00e1ndose como parte de la soluci\u00f3n.\",\n sentiment: -70\n }\n ],\n sentimentTrend: {\n labels: ['Oct 24', 'Nov 24', 'Dic 24', 'Ene 25', 'Feb 25', 'Mar 25', 'Abr 25', 'May 25', 'Jun 25'],\n logros: [70, 75, 80, 85, 82, 88, 85, 90, 88], \/\/ Simulated data\n riesgos: [-60, -65, -70, -75, -80, -85, -90, -85, -80] \/\/ Simulated data\n },\n timelineEvents: [\n { date: 'Oct 2024', title: 'Preocupaci\u00f3n por VNO crece', description: 'Coria del R\u00edo es identificada como el municipio m\u00e1s afectado por el Virus del Nilo Occidental en 2024, con 28 casos y 4 muertes.', type: 'Crisis' },\n { date: 'Nov 2024', title: 'Foco en Contaminaci\u00f3n del Suelo', description: 'Medios de comunicaci\u00f3n intensifican la cobertura sobre la problem\u00e1tica de la gasolinera en la barriada Guadalquivir.', type: 'Crisis' },\n { date: 'Dic 2024', title: 'Debate sobre Presupuesto 2025', description: 'Primeras noticias sobre el borrador del Presupuesto 2025 del Ayuntamiento, destacando la eliminaci\u00f3n de la deuda hist\u00f3rica.', type: 'Logro' },\n { date: 'Ene 2025', title: 'Aprobaci\u00f3n Presupuesto 2025', description: 'El Ayuntamiento aprueba el presupuesto de m\u00e1s de 33M\u20ac, con \u00e9nfasis en bienestar social e inversiones en infraestructuras.', type: 'Logro' },\n { date: 'Feb 2025', title: 'Alerta por VNO 2025', description: 'Se emiten advertencias de \"alto riesgo\" para la transmisi\u00f3n del Virus del Nilo Occidental en 2025, generando preocupaci\u00f3n ciudadana.', type: 'Crisis' },\n { date: 'Mar 2025', title: 'Grupo de Trabajo Contaminaci\u00f3n', description: 'Se forma un grupo de trabajo para mediciones del aire e inspecci\u00f3n de la gasolinera en la barriada Guadalquivir, aunque persisten las cr\u00edticas ciudadanas.', type: 'Crisis' },\n { date: 'Abr 2025', title: 'Derrumbe de Nave Industrial', description: 'Un posible tornado provoca el derrumbe de una nave agr\u00edcola, resultando en tres fallecimientos. Gran impacto medi\u00e1tico local.', type: 'Crisis' },\n { date: 'May 2025', title: 'Inauguraci\u00f3n Centro Adicciones y Plan Biodiversidad', description: 'Puesta en funcionamiento de un nuevo Centro de Tratamiento de Adicciones comarcal y aprobaci\u00f3n del plan municipal de biodiversidad.', type: 'Logro' },\n { date: 'Jun 2025', title: 'Narcotr\u00e1fico y Seguridad', description: 'Operativos policiales contin\u00faan en el r\u00edo Guadalquivir, y el Ayuntamiento solicita reactivar el \u00d3rgano de Coordinaci\u00f3n contra el Narcotr\u00e1fico.', type: 'Seguridad' },\n { date: 'Jul 2025', title: 'XXI Noche Flamenca', description: 'Celebraci\u00f3n de la Noche Flamenca con reconocimiento a Juan Manuel Su\u00e1rez Jap\u00f3n.', type: 'Cultura' },\n { date: 'Agosto 2025', title: 'Reto Tohoku Crossing', description: 'Participaci\u00f3n en el reto deportivo y cultural que fortalece los lazos con Jap\u00f3n.', type: 'Cultura' }\n ],\n mediaSentimentDetailed: {\n labels: ['Prensa', 'Radio\/TV', 'Digital', 'Redes Sociales'],\n positive: [40, 30, 50, 20], \/\/ Simulated\n neutral: [30, 40, 20, 30], \/\/ Simulated\n negative: [30, 30, 30, 50] \/\/ Simulated\n },\n keywords: {\n logros: [\n { text: 'Presupuesto', size: 'text-2xl', weight: 'font-bold' },\n { text: 'Deuda Cero', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Inversiones', size: 'text-lg', weight: 'font-medium' },\n { text: 'Bienestar Social', size: 'text-base', weight: 'font-normal' },\n { text: 'Biodiversidad', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Cultura', size: 'text-lg', weight: 'font-medium' },\n { text: 'Jap\u00f3n', size: 'text-base', weight: 'font-normal' },\n { text: 'Empleo', size: 'text-lg', weight: 'font-medium' }\n ],\n riesgos: [\n { text: 'Contaminaci\u00f3n', size: 'text-2xl', weight: 'font-bold' },\n { text: 'Virus del Nilo', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Abandono', size: 'text-lg', weight: 'font-medium' },\n { text: 'Fiscal\u00eda', size: 'text-base', weight: 'font-normal' },\n { text: 'Inacci\u00f3n', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Narcotr\u00e1fico', size: 'text-lg', weight: 'font-medium' },\n { text: 'Salud', size: 'text-base', weight: 'font-normal' },\n { text: 'Derrumbe', size: 'text-lg', weight: 'font-medium' }\n ]\n },\n delegationSentiment: {\n labels: ['Alcald\u00eda', 'Urbanismo', 'Seguridad', 'Servicios Sociales', 'Comunicaci\u00f3n'],\n sentiment: [75, 45, 50, 80, 60] \/\/ Simulated: 100=muy positivo, 0=neutral, -100=muy negativo\n },\n engagementMetrics: {\n labels: ['Likes', 'Comentarios', 'Compartidos'],\n official: [1200, 300, 150], \/\/ Simulated for official channels\n unofficial: [800, 600, 400] \/\/ Simulated for unofficial channels (higher comments\/shares)\n },\n comparativeSentiment: {\n labels: ['Coria del R\u00edo', 'La Rinconada', 'San Juan', 'Dos Hermanas'],\n data: [5, 20, 10, 35] \/\/ Simulated net sentiment\n },\n valuesPerception: {\n labels: ['Cercan\u00eda', 'Eficacia', 'Transparencia', 'Sostenibilidad', 'Innovaci\u00f3n'],\n perceived: [5, 7, 6, 6, 4], \/\/ Simulated perception\n desired: [8, 9, 9, 8, 7] \/\/ Desired values\n },\n socialMediaComparison: {\n labels: ['Facebook', 'Twitter', 'Instagram'],\n coria: [500, 200, 300], \/\/ Simulated interactions for Coria\n rinconada: [1200, 500, 800], \/\/ Simulated interactions for La Rinconada\n sanjuan: [700, 300, 400], \/\/ Simulated interactions for San Juan\n doshermanas: [2000, 800, 1500] \/\/ Simulated interactions for Dos Hermanas\n }\n };\n\n const infoDisplay = document.getElementById('info-display');\n const navButtons = document.querySelectorAll('.nav-button');\n const contentSections = document.querySelectorAll('.content-section');\n const keywordsDisplay = document.getElementById('keywords-display');\n let reputationChart;\n let sentimentTrendChart;\n let mediaSentimentChart;\n let delegationSentimentChart;\n let engagementMetricsChart;\n let comparativeSentimentChart;\n let valuesRadarChart;\n let socialMediaComparisonChart;\n\n const renderInfo = (items) => {\n infoDisplay.innerHTML = '';\n items.forEach(item => {\n const card = document.createElement('div');\n card.className = 'bg-indigo-50 p-4 rounded-xl border border-indigo-200 transition-shadow hover:shadow-md';\n \n let contentHTML = `<h4 class=\"font-bold text-lg mb-2 text-indigo-800\">${item.title}<\/h4><p class=\"text-sm text-slate-700\">${item.content}<\/p>`;\n \n if (item.details && item.details.type === 'chart') {\n const chartId = `details-chart-${Math.random().toString(36).substr(2, 9)}`;\n contentHTML += `<div class=\"mt-4\"><div class=\"chart-container\" style=\"height:250px;\"><canvas id=\"${chartId}\"><\/canvas><\/div><\/div>`;\n \n setTimeout(() => {\n const ctx = document.getElementById(chartId).getContext('2d');\n new Chart(ctx, {\n type: item.details.chartType,\n data: item.details.data,\n options: item.details.options\n });\n }, 100);\n }\n\n card.innerHTML = contentHTML;\n infoDisplay.appendChild(card);\n });\n };\n \n const renderReputationChart = (filteredData) => {\n const ctx = document.getElementById('reputationChart').getContext('2d');\n const chartData = {\n labels: filteredData.map(d => d.title.substring(2)),\n datasets: [{\n label: 'Sentimiento Medi\u00e1tico Estimado',\n data: filteredData.map(d => d.sentiment),\n backgroundColor: filteredData.map(d => d.sentiment > 0 ? 'rgba(16, 185, 129, 0.7)' : 'rgba(239, 68, 68, 0.7)'),\n borderColor: filteredData.map(d => d.sentiment > 0 ? 'rgba(16, 185, 129, 1)' : 'rgba(239, 68, 68, 1)'),\n borderWidth: 1\n }]\n };\n\n if (reputationChart) {\n reputationChart.destroy();\n }\n\n reputationChart = new Chart(ctx, {\n type: 'bar',\n data: chartData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.dataset.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed.x !== null) {\n label += context.parsed.x + '%';\n }\n return label;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n min: -100,\n max: 100,\n ticks: {\n callback: function(value) {\n return value + '%';\n }\n }\n },\n y: {\n ticks: {\n autoSkip: false,\n callback: function(value, index, values) {\n const label = this.getLabelForValue(value);\n return label.length > 30 ? label.substring(0, 30) + '...' : label;\n }\n }\n }\n }\n }\n });\n };\n\n const renderSentimentTrendChart = () => {\n const ctx = document.getElementById('sentimentTrendChart').getContext('2d');\n const chartData = {\n labels: data.sentimentTrend.labels,\n datasets: [\n {\n label: 'Logros de Gesti\u00f3n',\n data: data.sentimentTrend.logros,\n borderColor: 'rgba(16, 185, 129, 1)',\n backgroundColor: 'rgba(16, 185, 129, 0.2)',\n tension: 0.4,\n fill: false\n },\n {\n label: 'Riesgos Cr\u00edticos',\n data: data.sentimentTrend.riesgos,\n borderColor: 'rgba(239, 68, 68, 1)',\n backgroundColor: 'rgba(239, 68, 68, 0.2)',\n tension: 0.4,\n fill: false\n }\n ]\n };\n\n if (sentimentTrendChart) {\n sentimentTrendChart.destroy();\n }\n\n sentimentTrendChart = new Chart(ctx, {\n type: 'line',\n data: chartData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'top' },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.dataset.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed.y !== null) {\n label += context.parsed.y + '%';\n }\n return label;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: false,\n min: -100,\n max: 100,\n title: {\n display: true,\n text: 'Sentimiento (%)'\n }\n },\n x: {\n title: {\n display: true,\n text: 'Mes'\n }\n }\n }\n }\n });\n };\n\n const renderMediaSentimentChart = () => {\n const ctx = document.getElementById('mediaSentimentChart').getContext('2d');\n if (mediaSentimentChart) {\n mediaSentimentChart.destroy();\n }\n mediaSentimentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.mediaSentimentDetailed.labels,\n datasets: [\n {\n label: 'Positivo',\n data: data.mediaSentimentDetailed.positive,\n backgroundColor: '#10B981'\n },\n {\n label: 'Neutral',\n data: data.mediaSentimentDetailed.neutral,\n backgroundColor: '#FBBF24'\n },\n {\n label: 'Negativo',\n data: data.mediaSentimentDetailed.negative,\n backgroundColor: '#EF4444'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { stacked: true },\n y: { stacked: true, beginAtZero: true, max: 100, title: { display: true, text: 'Porcentaje (%)' } }\n },\n plugins: {\n title: { display: true, text: 'Sentimiento Simulado por Tipo de Medio' }\n }\n }\n });\n };\n\n const renderDelegationSentimentChart = () => {\n const ctx = document.getElementById('delegationSentimentChart').getContext('2d');\n if (delegationSentimentChart) {\n delegationSentimentChart.destroy();\n }\n delegationSentimentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.delegationSentiment.labels,\n datasets: [{\n label: 'Sentimiento Medio',\n data: data.delegationSentiment.sentiment,\n backgroundColor: data.delegationSentiment.sentiment.map(s => s > 0 ? '#60A5FA' : '#F87171') \/\/ Blue for positive, Red for negative\/neutral\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { beginAtZero: true, min: 0, max: 100, title: { display: true, text: 'Sentimiento Promedio (%)' } }\n },\n plugins: {\n legend: { display: false },\n title: { display: true, text: 'Sentimiento Simulado por \u00c1rea Municipal' }\n }\n }\n });\n };\n\n const renderEngagementMetricsChart = () => {\n const ctx = document.getElementById('engagementMetricsChart').getContext('2d');\n if (engagementMetricsChart) {\n engagementMetricsChart.destroy();\n }\n engagementMetricsChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.engagementMetrics.labels,\n datasets: [\n {\n label: 'Canales Oficiales',\n data: data.engagementMetrics.official,\n backgroundColor: '#1D4ED8' \/\/ Darker blue\n },\n {\n label: 'Canales No Oficiales',\n data: data.engagementMetrics.unofficial,\n backgroundColor: '#FBBF24' \/\/ Amber\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, title: { display: true, text: 'N\u00famero de Interacciones (simulado)' } }\n },\n plugins: {\n title: { display: true, text: 'M\u00e9tricas de Engagement Digital (Simulado)' }\n }\n }\n });\n };\n\n const renderComparativeSentimentChart = () => {\n const ctx = document.getElementById('comparativeSentimentChart').getContext('2d');\n if (comparativeSentimentChart) {\n comparativeSentimentChart.destroy();\n }\n comparativeSentimentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.comparativeSentiment.labels,\n datasets: [{\n label: 'Sentimiento Neto Promedio',\n data: data.comparativeSentiment.data,\n backgroundColor: ['#60A5FA', '#34D399', '#FBBF24', '#10B981'] \/\/ Different colors for each bar\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, min: 0, max: 40, title: { display: true, text: 'Sentimiento Neto (%)' } }\n },\n plugins: {\n legend: { display: false },\n title: { display: true, text: 'Sentimiento Neto vs. Municipios Hom\u00f3logos' }\n }\n }\n });\n };\n\n const renderValuesRadarChart = () => {\n const ctx = document.getElementById('valuesRadarChart').getContext('2d');\n if (valuesRadarChart) {\n valuesRadarChart.destroy();\n }\n valuesRadarChart = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: data.valuesPerception.labels,\n datasets: [\n {\n label: 'Percepci\u00f3n Actual',\n data: data.valuesPerception.perceived,\n backgroundColor: 'rgba(96, 165, 250, 0.4)',\n borderColor: 'rgba(96, 165, 250, 1)',\n pointBackgroundColor: 'rgba(96, 165, 250, 1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(96, 165, 250, 1)'\n },\n {\n label: 'Relato Deseado',\n data: data.valuesPerception.desired,\n backgroundColor: 'rgba(16, 185, 129, 0.4)',\n borderColor: 'rgba(16, 185, 129, 1)',\n pointBackgroundColor: 'rgba(16, 185, 129, 1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(16, 185, 129, 1)'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n angleLines: { display: false },\n suggestedMin: 0,\n suggestedMax: 10,\n ticks: { beginAtZero: true, stepSize: 2 }\n }\n },\n plugins: {\n title: { display: true, text: 'Valores Proyectados: Percepci\u00f3n Actual vs. Deseada' }\n }\n }\n });\n };\n\n const renderSocialMediaComparisonChart = () => {\n const ctx = document.getElementById('socialMediaComparisonChart').getContext('2d');\n if (socialMediaComparisonChart) {\n socialMediaComparisonChart.destroy();\n }\n socialMediaComparisonChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.socialMediaComparison.labels,\n datasets: [\n {\n label: 'Coria del R\u00edo',\n data: data.socialMediaComparison.coria,\n backgroundColor: '#60A5FA'\n },\n {\n label: 'La Rinconada',\n data: data.socialMediaComparison.rinconada,\n backgroundColor: '#34D399'\n },\n {\n label: 'San Juan',\n data: data.socialMediaComparison.sanjuan,\n backgroundColor: '#FBBF24'\n },\n {\n label: 'Dos Hermanas',\n data: data.socialMediaComparison.doshermanas,\n backgroundColor: '#10B981'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, title: { display: true, text: 'Interacciones Promedio' } }\n },\n plugins: {\n title: { display: true, text: 'Comparativa de Interacciones en Redes Sociales' }\n }\n }\n });\n };\n\n\n const renderTimeline = (filter = 'all') => {\n const timelineContainer = document.querySelector('.timeline-container');\n timelineContainer.innerHTML = '';\n const filteredEvents = data.timelineEvents.filter(event => filter === 'all' || event.type === filter);\n filteredEvents.forEach((event, index) => {\n const item = document.createElement('div');\n item.className = `timeline-item ${index % 2 === 0 ? 'left' : 'right'}`;\n item.innerHTML = `\n <div class=\"timeline-content shadow-md\">\n <h4 class=\"font-bold text-slate-800 text-base\">${event.date}: ${event.title}<\/h4>\n <p class=\"text-sm text-slate-700\">${event.description}<\/p>\n <span class=\"absolute top-2 right-2 text-xs font-semibold px-2 py-1 rounded-full \n ${event.type === 'Logro' ? 'bg-emerald-200 text-emerald-800' : ''}\n ${event.type === 'Crisis' ? 'bg-red-200 text-red-800' : ''}\n ${event.type === 'Cultura' ? 'bg-purple-200 text-purple-800' : ''}\n ${event.type === 'Seguridad' ? 'bg-blue-200 text-blue-800' : ''}\n \">${event.type}<\/span>\n <\/div>\n `;\n timelineContainer.appendChild(item);\n });\n };\n\n const updateKeywords = (type) => {\n keywordsDisplay.innerHTML = '';\n const selectedKeywords = data.keywords[type];\n selectedKeywords.forEach(keyword => {\n const span = document.createElement('span');\n span.className = `inline-block p-2 m-1 bg-slate-100 rounded-lg shadow-sm ${keyword.size} ${keyword.weight} text-slate-700`;\n span.textContent = keyword.text;\n keywordsDisplay.appendChild(span);\n });\n };\n \n document.getElementById('btn-logros').addEventListener('click', () => {\n renderInfo(data.logros);\n renderReputationChart(data.logros);\n updateKeywords('logros');\n });\n\n document.getElementById('btn-riesgos').addEventListener('click', () => {\n renderInfo(data.riesgos);\n renderReputationChart(data.riesgos);\n updateKeywords('riesgos');\n });\n \n navButtons.forEach(button => {\n button.addEventListener('click', () => {\n const targetId = button.dataset.target;\n\n navButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n contentSections.forEach(section => {\n if (section.id === targetId) {\n section.classList.add('active');\n if (targetId === 'timeline') {\n renderTimeline('all'); \/\/ Render all events when timeline is opened\n document.querySelectorAll('.timeline-filter-button').forEach(btn => btn.classList.remove('active'));\n document.querySelector('.timeline-filter-button[data-filter=\"all\"]').classList.add('active');\n }\n if (targetId === 'digital') {\n renderMediaSentimentChart();\n renderEngagementMetricsChart();\n }\n if (targetId === 'actores') {\n renderDelegationSentimentChart();\n }\n if (targetId === 'termometro') {\n renderComparativeSentimentChart();\n }\n if (targetId === 'posicionamiento') {\n renderValuesRadarChart();\n }\n if (targetId === 'benchmarking') {\n renderSocialMediaComparisonChart();\n }\n } else {\n section.classList.remove('active');\n }\n });\n });\n });\n\n \/\/ Timeline Filter Buttons\n document.querySelectorAll('.timeline-filter-button').forEach(button => {\n button.addEventListener('click', () => {\n const filterType = button.dataset.filter;\n renderTimeline(filterType);\n document.querySelectorAll('.timeline-filter-button').forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n });\n });\n\n\n \/\/ Poll Simulation Logic\n const pollResult = document.getElementById('poll-result');\n let optionAVotes = 0;\n let optionBVotes = 0;\n\n const updatePollResult = () => {\n const totalVotes = optionAVotes + optionBVotes;\n if (totalVotes === 0) {\n pollResult.textContent = 'Selecciona una opci\u00f3n para ver la simulaci\u00f3n.';\n return;\n }\n const percentA = ((optionAVotes \/ totalVotes) * 100).toFixed(1);\n const percentB = ((optionBVotes \/ totalVotes) * 100).toFixed(1);\n pollResult.innerHTML = `\n Transparencia: <span class=\"text-blue-700\">${percentA}%<\/span> \n | Presencia Personal: <span class=\"text-purple-700\">${percentB}%<\/span>\n `;\n };\n\n document.getElementById('poll-option-A').addEventListener('click', () => {\n optionAVotes += Math.floor(Math.random() * 5) + 1; \/\/ Simulate more than 1 vote\n updatePollResult();\n });\n\n document.getElementById('poll-option-B').addEventListener('click', () => {\n optionBVotes += Math.floor(Math.random() * 5) + 1; \/\/ Simulate more than 1 vote\n updatePollResult();\n });\n\n\n \/\/ Initial Load\n document.getElementById('btn-logros').click();\n renderSentimentTrendChart();\n updatePollResult(); \/\/ Initialize poll text\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Ayuntamiento de Coria del R\u00edo An\u00e1lisis Interactivo: Reputaci\u00f3n del Ayuntamiento de Coria del R\u00edo An\u00e1lisis de Reputaci\u00f3n y Presencia Digital Ayuntamiento de Coria del R\u00edo Balanza Reputacional Mapa de Actores An\u00e1lisis Digital L\u00ednea de Tiempo Matriz R&O Term\u00f3metro Ciudadano Diagn\u00f3stico Posicionamiento Benchmarking Panel de KPIs Estrategia y Narrativa Protocolo Crisis Foco en Vocer\u00edas Sobre Este…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-211","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pgDuos-3p","_links":{"self":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/211","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=211"}],"version-history":[{"count":3,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/211\/revisions"}],"predecessor-version":[{"id":319,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/211\/revisions\/319"}],"wp:attachment":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/categories?post=211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/tags?post=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":211,"date":"2025-06-26T07:44:46","date_gmt":"2025-06-26T07:44:46","guid":{"rendered":"https:\/\/buscomunicacion.com\/?p=211"},"modified":"2025-07-06T11:45:34","modified_gmt":"2025-07-06T11:45:34","slug":"analisis-de-reputacion-y-presencia-digital","status":"publish","type":"post","link":"https:\/\/buscomunicacion.com\/index.php\/2025\/06\/26\/analisis-de-reputacion-y-presencia-digital\/","title":{"rendered":"An\u00e1lisis de Reputaci\u00f3n y Presencia Digital"},"content":{"rendered":"\n

Ayuntamiento de Coria del R\u00edo<\/h2>\n\n\n\n\n\n\n \n \n An\u00e1lisis Interactivo: Reputaci\u00f3n del Ayuntamiento de Coria del R\u00edo<\/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;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n \n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 40vh;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .nav-button {\n transition: all 0.3s ease;\n white-space: nowrap; \/* Prevent buttons from wrapping \/\n background-color: #ffffff; \/ White for normal state \/\n color: #4F46E5; \/ Indigo-600 for text \/\n padding-left: 1.25rem; \/ px-5 \/\n padding-right: 1.25rem; \/ px-5 \/\n padding-top: 0.625rem; \/ py-2.5 \/\n padding-bottom: 0.625rem; \/ py-2.5 \/\n border-radius: 0.5rem; \/ rounded-lg \/\n font-size: 0.875rem; \/ text-sm \/\n line-height: 1.25rem; \/ leading-5 \/\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); \/ shadow-sm \/\n }\n .nav-button:hover {\n background-color: #EEF2FF; \/ Indigo-50 for hover \/\n }\n .nav-button.active {\n background-color: #4F46E5; \/ Indigo-600 for active \/\n color: #ffffff;\n font-weight: 600;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); \/ shadow-md \/\n outline: none; \/ Remove default focus outline \/\n box-shadow: 0 0 0 2px #818CF8; \/ ring-2 ring-indigo-400 \/\n }\n .content-section {\n display: none;\n }\n .content-section.active {\n display: block;\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 \/ Timeline specific styles \/\n .timeline-container {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n .timeline-container::after {\n content: '';\n position: absolute;\n width: 4px;\n background-color: #CBD5E1;\n top: 0;\n bottom: 0;\n left: 50%;\n margin-left: -2px;\n }\n .timeline-item {\n padding: 10px 40px;\n position: relative;\n background-color: inherit;\n width: 50%;\n }\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n right: -17px;\n background-color: #F87171;\n border: 4px solid #EF4444;\n top: 15px;\n border-radius: 50%;\n z-index: 1;\n }\n .timeline-item.left {\n left: 0;\n }\n .timeline-item.right {\n left: 50%;\n }\n .timeline-item.left::after {\n left: 98.5%;\n }\n .timeline-item.right::after {\n left: -17px;\n }\n .timeline-content {\n padding: 20px 30px;\n background-color: #E2E8F0;\n position: relative;\n border-radius: 6px;\n }\n @media screen and (max-width: 768px) {\n .timeline-container::after {\n left: 31px;\n }\n .timeline-item {\n width: 100%;\n padding-left: 70px;\n padding-right: 25px;\n }\n .timeline-item::before {\n left: 60px;\n border-width: 10px 10px 10px 0;\n border-color: transparent #E2E8F0 transparent transparent;\n }\n .timeline-item.right {\n left: 0%;\n }\n .timeline-item.left::after, .timeline-item.right::after {\n left: 15px;\n }\n }\n\n .progress-bar-container {\n width: 100%;\n background-color: #e0e0e0;\n border-radius: 5px;\n overflow: hidden;\n }\n .progress-bar {\n height: 20px;\n border-radius: 5px;\n text-align: center;\n color: white;\n line-height: 20px;\n transition: width 0.5s ease-in-out;\n }\n .sentiment-gauge {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n position: relative;\n background: conic-gradient(#EF4444 0% 33%, #FBBF24 33% 66%, #10B981 66% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .sentiment-gauge-inner {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background-color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: #333;\n }\n <\/style>\n<\/head>\n<body class=\"bg-stone-50 text-slate-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n \n <header class=\"text-center mb-8 flex flex-col items-center\">\n \n <h1 class=\"text-3xl md:text-4xl font-bold text-slate-900\">An\u00e1lisis de Reputaci\u00f3n y Presencia Digital<\/h1>\n <h2 class=\"text-xl md:text-2xl text-slate-600 mt-2\">Ayuntamiento de Coria del R\u00edo<\/h2>\n <\/header>\n\n <nav class=\"flex flex-wrap justify-center gap-2 mb-8 bg-indigo-100 p-2 rounded-lg shadow-sm overflow-x-auto pb-2\">\n <button data-target=\"balance\" class=\"nav-button active\">Balanza Reputacional<\/button>\n <button data-target=\"actores\" class=\"nav-button\">Mapa de Actores<\/button>\n <button data-target=\"digital\" class=\"nav-button\">An\u00e1lisis Digital<\/button>\n <button data-target=\"timeline\" class=\"nav-button\">L\u00ednea de Tiempo<\/button>\n <button data-target=\"matriz-ro\" class=\"nav-button\">Matriz R&O<\/button>\n <button data-target=\"termometro\" class=\"nav-button\">Term\u00f3metro Ciudadano<\/button>\n <button data-target=\"posicionamiento\" class=\"nav-button\">Diagn\u00f3stico Posicionamiento<\/button>\n <button data-target=\"benchmarking\" class=\"nav-button\">Benchmarking<\/button>\n <button data-target=\"kpis\" class=\"nav-button\">Panel de KPIs<\/button>\n <button data-target=\"estrategia\" class=\"nav-button\">Estrategia y Narrativa<\/button>\n <button data-target=\"protocolo-crisis\" class=\"nav-button\">Protocolo Crisis<\/button>\n <button data-target=\"vocerias\" class=\"nav-button\">Foco en Vocer\u00edas<\/button>\n <button data-target=\"about\" class=\"nav-button\">Sobre Este An\u00e1lisis<\/button>\n <\/nav>\n\n <main>\n \n <section id=\"balance\" class=\"content-section active\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Balanza Reputacional: La Doble Cara de la Gesti\u00f3n<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">La imagen p\u00fablica del Ayuntamiento muestra una marcada dualidad. Por un lado, se proyectan importantes logros en gesti\u00f3n econ\u00f3mica y desarrollo. Por otro, persisten crisis cr\u00edticas que generan un significativo malestar ciudadano. Explore ambos lados para comprender el panorama completo.<\/p>\n \n <div class=\"flex justify-center gap-4 mb-8\">\n <button id=\"btn-logros\" class=\"px-6 py-2 bg-emerald-500 text-white font-semibold rounded-lg shadow-md hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-400 transition-all\">\u2705 Logros de Gesti\u00f3n<\/button>\n <button id=\"btn-riesgos\" class=\"px-6 py-2 bg-red-500 text-white font-semibold rounded-lg shadow-md hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-400 transition-all\">\u26a0\ufe0f Riesgos Cr\u00edticos<\/button>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start mb-10\">\n <div id=\"info-display\" class=\"space-y-4\">\n <\/div>\n <div class=\"w-full\">\n <div class=\"chart-container\">\n <canvas id=\"reputationChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Gr\u00e1fico de sentimiento medi\u00e1tico estimado por tema. Pulse en los botones para filtrar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Evoluci\u00f3n del Sentimiento (\u00daltimo Trimestre 2024 – Junio 2025)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Observe c\u00f3mo ha variado la percepci\u00f3n general de logros y riesgos en los medios a lo largo de los \u00faltimos meses.<\/p>\n <div class=\"chart-container h-[350px] md:h-[450px]\">\n <canvas id=\"sentimentTrendChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Sentimiento promedio mensual (simulado) para logros y riesgos.<\/p>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Palabras Clave Destacadas<\/h4>\n <p class=\"text-center text-slate-600 mb-4 max-w-3xl mx-auto\">Estas son las palabras y conceptos m\u00e1s relevantes asociados a los temas seleccionados.<\/p>\n <div id=\"keywords-display\" class=\"flex flex-wrap justify-center gap-3 text-center\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"actores\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Mapa de Actores Clave<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">La opini\u00f3n p\u00fablica de Coria del R\u00edo est\u00e1 moldeada por un ecosistema de actores interconectados: el gobierno municipal, los medios de comunicaci\u00f3n y una sociedad civil cada vez m\u00e1s organizada y vocal. Comprender sus roles e interacciones es fundamental.<\/p>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6 mb-10\">\n \n <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-200\">\n <h4 class=\"font-bold text-lg text-blue-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83c\udfdb\ufe0f<\/span>Gobierno Municipal<\/h4>\n <div class=\"text-sm text-slate-700 space-y-3\">\n <p><strong class=\"text-blue-900\">Alcalde-Presidente:<\/strong> Modesto Gonz\u00e1lez M\u00e1rquez (AxS\u00ed).<\/p>\n <p>El gobierno ostenta una s\u00f3lida mayor\u00eda con 11 concejales de AxS\u00ed, lo que facilita la implementaci\u00f3n de pol\u00edticas pero centraliza la responsabilidad p\u00fablica.<\/p>\n <details class=\"bg-white rounded-lg p-2 cursor-pointer\">\n <summary class=\"font-semibold text-blue-700\">Ver estructura de gobierno<\/summary>\n <div class=\"mt-2 text-xs space-y-1 pl-2 border-l-2 border-blue-200\">\n <p><strong>Alcald\u00eda:<\/strong> Modesto Gonz\u00e1lez M\u00e1rquez<\/p>\n <p><strong>Bienestar Social:<\/strong> M\u00aa Jos\u00e9 Cant\u00f3n Moreno<\/p>\n <p><strong>Ordenaci\u00f3n del Territorio:<\/strong> Victoriano Cancelo Rodr\u00edguez<\/p>\n <p><strong>Hacienda:<\/strong> Jos\u00e9 Antonio S\u00e1nchez Rodr\u00edguez<\/p>\n <p><strong>Oposici\u00f3n:<\/strong> 5 (PSOE), 3 (PP), 1 (VOX)<\/p>\n <\/div>\n <\/details>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Enlaces Sugeridos:<\/p>\n <a href=\"https:\/\/ayto-coriadelrio.es\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Web Oficial Ayuntamiento<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-yellow-50 p-4 rounded-xl border border-yellow-200\">\n <h4 class=\"font-bold text-lg text-yellow-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udcf0<\/span>Voces Medi\u00e1ticas<\/h4>\n <div class=\"text-sm text-slate-700 space-y-3\">\n <p><strong class=\"text-yellow-900\">Eva Saiz (El Pa\u00eds):<\/strong> Cobertura recurrente y cr\u00edtica de temas sensibles como contaminaci\u00f3n, VNO y narcotr\u00e1fico. Alta influencia en la narrativa negativa.<\/p>\n <p><strong class=\"text-yellow-900\">Luc\u00eda Palop (El Pespunte):<\/strong> Cronista de la vida municipal, cubriendo tanto noticias positivas (presupuestos) como incidentes locales.<\/p>\n <p>Otros medios provinciales (EFE, SER, La Sexta) amplifican la cobertura, especialmente durante las crisis.<\/p>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Enlaces Sugeridos:<\/p>\n <a href=\"https:\/\/elpais.com\/noticias\/coria-del-rio\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">El Pa\u00eds – Coria del R\u00edo<\/a><br>\n <a href=\"https:\/\/www.elpespunte.es\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">El Pespunte<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-green-50 p-4 rounded-xl border border-green-200\">\n <h4 class=\"font-bold text-lg text-green-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udc65<\/span>Ciudadan\u00eda y Colectivos<\/h4>\n <div class=\"text-sm text-slate-700 space-y-3\">\n <p><strong class=\"text-green-900\">Plataforma Afectados Contaminaci\u00f3n:<\/strong> Voz principal del descontento en la barriada Guadalquivir. Su portavoz, Rogelia G\u00f3mez, es una l\u00edder de opini\u00f3n emergente.<\/p>\n <p><strong class=\"text-green-900\">Plataforma Vecinal contra VNO:<\/strong> Creada por Juan Jos\u00e9 S\u00e1nchez Silva, canaliza el \u00abtemor e impotencia\u00bb de los vecinos.<\/p>\n <p>El Ayuntamiento lista una amplia red de asociaciones vecinales y tem\u00e1ticas, que act\u00faan como term\u00f3metro del sentir ciudadano.<\/p>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Enlaces Sugeridos:<\/p>\n <a href=\"https:\/\/www.google.com\/search?q=Plataforma+afectados+contaminaci%C3%B3n+Coria+del+R%C3%ADo\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Buscar Plataforma Contaminaci\u00f3n<\/a><br>\n <a href=\"https:\/\/www.google.com\/search?q=Plataforma+Vecinal+contra+VNO+Coria+del+R%C3%ADo\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Buscar Plataforma VNO<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Sentimiento por \u00c1reas Municipales (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Percepci\u00f3n simulada de la gesti\u00f3n en \u00e1reas clave del Ayuntamiento basada en la cobertura medi\u00e1tica.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"delegationSentimentChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Valores simulados de sentimiento para cada \u00e1rea.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"digital\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">An\u00e1lisis de la Presencia Digital<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">La estrategia digital del Ayuntamiento se centra en canales institucionales, buscando un mensaje unificado. Sin embargo, esta centralizaci\u00f3n presenta tanto fortalezas como debilidades en la era de la comunicaci\u00f3n directa.<\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"bg-indigo-50 p-4 rounded-xl border border-indigo-200\">\n <h4 class=\"font-bold text-lg mb-3 text-indigo-800\">Estrategia de Comunicaci\u00f3n Centralizada<\/h4>\n <p class=\"text-sm text-slate-700 mb-3\">La comunicaci\u00f3n se gestiona a trav\u00e9s de perfiles oficiales en Facebook, Twitter e Instagram. Esto asegura coherencia y control del mensaje.<\/p>\n <ul class=\"text-sm space-y-2\">\n <li class=\"flex items-start\"><span class=\"text-emerald-500 mr-2 mt-1\">\u2795<\/span><strong>Fortaleza:<\/strong> Mensaje unificado y coherente. Minimiza el riesgo de declaraciones contradictorias y protege la imagen institucional de pol\u00e9micas individuales.<\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-2 mt-1\">\u2796<\/span><strong>Debilidad:<\/strong> Ausencia de perfiles oficiales individuales para el alcalde y concejales. Esto crea una barrera para la conexi\u00f3n personal y directa con la ciudadan\u00eda, que puede percibirlo como distanciamiento.<\/li>\n <\/ul>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Canales Oficiales:<\/p>\n <a href=\"https:\/\/www.facebook.com\/aytocoriario\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Facebook<\/a><br>\n <a href=\"https:\/\/twitter.com\/aytocoriario\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Twitter<\/a><br>\n <a href=\"https:\/\/www.instagram.com\/aytocoriadelrio\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">Instagram<\/a>\n <\/div>\n <\/div>\n\n <div class=\"bg-indigo-50 p-4 rounded-xl border border-indigo-200\">\n <h4 class=\"font-bold text-lg mb-3 text-indigo-800\">El Pulso Ciudadano en Canales No Oficiales<\/h4>\n <p class=\"text-sm text-slate-700 mb-3\">El verdadero sentir ciudadano se manifiesta en espacios fuera del control municipal.<\/p>\n <ul class=\"text-sm text-slate-700 space-y-2\">\n <li><strong>Foros y Grupos:<\/strong> Espacios como \u00abEl foro Cofrade\u00bb o grupos de Facebook (no detallados en el informe pero de existencia probable) se convierten en foros de debate y cr\u00edtica sin filtro.<\/li>\n <li><strong>Movilizaci\u00f3n Online:<\/strong> Las plataformas de afectados por la contaminaci\u00f3n y el VNO utilizan las redes para organizar protestas, difundir su mensaje y amplificar el sentimiento de \u00ababandono\u00bb, desafiando la narrativa oficial.<\/li>\n <\/ul>\n <div class=\"mt-3 text-xs\">\n <p class=\"font-bold text-slate-600\">Ejemplos de Foros:<\/p>\n <a href=\"https:\/\/elforocofrade.es\/foros\/index.php?threads\/coria-del-r%C3%ADo.2799\/\" target=\"_blank\" class=\"text-blue-500 hover:underline\">El Foro Cofrade – Coria del R\u00edo<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Sentimiento por Tipo de Medio (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Distribuci\u00f3n simulada del sentimiento (positivo, neutral, negativo) en diferentes tipos de medios.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"mediaSentimentChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Valores simulados de sentimiento por tipo de medio.<\/p>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">M\u00e9tricas de Engagement Digital (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Comparativa de las interacciones simuladas en canales oficiales y no oficiales.<\/p>\n <div class=\"chart-container h-[300px] md:h-[350px]\">\n <canvas id=\"engagementMetricsChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Interacciones simuladas (Me gusta, Comentarios, Compartidos) en diferentes canales.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"timeline\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">L\u00ednea de Tiempo de Eventos Clave<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Explore los hitos m\u00e1s importantes que han marcado la agenda municipal y medi\u00e1tica en Coria del R\u00edo, desde finales de 2024 hasta la actualidad.<\/p>\n <div class=\"flex flex-wrap justify-center gap-2 mb-6\">\n <button data-filter=\"all\" class=\"timeline-filter-button active px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg text-sm hover:bg-indigo-100 transition-colors\">Todos<\/button>\n <button data-filter=\"Logro\" class=\"timeline-filter-button px-4 py-2 bg-emerald-100 rounded-lg text-sm hover:bg-emerald-200 transition-colors\">Logros<\/button>\n <button data-filter=\"Crisis\" class=\"timeline-filter-button px-4 py-2 bg-red-100 rounded-lg text-sm hover:bg-red-200 transition-colors\">Crisis<\/button>\n <button data-filter=\"Cultura\" class=\"timeline-filter-button px-4 py-2 bg-purple-100 rounded-lg text-sm hover:bg-purple-200 transition-colors\">Cultura<\/button>\n <button data-filter=\"Seguridad\" class=\"timeline-filter-button px-4 py-2 bg-blue-100 rounded-lg text-sm hover:bg-blue-200 transition-colors\">Seguridad<\/button>\n <\/div>\n <div class=\"timeline-container\">\n \n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"matriz-ro\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Matriz de Riesgos y Oportunidades Narrativas<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Esta matriz eval\u00faa los principales vectores de exposici\u00f3n reputacional y las ventanas para generar un relato institucional positivo.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-red-50 p-4 rounded-xl border border-red-200\">\n <h4 class=\"font-bold text-lg text-red-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udea8<\/span>Riesgos Cr\u00edticos<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 space-y-2\">\n <li><strong>Polarizaci\u00f3n o desgaste institucional:<\/strong> La persistencia de crisis como la contaminaci\u00f3n y el VNO puede generar una divisi\u00f3n profunda en la opini\u00f3n p\u00fablica y un desgaste de la imagen del gobierno.<\/li>\n <li><strong>Expectativas ciudadanas no satisfechas:<\/strong> La falta de soluciones percibidas en temas sensibles (salud, seguridad, infraestructuras b\u00e1sicas) eleva la frustraci\u00f3n y el escepticismo hacia la gesti\u00f3n.<\/li>\n <li><strong>Temas sensibles (movilidad, obras, salud):<\/strong> Ciertos temas tienen un alto potencial de generar cr\u00edticas si no se gestionan con extrema transparencia y empat\u00eda, dado su impacto directo en la vida diaria de los ciudadanos.<\/li>\n <li><strong>Cobertura medi\u00e1tica negativa persistente:<\/strong> El enfoque recurrente de medios influyentes en las crisis puede amplificar el malestar y erosionar la confianza a largo plazo.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-emerald-50 p-4 rounded-xl border border-emerald-200\">\n <h4 class=\"font-bold text-lg text-emerald-800 mb-3 flex items-center\"><span class=\"text-2xl mr-2\">\u2728<\/span>Oportunidades Narrativas<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 space-y-2\">\n <li><strong>Ventanas de oportunidad (campa\u00f1as, aniversarios):<\/strong> La celebraci\u00f3n de eventos culturales (ej. Noche Flamenca, lazos con Jap\u00f3n) o aniversarios hist\u00f3ricos pueden ser plataformas para proyectar una imagen positiva y cohesionadora.<\/li>\n <li><strong>Inversiones recientes y proyectos futuros:<\/strong> La eliminaci\u00f3n de la deuda hist\u00f3rica y las inversiones en infraestructuras y servicios son narrativas poderosas que demuestran gesti\u00f3n y compromiso con el bienestar ciudadano.<\/li>\n <li><strong>Liderazgo en iniciativas sociales y ambientales:<\/strong> Proyectos como el Centro de Adicciones o el plan de biodiversidad sit\u00faan al Ayuntamiento como un actor proactivo en desaf\u00edos clave, generando un relato de progreso y responsabilidad.<\/li>\n <li><strong>Di\u00e1logo proactivo con colectivos:<\/strong> Transformar la cr\u00edtica en colaboraci\u00f3n al establecer canales de comunicaci\u00f3n y co-creaci\u00f3n con plataformas ciudadanas afectadas, humanizando la administraci\u00f3n y construyendo confianza.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"termometro\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Term\u00f3metro Ciudadano: Pulso de la Opini\u00f3n P\u00fablica<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Una escucha activa nos permite comprender el sentimiento general, los temas de conversaci\u00f3n dominantes y c\u00f3mo se compara Coria del R\u00edo con municipios hom\u00f3logos.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start mb-10\">\n <div>\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Sentimiento General (Promedio)<\/h4>\n <p class=\"text-center text-slate-600 mb-4\">La percepci\u00f3n ciudadana predominante es Neutral con tendencia a lo Negativo, especialmente influenciada por las crisis de salud y medioambiente.<\/p>\n <div class=\"flex justify-center mb-6\">\n <div class=\"sentiment-gauge\">\n <div class=\"sentiment-gauge-inner\">5%<\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Escala: -100% (Muy Negativo) a +100% (Muy Positivo). 0% es Neutral.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Temas de Conversaci\u00f3n Dominantes<\/h4>\n <p class=\"text-center text-slate-600 mb-4\">Las conversaciones en redes giran principalmente en torno a la contaminaci\u00f3n, el Virus del Nilo, la seguridad y las obras p\u00fablicas.<\/p>\n <div class=\"flex flex-wrap justify-center gap-2\">\n <span class=\"px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-semibold\">Contaminaci\u00f3n<\/span>\n <span class=\"px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-semibold\">Virus Nilo<\/span>\n <span class=\"px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-semibold\">Seguridad<\/span>\n <span class=\"px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm font-semibold\">Obras<\/span>\n <span class=\"px-3 py-1 bg-emerald-100 text-emerald-800 rounded-full text-sm font-semibold\">Presupuesto<\/span>\n <span class=\"px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm font-semibold\">Cultura<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Comparativa de Sentimiento con Municipios Hom\u00f3logos (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Sentimiento neto promedio de Coria del R\u00edo frente a otros municipios similares del \u00e1rea metropolitana de Sevilla.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"comparativeSentimentChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Sentimiento neto (positivo-negativo) simulado. Los valores m\u00e1s altos indican mejor percepci\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"posicionamiento\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Diagn\u00f3stico de Posicionamiento Institucional<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Definimos c\u00f3mo es percibido el Ayuntamiento por sus p\u00fablicos clave, qu\u00e9 valores proyecta y c\u00f3mo encaja esa percepci\u00f3n con el relato deseado por el gobierno local.<\/p>\n \n <div class=\"space-y-6 text-slate-700\">\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Percepci\u00f3n Actual del Ayuntamiento<\/h4>\n <p>El Ayuntamiento de Coria del R\u00edo es percibido actualmente como una instituci\u00f3n con solvencia econ\u00f3mica y capacidad de gesti\u00f3n interna, especialmente en la administraci\u00f3n de recursos y la implementaci\u00f3n de planes presupuestarios. Sin embargo, en temas de impacto directo en la ciudadan\u00eda, como la salud p\u00fablica y el medio ambiente, la percepci\u00f3n es de distancia y burocracia, con una notable sensaci\u00f3n de que las responsabilidades se diluyen.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Valores Proyectados (Percepci\u00f3n vs. Deseado)<\/h4>\n <p>Esta tabla y el gr\u00e1fico muestran c\u00f3mo se perciben ciertos valores en la gesti\u00f3n municipal, en comparaci\u00f3n con los valores ideales que el Ayuntamiento desear\u00eda proyectar.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center mt-4\">\n <div class=\"w-full\">\n <div class=\"chart-container h-[300px] md:h-[350px]\">\n <canvas id=\"valuesRadarChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Escala: 0 (Muy Bajo) a 10 (Muy Alto)<\/p>\n <\/div>\n <div class=\"text-sm space-y-2\">\n <p><strong>Cercan\u00eda:<\/strong> Media, limitada por la centralizaci\u00f3n de la comunicaci\u00f3n.<\/p>\n <p><strong>Eficacia:<\/strong> Alta en gesti\u00f3n econ\u00f3mica, percibida como baja en gesti\u00f3n de crisis.<\/p>\n <p><strong>Transparencia:<\/strong> Alta en datos presupuestarios, percibida como baja en gesti\u00f3n de riesgos complejos.<\/p>\n <p><strong>Sostenibilidad:<\/strong> Positiva en iniciativas de biodiversidad, opacada por la crisis de contaminaci\u00f3n.<\/p>\n <p><strong>Innovaci\u00f3n:<\/strong> Presente en proyectos espec\u00edficos (Smart City, Centro Adicciones), pero no un valor transversal percibido.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Encaje con el Relato Deseado<\/h4>\n <p>El relato deseado por el alcalde y el gobierno local se enfoca en la \u00bbtransformaci\u00f3n de Coria del R\u00edo\u00bb hacia un futuro m\u00e1s pr\u00f3spero, moderno y con mayor calidad de vida. La percepci\u00f3n actual encaja bien con la solvencia econ\u00f3mica y las inversiones, pero se desv\u00eda significativamente en la percepci\u00f3n de cercan\u00eda, agilidad y transparencia en la resoluci\u00f3n de problemas que afectan directamente a los ciudadanos. Existe una brecha entre la imagen de \u00abgestor eficiente\u00bb y la de \u00abgobierno cercano y protector\u00bb.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"benchmarking\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Benchmarking de Competidores Institucionales (Simulado)<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">An\u00e1lisis comparativo de la reputaci\u00f3n y comunicaci\u00f3n digital de ayuntamientos similares en el \u00e1rea metropolitana de Sevilla.<\/p>\n \n <div class=\"overflow-x-auto mb-8\">\n <table class=\"min-w-full bg-white border border-gray-200 rounded-lg shadow-sm\">\n <thead>\n <tr class=\"bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase\">\n <th class=\"py-3 px-4 border-b\">Municipio<\/th>\n <th class=\"py-3 px-4 border-b\">Sentimiento Neto<\/th>\n <th class=\"py-3 px-4 border-b\">Visibilidad Media<\/th>\n <th class=\"py-3 px-4 border-b\">Engagement RRSS<\/th>\n <th class=\"py-3 px-4 border-b\">Innovaci\u00f3n Digital<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\"><strong>Coria del R\u00edo<\/strong><\/td>\n <td class=\"py-3 px-4 border-b\">5%<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <td class=\"py-3 px-4 border-b\">Bajo<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\">La Rinconada<\/td>\n <td class=\"py-3 px-4 border-b\">20%<\/td>\n <td class=\"py-3 px-4 border-b\">Alta<\/td>\n <td class=\"py-3 px-4 border-b\">Alto<\/td>\n <td class=\"py-3 px-4 border-b\">Alta<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\">San Juan de Aznalfarache<\/td>\n <td class=\"py-3 px-4 border-b\">10%<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <td class=\"py-3 px-4 border-b\">Medio<\/td>\n <td class=\"py-3 px-4 border-b\">Media<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 text-sm text-slate-700\">\n <td class=\"py-3 px-4 border-b\">Dos Hermanas<\/td>\n <td class=\"py-3 px-4 border-b\">35%<\/td>\n <td class=\"py-3 px-4 border-b\">Muy Alta<\/td>\n <td class=\"py-3 px-4 border-b\">Muy Alto<\/td>\n <td class=\"py-3 px-4 border-b\">Alta<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">Datos simulados para fines ilustrativos.<\/p>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Comparativa de Presencia en Redes Sociales (Simulado)<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Comparaci\u00f3n del n\u00famero de seguidores\/interacciones promedio en redes sociales.<\/p>\n <div class=\"chart-container h-[350px] md:h-[400px]\">\n <canvas id=\"socialMediaComparisonChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-2\">N\u00famero de interacciones promedio por publicaci\u00f3n (simulado).<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"kpis\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Panel de KPIs Reputacionales<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Indicadores clave de rendimiento para el seguimiento continuo de la reputaci\u00f3n institucional a 3, 6 y 12 meses.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-blue-800 mb-2\">Engagement Social Neto<\/h4>\n <p class=\"text-3xl font-bold text-blue-700 mb-2\">12% <span class=\"text-sm font-normal text-green-500\">\u25b2 +2%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Porcentaje de interacciones positivas sobre el total en canales digitales (oficiales y no oficiales).<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-blue-500\" style=\"width: 12%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-purple-50 p-4 rounded-xl border border-purple-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-purple-800 mb-2\">Visibilidad Proactiva vs. Reactiva<\/h4>\n <p class=\"text-3xl font-bold text-purple-700 mb-2\">60% <span class=\"text-sm font-normal text-red-500\">\u25bc -5%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Porcentaje de noticias generadas por iniciativa del Ayuntamiento frente a respuestas a crisis.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-purple-500\" style=\"width: 60%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-yellow-50 p-4 rounded-xl border border-yellow-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-yellow-800 mb-2\">Impacto Medi\u00e1tico Provincial<\/h4>\n <p class=\"text-3xl font-bold text-yellow-700 mb-2\">7\/10 <span class=\"text-sm font-normal text-green-500\">\u25b2 +1<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Puntuaci\u00f3n de la cobertura en medios provinciales (simulada).<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-yellow-500\" style=\"width: 70%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-green-50 p-4 rounded-xl border border-green-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-green-800 mb-2\">Sentimiento Neto Alcalde<\/h4>\n <p class=\"text-3xl font-bold text-green-700 mb-2\">15% <span class=\"text-sm font-normal text-green-500\">\u25b2 +3%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Sentimiento promedio asociado a la figura del alcalde en todos los medios.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-green-500\" style=\"width: 50%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-red-50 p-4 rounded-xl border border-red-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-red-800 mb-2\">Sentimiento Neto Delegaci\u00f3n Urbanismo<\/h4>\n <p class=\"text-3xl font-bold text-red-700 mb-2\">-10% <span class=\"text-sm font-normal text-red-500\">\u25bc -4%<\/span><\/p>\n <p class=\"text-sm text-slate-700\">Sentimiento promedio asociado a la Delegaci\u00f3n de Urbanismo.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-red-500\" style=\"width: 40%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-200 flex flex-col justify-between\">\n <h4 class=\"font-bold text-lg text-blue-800 mb-2\">Menciones en Medios Digitales Locales<\/h4>\n <p class=\"text-3xl font-bold text-blue-700 mb-2\">850 <span class=\"text-sm font-normal text-green-500\">\u25b2 +120<\/span><\/p>\n <p class=\"text-sm text-slate-700\">N\u00famero total de menciones del Ayuntamiento en medios digitales locales por mes.<\/p>\n <div class=\"progress-bar-container mt-3\">\n <div class=\"progress-bar bg-blue-500\" style=\"width: 85%;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-center text-slate-500 mt-4\">Los valores son simulados y las flechas indican tendencias recientes.<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"estrategia\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Estrategia y Recomendaciones de Comunicaci\u00f3n<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Para fortalecer la reputaci\u00f3n, el Ayuntamiento debe capitalizar sus logros y abordar proactivamente sus debilidades, transformando la comunicaci\u00f3n de crisis en una oportunidad para generar confianza.<\/p>\n\n <div class=\"space-y-6\">\n <div class=\"p-4 bg-blue-50 rounded-xl border border-blue-200\">\n <h4 class=\"font-bold text-lg text-blue-800\">1. Fortalecer la Imagen Institucional<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 mt-2 space-y-1\">\n <li><strong>Amplificar la narrativa de solvencia econ\u00f3mica:<\/strong> Vincular la eliminaci\u00f3n de la deuda con mejoras tangibles (asfaltado, servicios).<\/li>\n <li><strong>Comunicar liderazgo social y ambiental:<\/strong> Destacar el Centro de Adicciones y el plan de biodiversidad, enfatizando la participaci\u00f3n ciudadana.<\/li>\n <li><strong>Explotar la singularidad cultural:<\/strong> Usar los lazos con Jap\u00f3n y eventos como la Noche Flamenca como un activo de marca positivo.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 bg-yellow-50 rounded-xl border border-yellow-200\">\n <h4 class=\"font-bold text-lg text-yellow-800\">2. Gesti\u00f3n Proactiva de Crisis<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 mt-2 space-y-1\">\n <li><strong>Priorizar la empat\u00eda y la transparencia:<\/strong> En crisis como la contaminaci\u00f3n, reconocer el sufrimiento ciudadano antes de explicar las complejidades jurisdiccionales.<\/li>\n <li><strong>Desarrollar planes de comunicaci\u00f3n de crisis:<\/strong> Tener mensajes y portavoces predefinidos para responder con rapidez y coherencia.<\/li>\n <li><strong>Comunicaci\u00f3n post-crisis:<\/strong> Realizar un seguimiento informativo tras incidentes (ej. derrumbe) para demostrar diligencia y responsabilidad.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 bg-green-50 rounded-xl border border-green-200\">\n <h4 class=\"font-bold text-lg text-green-800\">3. Mejorar el Di\u00e1logo y la Presencia Digital<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-700 mt-2 space-y-1\">\n <li><strong>Monitorear canales no oficiales:<\/strong> Escuchar activamente el sentir ciudadano para identificar problemas antes de que escalen.<\/li>\n <li><strong>Dialogar con colectivos cr\u00edticos:<\/strong> Establecer canales de comunicaci\u00f3n directa con las plataformas de afectados para transformar la cr\u00edtica en colaboraci\u00f3n.<\/li>\n <li><strong>Evaluar perfiles individuales:<\/strong> Considerar la creaci\u00f3n de perfiles profesionales para el alcalde\/concejales para humanizar la administraci\u00f3n y fomentar una interacci\u00f3n m\u00e1s cercana.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Narrativa Recomendada y Argumentario Central<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Dise\u00f1o de un relato marco institucional claro, emocional y s\u00f3lido para guiar la comunicaci\u00f3n p\u00fablica.<\/p>\n <div class=\"space-y-4 text-slate-700\">\n <h5 class=\"font-semibold text-lg text-indigo-800\">Tono, Estilo y Ejes Clave:<\/h5>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Tono:<\/strong> Cercano, emp\u00e1tico, resolutivo, transparente y optimista.<\/li>\n <li><strong>Estilo:<\/strong> Directo, claro, did\u00e1ctico y proactivo. Evitar el lenguaje excesivamente t\u00e9cnico o burocr\u00e1tico.<\/li>\n <li><strong>Ejes Clave:<\/strong>\n <ul>\n <li>Coria del R\u00edo: Un municipio en transformaci\u00f3n.<\/li>\n <li>Gesti\u00f3n responsable al servicio del ciudadano.<\/li>\n <li>Compromiso con el bienestar y la salud p\u00fablica.<\/li>\n <li>Orgullo por nuestra identidad y futuro.<\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <h5 class=\"font-semibold text-lg text-indigo-800 mt-4\">Argumentario Central Frente a Cr\u00edticas Recurrentes:<\/h5>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Contaminaci\u00f3n\/VNO:<\/strong> \u00abEntendemos y compartimos la preocupaci\u00f3n de los vecinos. Estamos actuando desde el \u00e1mbito municipal con medidas concretas (fumigaciones, planes de vigilancia, etc.), y trabajando en coordinaci\u00f3n y exigiendo soluciones a las administraciones con competencia. Nuestra prioridad es la salud de los corianos.\u00bb<\/li>\n <li><strong>Burocracia\/Lentitud:<\/strong> \u00abEstamos modernizando la administraci\u00f3n para ser m\u00e1s \u00e1giles. Las grandes soluciones requieren coordinaci\u00f3n entre niveles de gobierno, y estamos impulsando esa colaboraci\u00f3n para que los proyectos avancen m\u00e1s r\u00e1pido.\u00bb<\/li>\n <li><strong>Inversiones:<\/strong> \u00abCada euro del presupuesto se traduce en mejoras directas para su barrio, su calle, su familia. La eliminaci\u00f3n de la deuda nos permite ahora invertir donde m\u00e1s se necesita.\u00bb<\/li>\n <\/ul>\n <h5 class=\"font-semibold text-lg text-indigo-800 mt-4\">Marco Narrativo Unificador para Concejales y Portavoces:<\/h5>\n <p>\u00abEstamos comprometidos con el progreso y el bienestar de Coria del R\u00edo. Desde cada delegaci\u00f3n, trabajamos d\u00eda a d\u00eda para construir un municipio m\u00e1s pr\u00f3spero, saludable y orgulloso de su historia y su futuro. Somos un gobierno que gestiona, escucha y se preocupa por su gente.\u00bb<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-8 border-t border-gray-200\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-indigo-800\">Simulador de Opini\u00f3n Ciudadana: \u00bfQu\u00e9 estrategia digital preferir\u00edas?<\/h4>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Ay\u00fadanos a simular la percepci\u00f3n sobre dos enfoques estrat\u00e9gicos en la comunicaci\u00f3n digital.<\/p>\n <div class=\"flex justify-center gap-4\">\n <button id=\"poll-option-A\" class=\"px-6 py-2 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all\">Potenciar Transparencia (Datos)<\/button>\n <button id=\"poll-option-B\" class=\"px-6 py-2 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-600 focus:outline-none focus:ring-2 focus:ring-purple-400 transition-all\">Mayor Presencia Personal (Alcalde\/Concejales)<\/button>\n <\/div>\n <div id=\"poll-result\" class=\"text-center text-lg font-semibold mt-6 text-slate-700\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"protocolo-crisis\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Protocolo de Actuaci\u00f3n Ante Crisis Reputacional<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Manual operativo para una respuesta r\u00e1pida, coordinada y efectiva ante posibles crisis que puedan afectar la imagen del Ayuntamiento.<\/p>\n \n <div class=\"space-y-6 text-slate-700\">\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">1. Tipos de Crisis Posibles<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Crisis Pol\u00edtica:<\/strong> Controversias relacionadas con decisiones de gobierno, conflictos internos, acusaciones de corrupci\u00f3n.<\/li>\n <li><strong>Crisis Social:<\/strong> Manifestaciones, protestas ciudadanas por servicios deficientes, problemas de salud p\u00fablica (ej. VNO, contaminaci\u00f3n), inseguridad.<\/li>\n <li><strong>Crisis Administrativa:<\/strong> Fallos en la prestaci\u00f3n de servicios, problemas burocr\u00e1ticos graves, incidentes en obras p\u00fablicas.<\/li>\n <li><strong>Crisis Medi\u00e1tica:<\/strong> Cobertura negativa persistente o falsa informaci\u00f3n viral en redes.<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">2. Cadena de Mando y Portavoces<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Comit\u00e9 de Crisis:<\/strong> Alcald\u00eda (Presidente), Concejal\u00eda de Comunicaci\u00f3n, Asesor\u00eda Jur\u00eddica, Delegaci\u00f3n afectada.<\/li>\n <li><strong>Portavoz Principal:<\/strong> Alcalde o Concejal de Comunicaci\u00f3n.<\/li>\n <li><strong>Portavoces T\u00e9cnicos:<\/strong> Concejales o t\u00e9cnicos de la delegaci\u00f3n directamente implicada, para asuntos espec\u00edficos.<\/li>\n <li><strong>Prohibici\u00f3n:<\/strong> Ning\u00fan otro miembro de la corporaci\u00f3n o personal municipal debe realizar declaraciones p\u00fablicas sin autorizaci\u00f3n del Comit\u00e9 de Crisis.<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">3. Plan de Contenci\u00f3n Digital (Primeras 24h)<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Monitorizaci\u00f3n Intensiva:<\/strong> Escucha activa 24\/7 en redes sociales, medios digitales y foros locales. Identificaci\u00f3n de narrativas, influencers y focos de viralizaci\u00f3n.<\/li>\n <li><strong>Evaluaci\u00f3n R\u00e1pida:<\/strong> Determinar la magnitud de la crisis, su potencial de escalada y el sentimiento predominante.<\/li>\n <li><strong>Primer Mensaje (Si Aplica):<\/strong> En caso de crisis graves (ej. derrumbe, incidente de salud), emitir un primer mensaje breve y emp\u00e1tico de reconocimiento de la situaci\u00f3n y compromiso, incluso sin tener todos los datos. \u00abEstamos al tanto de la situaci\u00f3n y trabajando para…\u00bb<\/li>\n <li><strong>Preparaci\u00f3n de FAQs:<\/strong> Elaborar preguntas y respuestas frecuentes con informaci\u00f3n verificada para uso interno y futuro.<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">4. Claves de Reacci\u00f3n en Medios y Redes<\/h4>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Transparencia:<\/strong> Compartir informaci\u00f3n verificada de forma proactiva. No ocultar datos, incluso si son desfavorables.<\/li>\n <li><strong>Empat\u00eda:<\/strong> Reconocer el impacto en los ciudadanos y expresar preocupaci\u00f3n. Poner a las personas en el centro del discurso.<\/li>\n <li><strong>Responsabilidad:<\/strong> Asumir la parte de responsabilidad que corresponda al Ayuntamiento, sin excusas. Clarificar competencias cuando sea necesario, pero siempre desde una postura colaborativa.<\/li>\n <li><strong>Agilidad:<\/strong> Responder con rapidez. Un silencio prolongado puede interpretarse como desinter\u00e9s o falta de control.<\/li>\n <li><strong>Coherencia:<\/strong> Mantener un mensaje unificado en todos los canales y por parte de todos los portavoces.<\/li>\n <li><strong>Correcci\u00f3n:<\/strong> Si la informaci\u00f3n inicial es err\u00f3nea, corregirla con transparencia y rapidez.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"vocerias\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Foco en Vocer\u00edas Locales y Medios Influenciadores<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Identificaci\u00f3n de los l\u00edderes vecinales con peso real, medios comarcales influyentes y canales informales que moldean la opini\u00f3n p\u00fablica local.<\/p>\n \n <div class=\"space-y-6 text-slate-700\">\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">L\u00edderes Vecinales con Peso Real<\/h4>\n <p>M\u00e1s all\u00e1 de las asociaciones formales, existen figuras clave que articulan el sentir de barrios y colectivos espec\u00edficos, y que tienen la capacidad de influir significativamente en la opini\u00f3n p\u00fablica local.<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Rogelia G\u00f3mez:<\/strong> Portavoz de la Plataforma de Afectados por la Contaminaci\u00f3n de la barriada Guadalquivir. Su testimonio y activismo tienen un gran eco medi\u00e1tico y social, siendo una voz autorizada del descontento.<\/li>\n <li><strong>Juan Jos\u00e9 S\u00e1nchez Silva:<\/strong> Creador de la plataforma vecinal contra el Virus del Nilo. Canaliza la preocupaci\u00f3n y las demandas ciudadanas en torno a esta crisis de salud p\u00fablica.<\/li>\n <li><strong>L\u00edderes de AA.VV. de zonas espec\u00edficas:<\/strong> Los presidentes o miembros activos de asociaciones vecinales en \u00e1reas con problem\u00e1ticas concretas (ej. Tixe, La Hermandad, zonas de obras) pueden convertirse en voceros informales con gran credibilidad local.<\/li>\n <\/ul>\n <p class=\"mt-2 text-sm text-slate-600\">Estrategia: Establecer un canal de di\u00e1logo directo y regular con estos l\u00edderes, ofreciendo informaci\u00f3n proactiva y escuchando sus demandas. Su involucraci\u00f3n puede transformar una voz cr\u00edtica en una colaborativa.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Medios Comarcales con Impacto<\/h4>\n <p>Adem\u00e1s de los grandes medios provinciales, existen cabeceras digitales y radiof\u00f3nicas comarcales que tienen un impacto directo en la agenda informativa local y en la formaci\u00f3n de opini\u00f3n de la ciudadan\u00eda de Coria del R\u00edo.<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Aljarafe Digital (`aljarafedigital.es`):<\/strong> Peri\u00f3dico digital centrado en la comarca del Aljarafe, con alta penetraci\u00f3n en Coria del R\u00edo. Su cobertura de noticias locales es muy seguida.<\/li>\n <li><strong>Andaluc\u00eda Informaci\u00f3n (`andaluciainformacion.es`):<\/strong> Diario digital andaluz con secciones locales bien desarrolladas, que a menudo cubre noticias del Aljarafe y Coria del R\u00edo.<\/li>\n <li><strong>Coriavisi\u00f3n (YouTube: `youtube.com\/channel\/UCEt9aGa_SQfs8zoynPa9QZQ`):<\/strong> Canal local que, aunque no es un medio tradicional, act\u00faa como una plataforma importante para la difusi\u00f3n de eventos municipales, plenos y reportajes locales, con una audiencia fiel.<\/li>\n <li><strong>Radios Comarcales\/Locales:<\/strong> Emisoras como Canal Sur Radio (con programaci\u00f3n local\/provincial) o radios municipales de municipios cercanos que puedan tener alcance en Coria.<\/li>\n <\/ul>\n <p class=\"mt-2 text-sm text-slate-600\">Estrategia: Mantener una relaci\u00f3n fluida con los redactores y directores de estos medios, ofreci\u00e9ndoles acceso a la informaci\u00f3n y facilitando su trabajo. Son cruciales para la difusi\u00f3n del mensaje municipal y la contrarrestaci\u00f3n de narrativas negativas.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-lg text-indigo-800 mb-2\">Canales Informales de Opini\u00f3n que Afectan la Reputaci\u00f3n<\/h4>\n <p>La opini\u00f3n p\u00fablica se forma no solo en medios formalmente, sino tambi\u00e9n en canales informales y privados con gran penetraci\u00f3n local.<\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li><strong>Grupos de WhatsApp locales:<\/strong> Existen numerosos grupos vecinales, de AMPAs, cofrad\u00edas, etc., donde la informaci\u00f3n (y desinformaci\u00f3n) se comparte r\u00e1pidamente. Es un term\u00f3metro del sentir popular.<\/li>\n <li><strong>Grupos de Facebook de barriadas\/tem\u00e1ticos:<\/strong> Adem\u00e1s de las p\u00e1ginas oficiales, los grupos privados o p\u00fablicos no gestionados por el Ayuntamiento son espacios de debate abierto y cr\u00edtica sin filtros. (ej. \u00abVecinos de Coria del R\u00edo\u00bb, \u00abCoria del R\u00edo quejosa\u00bb).<\/li>\n <li><strong>Twitter pol\u00edtico local:<\/strong> Cuentas de partidos de la oposici\u00f3n, activistas o ciudadanos influyentes que comentan la actualidad pol\u00edtica local.<\/li>\n <\/ul>\n <p class=\"mt-2 text-sm text-slate-600\">Estrategia: Si bien el Ayuntamiento no puede controlar estos canales, debe monitorearlos activamente para detectar rumores, focos de malestar o narrativas negativas incipientes. La informaci\u00f3n recogida puede servir para adaptar la comunicaci\u00f3n oficial y lanzar mensajes preventivos en canales propios.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"about\" class=\"content-section\">\n <div class=\"bg-white p-6 rounded-2xl shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center mb-2 text-indigo-800\">Sobre Este An\u00e1lisis de Inteligencia Medi\u00e1tica y Reputacional<\/h3>\n <p class=\"text-center text-slate-600 mb-6 max-w-3xl mx-auto\">Este informe profundiza en la imagen p\u00fablica y en las redes sociales del gobierno municipal de Coria del R\u00edo, su alcalde y sus concejales.<\/p>\n\n <div class=\"space-y-4 text-slate-700\">\n <p><strong class=\"font-semibold text-slate-800\">Sujeto Principal:<\/strong> Ayuntamiento de Coria del R\u00edo (alcalde + todas las \u00e1reas municipales).<\/p>\n <p><strong class=\"font-semibold text-slate-800\">Periodo de An\u00e1lisis:<\/strong> \u00daltimo trimestre de 2024 y primer semestre de 2025 (simulado para tendencias).<\/p>\n <p><strong class=\"font-semibold text-slate-800\">\u00c1mbito Geogr\u00e1fico:<\/strong> Coria del R\u00edo + medios y redes de Sevilla capital y \u00e1rea metropolitana.<\/p>\n <p><strong class=\"font-semibold text-slate-800\">Medios Prioritarios:<\/strong> Todos los medios locales y provinciales relevantes: prensa, radio, TV y digitales de Coria y Sevilla.<\/p>\n <p><strong class=\"font-semibold text-slate-800\">Objetivos Estrat\u00e9gicos:<\/strong><\/p>\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\n <li>Evaluar imagen institucional.<\/li>\n <li>Detectar cr\u00edticas o malestar ciudadano.<\/li>\n <li>Medir impacto de pol\u00edticas o campa\u00f1as.<\/li>\n <li>Identificar oportunidades narrativas.<\/li>\n <li>Detectar focos de polarizaci\u00f3n social.<\/li>\n <\/ul>\n <p class=\"mt-4\"><strong class=\"font-semibold text-slate-800\">Beneficios Estrat\u00e9gicos para un Ayuntamiento:<\/strong> Gesti\u00f3n proactiva de la reputaci\u00f3n p\u00fablica, identificaci\u00f3n de grietas narrativas, visi\u00f3n clara de la percepci\u00f3n ciudadana, mapeo de redes de apoyo\/oposici\u00f3n, validaci\u00f3n o correcci\u00f3n de mensajes institucionales.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n\n const data = {\n logros: [\n { \n title: \"\u2705 Presupuesto 2025: Solidez y Crecimiento\", \n content: \"Aprobado un presupuesto de m\u00e1s de 33M\u20ac, un 10% m\u00e1s que el a\u00f1o anterior. Se destaca la eliminaci\u00f3n de la deuda hist\u00f3rica, que superaba el 125% en 2013. Prioriza bienestar social, empleo y mejora de servicios.\",\n sentiment: 85,\n details: {\n type: 'chart',\n chartType: 'doughnut',\n data: {\n labels: ['Bienestar Social', 'Inversiones (Asfaltado, VPO)', 'Personal y Estabilizaci\u00f3n', 'Otros Servicios'],\n datasets: [{\n data: [30, 25, 20, 25],\n backgroundColor: ['#34D399', '#60A5FA', '#FBBF24', '#A78BFA'],\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'top' },\n title: { display: true, text: 'Distribuci\u00f3n Prioritaria del Presupuesto 2025' }\n }\n }\n }\n },\n { \n title: \"\u2705 Inversiones en Infraestructuras\", \n content: \"Plan de inversi\u00f3n de 3.5M\u20ac que incluye 705.000\u20ac para asfaltado, adquisici\u00f3n de suelo para VPO y planes de urbanizaci\u00f3n para zonas como La Hermandad y Tixe.\",\n sentiment: 80\n },\n { \n title: \"\u2705 Iniciativas Sociales y Ambientales\", \n content: \"Puesta en marcha de un nuevo Centro de Tratamiento de Adicciones comarcal. Aprobaci\u00f3n de un plan de biodiversidad municipal con participaci\u00f3n ciudadana, posicionando a Coria como referente clim\u00e1tico.\",\n sentiment: 90\n },\n { \n title: \"\u2705 Cultura y Relaciones Internacionales\", \n content: \"Celebraci\u00f3n de la XXI Noche Flamenca y fortalecimiento de los lazos con Jap\u00f3n a trav\u00e9s del reto Tohoku Crossing, aprovechando la herencia de la Embajada Keicho.\",\n sentiment: 75\n }\n ],\n riesgos: [\n { \n title: \"\u26a0\ufe0f Contaminaci\u00f3n del Suelo: Crisis Cr\u00edtica\", \n content: \"El riesgo m\u00e1s grave. Durante a\u00f1os, 4.000 vecinos de la barriada Guadalquivir sufren emisiones t\u00f3xicas de una gasolinera, con graves consecuencias para la salud (tumores, leucemias). La Fiscal\u00eda ha confirmado el da\u00f1o. Existe un fuerte sentimiento de 'abandono' y cr\u00edticas por el 'pase de pelota' entre administraciones.\",\n sentiment: -95\n },\n { \n title: \"\u26a0\ufe0f Virus del Nilo Occidental (VNO)\", \n content: \"Coria fue el municipio m\u00e1s afectado en 2024 (28 casos, 4 muertes). Existe un 'alto riesgo' para 2025, generando gran preocupaci\u00f3n y cr\u00edticas por la 'inacci\u00f3n de la Junta'. El ayuntamiento realiza fumigaciones pero la percepci\u00f3n de falta de coordinaci\u00f3n persiste.\",\n sentiment: -90,\n details: {\n type: 'chart',\n chartType: 'bar',\n data: {\n labels: ['Casos 2024', 'Fallecidos 2024'],\n datasets: [{\n label: 'Coria del R\u00edo',\n data: [28, 4],\n backgroundColor: '#EF5350',\n }, {\n label: 'Resto Provincia Sevilla',\n data: [65, 7],\n backgroundColor: '#9CA3AF',\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'top' },\n title: { display: true, text: 'Impacto del VNO en 2024: Coria vs. Resto de la Provincia' }\n },\n scales: { y: { beginAtZero: true } }\n }\n }\n },\n { \n title: \"\u26a0\ufe0f Derrumbe de Nave y Narcotr\u00e1fico\", \n content: \"El derrumbe de una nave con tres fallecidos y la persistencia del narcotr\u00e1fico en el Guadalquivir afectan la percepci\u00f3n de seguridad. El Ayuntamiento ha solicitado reactivar el \u00d3rgano de Coordinaci\u00f3n contra el Narcotr\u00e1fico, posicion\u00e1ndose como parte de la soluci\u00f3n.\",\n sentiment: -70\n }\n ],\n sentimentTrend: {\n labels: ['Oct 24', 'Nov 24', 'Dic 24', 'Ene 25', 'Feb 25', 'Mar 25', 'Abr 25', 'May 25', 'Jun 25'],\n logros: [70, 75, 80, 85, 82, 88, 85, 90, 88], \/\/ Simulated data\n riesgos: [-60, -65, -70, -75, -80, -85, -90, -85, -80] \/\/ Simulated data\n },\n timelineEvents: [\n { date: 'Oct 2024', title: 'Preocupaci\u00f3n por VNO crece', description: 'Coria del R\u00edo es identificada como el municipio m\u00e1s afectado por el Virus del Nilo Occidental en 2024, con 28 casos y 4 muertes.', type: 'Crisis' },\n { date: 'Nov 2024', title: 'Foco en Contaminaci\u00f3n del Suelo', description: 'Medios de comunicaci\u00f3n intensifican la cobertura sobre la problem\u00e1tica de la gasolinera en la barriada Guadalquivir.', type: 'Crisis' },\n { date: 'Dic 2024', title: 'Debate sobre Presupuesto 2025', description: 'Primeras noticias sobre el borrador del Presupuesto 2025 del Ayuntamiento, destacando la eliminaci\u00f3n de la deuda hist\u00f3rica.', type: 'Logro' },\n { date: 'Ene 2025', title: 'Aprobaci\u00f3n Presupuesto 2025', description: 'El Ayuntamiento aprueba el presupuesto de m\u00e1s de 33M\u20ac, con \u00e9nfasis en bienestar social e inversiones en infraestructuras.', type: 'Logro' },\n { date: 'Feb 2025', title: 'Alerta por VNO 2025', description: 'Se emiten advertencias de \"alto riesgo\" para la transmisi\u00f3n del Virus del Nilo Occidental en 2025, generando preocupaci\u00f3n ciudadana.', type: 'Crisis' },\n { date: 'Mar 2025', title: 'Grupo de Trabajo Contaminaci\u00f3n', description: 'Se forma un grupo de trabajo para mediciones del aire e inspecci\u00f3n de la gasolinera en la barriada Guadalquivir, aunque persisten las cr\u00edticas ciudadanas.', type: 'Crisis' },\n { date: 'Abr 2025', title: 'Derrumbe de Nave Industrial', description: 'Un posible tornado provoca el derrumbe de una nave agr\u00edcola, resultando en tres fallecimientos. Gran impacto medi\u00e1tico local.', type: 'Crisis' },\n { date: 'May 2025', title: 'Inauguraci\u00f3n Centro Adicciones y Plan Biodiversidad', description: 'Puesta en funcionamiento de un nuevo Centro de Tratamiento de Adicciones comarcal y aprobaci\u00f3n del plan municipal de biodiversidad.', type: 'Logro' },\n { date: 'Jun 2025', title: 'Narcotr\u00e1fico y Seguridad', description: 'Operativos policiales contin\u00faan en el r\u00edo Guadalquivir, y el Ayuntamiento solicita reactivar el \u00d3rgano de Coordinaci\u00f3n contra el Narcotr\u00e1fico.', type: 'Seguridad' },\n { date: 'Jul 2025', title: 'XXI Noche Flamenca', description: 'Celebraci\u00f3n de la Noche Flamenca con reconocimiento a Juan Manuel Su\u00e1rez Jap\u00f3n.', type: 'Cultura' },\n { date: 'Agosto 2025', title: 'Reto Tohoku Crossing', description: 'Participaci\u00f3n en el reto deportivo y cultural que fortalece los lazos con Jap\u00f3n.', type: 'Cultura' }\n ],\n mediaSentimentDetailed: {\n labels: ['Prensa', 'Radio\/TV', 'Digital', 'Redes Sociales'],\n positive: [40, 30, 50, 20], \/\/ Simulated\n neutral: [30, 40, 20, 30], \/\/ Simulated\n negative: [30, 30, 30, 50] \/\/ Simulated\n },\n keywords: {\n logros: [\n { text: 'Presupuesto', size: 'text-2xl', weight: 'font-bold' },\n { text: 'Deuda Cero', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Inversiones', size: 'text-lg', weight: 'font-medium' },\n { text: 'Bienestar Social', size: 'text-base', weight: 'font-normal' },\n { text: 'Biodiversidad', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Cultura', size: 'text-lg', weight: 'font-medium' },\n { text: 'Jap\u00f3n', size: 'text-base', weight: 'font-normal' },\n { text: 'Empleo', size: 'text-lg', weight: 'font-medium' }\n ],\n riesgos: [\n { text: 'Contaminaci\u00f3n', size: 'text-2xl', weight: 'font-bold' },\n { text: 'Virus del Nilo', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Abandono', size: 'text-lg', weight: 'font-medium' },\n { text: 'Fiscal\u00eda', size: 'text-base', weight: 'font-normal' },\n { text: 'Inacci\u00f3n', size: 'text-xl', weight: 'font-semibold' },\n { text: 'Narcotr\u00e1fico', size: 'text-lg', weight: 'font-medium' },\n { text: 'Salud', size: 'text-base', weight: 'font-normal' },\n { text: 'Derrumbe', size: 'text-lg', weight: 'font-medium' }\n ]\n },\n delegationSentiment: {\n labels: ['Alcald\u00eda', 'Urbanismo', 'Seguridad', 'Servicios Sociales', 'Comunicaci\u00f3n'],\n sentiment: [75, 45, 50, 80, 60] \/\/ Simulated: 100=muy positivo, 0=neutral, -100=muy negativo\n },\n engagementMetrics: {\n labels: ['Likes', 'Comentarios', 'Compartidos'],\n official: [1200, 300, 150], \/\/ Simulated for official channels\n unofficial: [800, 600, 400] \/\/ Simulated for unofficial channels (higher comments\/shares)\n },\n comparativeSentiment: {\n labels: ['Coria del R\u00edo', 'La Rinconada', 'San Juan', 'Dos Hermanas'],\n data: [5, 20, 10, 35] \/\/ Simulated net sentiment\n },\n valuesPerception: {\n labels: ['Cercan\u00eda', 'Eficacia', 'Transparencia', 'Sostenibilidad', 'Innovaci\u00f3n'],\n perceived: [5, 7, 6, 6, 4], \/\/ Simulated perception\n desired: [8, 9, 9, 8, 7] \/\/ Desired values\n },\n socialMediaComparison: {\n labels: ['Facebook', 'Twitter', 'Instagram'],\n coria: [500, 200, 300], \/\/ Simulated interactions for Coria\n rinconada: [1200, 500, 800], \/\/ Simulated interactions for La Rinconada\n sanjuan: [700, 300, 400], \/\/ Simulated interactions for San Juan\n doshermanas: [2000, 800, 1500] \/\/ Simulated interactions for Dos Hermanas\n }\n };\n\n const infoDisplay = document.getElementById('info-display');\n const navButtons = document.querySelectorAll('.nav-button');\n const contentSections = document.querySelectorAll('.content-section');\n const keywordsDisplay = document.getElementById('keywords-display');\n let reputationChart;\n let sentimentTrendChart;\n let mediaSentimentChart;\n let delegationSentimentChart;\n let engagementMetricsChart;\n let comparativeSentimentChart;\n let valuesRadarChart;\n let socialMediaComparisonChart;\n\n const renderInfo = (items) => {\n infoDisplay.innerHTML = '';\n items.forEach(item => {\n const card = document.createElement('div');\n card.className = 'bg-indigo-50 p-4 rounded-xl border border-indigo-200 transition-shadow hover:shadow-md';\n \n let contentHTML = `<h4 class=\"font-bold text-lg mb-2 text-indigo-800\">${item.title}<\/h4><p class=\"text-sm text-slate-700\">${item.content}<\/p>`;\n \n if (item.details && item.details.type === 'chart') {\n const chartId = `details-chart-${Math.random().toString(36).substr(2, 9)}`;\n contentHTML += `<div class=\"mt-4\"><div class=\"chart-container\" style=\"height:250px;\"><canvas id=\"${chartId}\"><\/canvas><\/div><\/div>`;\n \n setTimeout(() => {\n const ctx = document.getElementById(chartId).getContext('2d');\n new Chart(ctx, {\n type: item.details.chartType,\n data: item.details.data,\n options: item.details.options\n });\n }, 100);\n }\n\n card.innerHTML = contentHTML;\n infoDisplay.appendChild(card);\n });\n };\n \n const renderReputationChart = (filteredData) => {\n const ctx = document.getElementById('reputationChart').getContext('2d');\n const chartData = {\n labels: filteredData.map(d => d.title.substring(2)),\n datasets: [{\n label: 'Sentimiento Medi\u00e1tico Estimado',\n data: filteredData.map(d => d.sentiment),\n backgroundColor: filteredData.map(d => d.sentiment > 0 ? 'rgba(16, 185, 129, 0.7)' : 'rgba(239, 68, 68, 0.7)'),\n borderColor: filteredData.map(d => d.sentiment > 0 ? 'rgba(16, 185, 129, 1)' : 'rgba(239, 68, 68, 1)'),\n borderWidth: 1\n }]\n };\n\n if (reputationChart) {\n reputationChart.destroy();\n }\n\n reputationChart = new Chart(ctx, {\n type: 'bar',\n data: chartData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.dataset.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed.x !== null) {\n label += context.parsed.x + '%';\n }\n return label;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n min: -100,\n max: 100,\n ticks: {\n callback: function(value) {\n return value + '%';\n }\n }\n },\n y: {\n ticks: {\n autoSkip: false,\n callback: function(value, index, values) {\n const label = this.getLabelForValue(value);\n return label.length > 30 ? label.substring(0, 30) + '...' : label;\n }\n }\n }\n }\n }\n });\n };\n\n const renderSentimentTrendChart = () => {\n const ctx = document.getElementById('sentimentTrendChart').getContext('2d');\n const chartData = {\n labels: data.sentimentTrend.labels,\n datasets: [\n {\n label: 'Logros de Gesti\u00f3n',\n data: data.sentimentTrend.logros,\n borderColor: 'rgba(16, 185, 129, 1)',\n backgroundColor: 'rgba(16, 185, 129, 0.2)',\n tension: 0.4,\n fill: false\n },\n {\n label: 'Riesgos Cr\u00edticos',\n data: data.sentimentTrend.riesgos,\n borderColor: 'rgba(239, 68, 68, 1)',\n backgroundColor: 'rgba(239, 68, 68, 0.2)',\n tension: 0.4,\n fill: false\n }\n ]\n };\n\n if (sentimentTrendChart) {\n sentimentTrendChart.destroy();\n }\n\n sentimentTrendChart = new Chart(ctx, {\n type: 'line',\n data: chartData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'top' },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.dataset.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed.y !== null) {\n label += context.parsed.y + '%';\n }\n return label;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: false,\n min: -100,\n max: 100,\n title: {\n display: true,\n text: 'Sentimiento (%)'\n }\n },\n x: {\n title: {\n display: true,\n text: 'Mes'\n }\n }\n }\n }\n });\n };\n\n const renderMediaSentimentChart = () => {\n const ctx = document.getElementById('mediaSentimentChart').getContext('2d');\n if (mediaSentimentChart) {\n mediaSentimentChart.destroy();\n }\n mediaSentimentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.mediaSentimentDetailed.labels,\n datasets: [\n {\n label: 'Positivo',\n data: data.mediaSentimentDetailed.positive,\n backgroundColor: '#10B981'\n },\n {\n label: 'Neutral',\n data: data.mediaSentimentDetailed.neutral,\n backgroundColor: '#FBBF24'\n },\n {\n label: 'Negativo',\n data: data.mediaSentimentDetailed.negative,\n backgroundColor: '#EF4444'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { stacked: true },\n y: { stacked: true, beginAtZero: true, max: 100, title: { display: true, text: 'Porcentaje (%)' } }\n },\n plugins: {\n title: { display: true, text: 'Sentimiento Simulado por Tipo de Medio' }\n }\n }\n });\n };\n\n const renderDelegationSentimentChart = () => {\n const ctx = document.getElementById('delegationSentimentChart').getContext('2d');\n if (delegationSentimentChart) {\n delegationSentimentChart.destroy();\n }\n delegationSentimentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.delegationSentiment.labels,\n datasets: [{\n label: 'Sentimiento Medio',\n data: data.delegationSentiment.sentiment,\n backgroundColor: data.delegationSentiment.sentiment.map(s => s > 0 ? '#60A5FA' : '#F87171') \/\/ Blue for positive, Red for negative\/neutral\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { beginAtZero: true, min: 0, max: 100, title: { display: true, text: 'Sentimiento Promedio (%)' } }\n },\n plugins: {\n legend: { display: false },\n title: { display: true, text: 'Sentimiento Simulado por \u00c1rea Municipal' }\n }\n }\n });\n };\n\n const renderEngagementMetricsChart = () => {\n const ctx = document.getElementById('engagementMetricsChart').getContext('2d');\n if (engagementMetricsChart) {\n engagementMetricsChart.destroy();\n }\n engagementMetricsChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.engagementMetrics.labels,\n datasets: [\n {\n label: 'Canales Oficiales',\n data: data.engagementMetrics.official,\n backgroundColor: '#1D4ED8' \/\/ Darker blue\n },\n {\n label: 'Canales No Oficiales',\n data: data.engagementMetrics.unofficial,\n backgroundColor: '#FBBF24' \/\/ Amber\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, title: { display: true, text: 'N\u00famero de Interacciones (simulado)' } }\n },\n plugins: {\n title: { display: true, text: 'M\u00e9tricas de Engagement Digital (Simulado)' }\n }\n }\n });\n };\n\n const renderComparativeSentimentChart = () => {\n const ctx = document.getElementById('comparativeSentimentChart').getContext('2d');\n if (comparativeSentimentChart) {\n comparativeSentimentChart.destroy();\n }\n comparativeSentimentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.comparativeSentiment.labels,\n datasets: [{\n label: 'Sentimiento Neto Promedio',\n data: data.comparativeSentiment.data,\n backgroundColor: ['#60A5FA', '#34D399', '#FBBF24', '#10B981'] \/\/ Different colors for each bar\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, min: 0, max: 40, title: { display: true, text: 'Sentimiento Neto (%)' } }\n },\n plugins: {\n legend: { display: false },\n title: { display: true, text: 'Sentimiento Neto vs. Municipios Hom\u00f3logos' }\n }\n }\n });\n };\n\n const renderValuesRadarChart = () => {\n const ctx = document.getElementById('valuesRadarChart').getContext('2d');\n if (valuesRadarChart) {\n valuesRadarChart.destroy();\n }\n valuesRadarChart = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: data.valuesPerception.labels,\n datasets: [\n {\n label: 'Percepci\u00f3n Actual',\n data: data.valuesPerception.perceived,\n backgroundColor: 'rgba(96, 165, 250, 0.4)',\n borderColor: 'rgba(96, 165, 250, 1)',\n pointBackgroundColor: 'rgba(96, 165, 250, 1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(96, 165, 250, 1)'\n },\n {\n label: 'Relato Deseado',\n data: data.valuesPerception.desired,\n backgroundColor: 'rgba(16, 185, 129, 0.4)',\n borderColor: 'rgba(16, 185, 129, 1)',\n pointBackgroundColor: 'rgba(16, 185, 129, 1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(16, 185, 129, 1)'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n angleLines: { display: false },\n suggestedMin: 0,\n suggestedMax: 10,\n ticks: { beginAtZero: true, stepSize: 2 }\n }\n },\n plugins: {\n title: { display: true, text: 'Valores Proyectados: Percepci\u00f3n Actual vs. Deseada' }\n }\n }\n });\n };\n\n const renderSocialMediaComparisonChart = () => {\n const ctx = document.getElementById('socialMediaComparisonChart').getContext('2d');\n if (socialMediaComparisonChart) {\n socialMediaComparisonChart.destroy();\n }\n socialMediaComparisonChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: data.socialMediaComparison.labels,\n datasets: [\n {\n label: 'Coria del R\u00edo',\n data: data.socialMediaComparison.coria,\n backgroundColor: '#60A5FA'\n },\n {\n label: 'La Rinconada',\n data: data.socialMediaComparison.rinconada,\n backgroundColor: '#34D399'\n },\n {\n label: 'San Juan',\n data: data.socialMediaComparison.sanjuan,\n backgroundColor: '#FBBF24'\n },\n {\n label: 'Dos Hermanas',\n data: data.socialMediaComparison.doshermanas,\n backgroundColor: '#10B981'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, title: { display: true, text: 'Interacciones Promedio' } }\n },\n plugins: {\n title: { display: true, text: 'Comparativa de Interacciones en Redes Sociales' }\n }\n }\n });\n };\n\n\n const renderTimeline = (filter = 'all') => {\n const timelineContainer = document.querySelector('.timeline-container');\n timelineContainer.innerHTML = '';\n const filteredEvents = data.timelineEvents.filter(event => filter === 'all' || event.type === filter);\n filteredEvents.forEach((event, index) => {\n const item = document.createElement('div');\n item.className = `timeline-item ${index % 2 === 0 ? 'left' : 'right'}`;\n item.innerHTML = `\n <div class=\"timeline-content shadow-md\">\n <h4 class=\"font-bold text-slate-800 text-base\">${event.date}: ${event.title}<\/h4>\n <p class=\"text-sm text-slate-700\">${event.description}<\/p>\n <span class=\"absolute top-2 right-2 text-xs font-semibold px-2 py-1 rounded-full \n ${event.type === 'Logro' ? 'bg-emerald-200 text-emerald-800' : ''}\n ${event.type === 'Crisis' ? 'bg-red-200 text-red-800' : ''}\n ${event.type === 'Cultura' ? 'bg-purple-200 text-purple-800' : ''}\n ${event.type === 'Seguridad' ? 'bg-blue-200 text-blue-800' : ''}\n \">${event.type}<\/span>\n <\/div>\n `;\n timelineContainer.appendChild(item);\n });\n };\n\n const updateKeywords = (type) => {\n keywordsDisplay.innerHTML = '';\n const selectedKeywords = data.keywords[type];\n selectedKeywords.forEach(keyword => {\n const span = document.createElement('span');\n span.className = `inline-block p-2 m-1 bg-slate-100 rounded-lg shadow-sm ${keyword.size} ${keyword.weight} text-slate-700`;\n span.textContent = keyword.text;\n keywordsDisplay.appendChild(span);\n });\n };\n \n document.getElementById('btn-logros').addEventListener('click', () => {\n renderInfo(data.logros);\n renderReputationChart(data.logros);\n updateKeywords('logros');\n });\n\n document.getElementById('btn-riesgos').addEventListener('click', () => {\n renderInfo(data.riesgos);\n renderReputationChart(data.riesgos);\n updateKeywords('riesgos');\n });\n \n navButtons.forEach(button => {\n button.addEventListener('click', () => {\n const targetId = button.dataset.target;\n\n navButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n contentSections.forEach(section => {\n if (section.id === targetId) {\n section.classList.add('active');\n if (targetId === 'timeline') {\n renderTimeline('all'); \/\/ Render all events when timeline is opened\n document.querySelectorAll('.timeline-filter-button').forEach(btn => btn.classList.remove('active'));\n document.querySelector('.timeline-filter-button[data-filter=\"all\"]').classList.add('active');\n }\n if (targetId === 'digital') {\n renderMediaSentimentChart();\n renderEngagementMetricsChart();\n }\n if (targetId === 'actores') {\n renderDelegationSentimentChart();\n }\n if (targetId === 'termometro') {\n renderComparativeSentimentChart();\n }\n if (targetId === 'posicionamiento') {\n renderValuesRadarChart();\n }\n if (targetId === 'benchmarking') {\n renderSocialMediaComparisonChart();\n }\n } else {\n section.classList.remove('active');\n }\n });\n });\n });\n\n \/\/ Timeline Filter Buttons\n document.querySelectorAll('.timeline-filter-button').forEach(button => {\n button.addEventListener('click', () => {\n const filterType = button.dataset.filter;\n renderTimeline(filterType);\n document.querySelectorAll('.timeline-filter-button').forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n });\n });\n\n\n \/\/ Poll Simulation Logic\n const pollResult = document.getElementById('poll-result');\n let optionAVotes = 0;\n let optionBVotes = 0;\n\n const updatePollResult = () => {\n const totalVotes = optionAVotes + optionBVotes;\n if (totalVotes === 0) {\n pollResult.textContent = 'Selecciona una opci\u00f3n para ver la simulaci\u00f3n.';\n return;\n }\n const percentA = ((optionAVotes \/ totalVotes) 100).toFixed(1);\n const percentB = ((optionBVotes \/ totalVotes) * 100).toFixed(1);\n pollResult.innerHTML = `\n Transparencia: <span class=\"text-blue-700\">${percentA}%<\/span> \n | Presencia Personal: <span class=\"text-purple-700\">${percentB}%<\/span>\n `;\n };\n\n document.getElementById('poll-option-A').addEventListener('click', () => {\n optionAVotes += Math.floor(Math.random() * 5) + 1; \/\/ Simulate more than 1 vote\n updatePollResult();\n });\n\n document.getElementById('poll-option-B').addEventListener('click', () => {\n optionBVotes += Math.floor(Math.random() * 5) + 1; \/\/ Simulate more than 1 vote\n updatePollResult();\n });\n\n\n \/\/ Initial Load\n document.getElementById('btn-logros').click();\n renderSentimentTrendChart();\n updatePollResult(); \/\/ Initialize poll text\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Ayuntamiento de Coria del R\u00edo An\u00e1lisis Interactivo: Reputaci\u00f3n del Ayuntamiento de Coria del R\u00edo An\u00e1lisis de Reputaci\u00f3n y Presencia Digital Ayuntamiento de Coria del R\u00edo Balanza Reputacional Mapa de Actores An\u00e1lisis Digital L\u00ednea de Tiempo Matriz R&O Term\u00f3metro Ciudadano Diagn\u00f3stico Posicionamiento Benchmarking Panel de KPIs Estrategia y Narrativa Protocolo Crisis Foco en Vocer\u00edas Sobre Este…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-211","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pgDuos-3p","_links":{"self":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/211","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=211"}],"version-history":[{"count":3,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/211\/revisions"}],"predecessor-version":[{"id":319,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/211\/revisions\/319"}],"wp:attachment":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/categories?post=211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/tags?post=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}