An\u00e1lisis Integral: Gesti\u00f3n de Bruno Garc\u00eda – Mayo 2025<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n \n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #fdfbf7;\n color: #3d405b;\n padding-top: 64px; \/* Space for fixed top header *\/\n padding-bottom: 56px; \/* Space for fixed bottom mobile nav *\/\n }\n @media (min-width: 768px) {\n body {\n padding-bottom: 0; \/* No bottom padding on desktop *\/\n }\n .desktop-nav-container {\n display: flex !important; \/* Ensure desktop nav is always flex on desktop *\/\n }\n .mobile-only-nav {\n display: none !important; \/* Hide mobile nav on desktop *\/\n }\n }\n @media (max-width: 767px) {\n .desktop-nav-container {\n display: none !important; \/* Hide desktop nav on mobile *\/\n }\n .mobile-only-nav {\n display: flex !important; \/* Ensure mobile nav is always flex on mobile *\/\n }\n }\n\n .chart-container {\n position: relative;\n margin: auto;\n height: 300px;\n width: 100%;\n max-width: 600px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n \/* Top nav links *\/\n .top-nav-link {\n transition: color 0.3s, border-bottom-color 0.3s;\n border-bottom: 2px solid transparent;\n }\n .top-nav-link:hover, .top-nav-link.active {\n color: #d17a22;\n border-bottom-color: #d17a22;\n }\n \/* Bottom nav links *\/\n .bottom-nav-item {\n transition: color 0.3s, transform 0.3s;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n text-align: center;\n padding: 4px 0;\n cursor: pointer;\n color: #3d405b;\n font-size: 0.75rem; \/* text-xs *\/\n line-height: 1rem;\n text-decoration: none;\n }\n .bottom-nav-item.active {\n color: #d17a22;\n transform: translateY(-2px);\n }\n .bottom-nav-item svg {\n width: 24px;\n height: 24px;\n margin-bottom: 2px;\n }\n\n .project-button.active {\n background-color: #3d405b !important;\n color: #ffffff !important;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n }\n #back-to-top {\n display: none;\n z-index: 1000;\n }\n .accordion-header {\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .accordion-header:hover {\n background-color: #f5f5f5;\n }\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;\n }\n .accordion-content.open {\n \/* max-height is set dynamically by JS for full content height *\/\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n .tab-button.active {\n background-color: #3d405b !important;\n color: #ffffff !important;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n }\n .tab-content {\n display: none;\n }\n .tab-content.active {\n display: block;\n }\n \/* Custom styled table *\/\n .styled-table {\n border-collapse: collapse;\n width: 100%;\n border-radius: 0.75rem; \/* rounded-xl *\/\n overflow: hidden; \/* Ensures rounded corners apply to content *\/\n }\n .styled-table thead tr {\n background-color: #e0e7ff; \/* Light blue-grey for header *\/\n color: #3d405b;\n text-align: left;\n }\n .styled-table th,\n .styled-table td {\n padding: 12px 15px;\n border-bottom: 1px solid #e2e8f0; \/* border-gray-200 *\/\n }\n .styled-table tbody tr:nth-of-type(even) {\n background-color: #f8fafc; \/* bg-gray-50 *\/\n }\n .styled-table tbody tr:last-of-type {\n border-bottom: 2px solid #3d405b; \/* A bit darker border at the end *\/\n }\n \/* Full screen menu modal *\/\n #full-menu-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fdfbf7;\n z-index: 1001;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch; \/* for smooth scrolling on iOS *\/\n padding-top: 64px; \/* Space for modal header *\/\n padding-bottom: 20px;\n }\n #full-menu-modal.open {\n display: flex;\n flex-direction: column;\n justify-content: flex-start; \/* Align content to top *\/\n align-items: center;\n }\n #full-menu-modal .modal-header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background-color: #fff;\n padding: 1rem;\n display: flex;\n justify-content: flex-end;\n z-index: 1002;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n #full-menu-modal .modal-content {\n width: 100%;\n max-width: 500px; \/* Constrain width for readability *\/\n padding: 1rem;\n }\n #full-menu-modal .modal-nav-link {\n display: block;\n width: 100%;\n padding: 0.75rem 1rem;\n font-size: 1.125rem; \/* text-lg *\/\n font-weight: 600; \/* font-semibold *\/\n text-align: center;\n color: #3d405b;\n border-bottom: 1px solid #eee;\n }\n #full-menu-modal .modal-nav-link:hover {\n background-color: #f0f0f0;\n }\n #full-menu-modal .modal-nav-link:last-child {\n border-bottom: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <header class=\"bg-white\/80 backdrop-blur-md shadow-sm fixed top-0 left-0 right-0 z-50 h-16\">\n <nav class=\"container mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center justify-between\">\n <div class=\"flex-shrink-0\">\n <h1 class=\"text-lg font-bold text-[#3d405b]\">An\u00e1lisis Integral B.G. | Mayo 2025<\/h1>\n <\/div>\n \n <div class=\"desktop-nav-container hidden md:flex\">\n <div class=\"ml-10 flex items-baseline space-x-4\">\n <a href=\"#resumen\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Resumen<\/a>\n <a href=\"#metodologia\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Metodolog\u00eda<\/a>\n <a href=\"#dafo\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">DAFO<\/a>\n <a href=\"#gestion\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Gesti\u00f3n<\/a>\n <a href=\"#narrativas\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Narrativas<\/a>\n <a href=\"#actores\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Actores<\/a>\n <a href=\"#riesgos\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Riesgos<\/a>\n <a href=\"#matriz\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Matriz Narrativa<\/a>\n <a href=\"#evolucion\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Evoluci\u00f3n<\/a>\n <a href=\"#escenarios\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Escenarios<\/a>\n <a href=\"#mapa\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Mapa General<\/a>\n <a href=\"#material\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Material<\/a>\n <a href=\"#conclusiones\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Conclusiones<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <\/header>\n\n <main class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\n\n <section id=\"resumen\" class=\"mb-16 scroll-mt-[90px] md:scroll-mt-[70px]\">\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b] sm:text-4xl\">An\u00e1lisis Integral de la Gesti\u00f3n y Percepci\u00f3n P\u00fablica<\/h2>\n <p class=\"mt-3 max-w-2xl mx-auto text-lg text-gray-600\">Bruno Garc\u00eda, Alcalde de C\u00e1diz – Mes de Mayo de 2025<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <p class=\"text-lg text-gray-700 leading-relaxed\">\n Mayo de 2025, coincidiendo con el ecuador de su mandato, revel\u00f3 una intensa actividad para el Alcalde Bruno Garc\u00eda. Su administraci\u00f3n avanz\u00f3 en la implementaci\u00f3n de proyectos clave y consolid\u00f3 reformas internas. Sin embargo, el an\u00e1lisis de la percepci\u00f3n p\u00fablica, especialmente en medios digitales, mostr\u00f3 una marcada divergencia, con una cr\u00edtica persistente sobre el mantenimiento urbano diario y la percepci\u00f3n de una falta de cambios tangibles y significativos. Este informe interactivo profundiza en esta dualidad, desglosando los logros, las cr\u00edticas y el sentimiento general, y ofreciendo un an\u00e1lisis estrat\u00e9gico para la comunicaci\u00f3n y la gesti\u00f3n.\n <\/p>\n <\/div>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-lg border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Sentimiento P\u00fablico General<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Distribuci\u00f3n del sentimiento en la conversaci\u00f3n p\u00fablica sobre la gesti\u00f3n del Alcalde.<\/p>\n <div class=\"chart-container h-[300px] md:h-[350px]\">\n <canvas id=\"sentimentChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"metodologia\" class=\"mb-16 scroll-mt-[90px] md:scroll-mt-[70px]\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Metodolog\u00eda del An\u00e1lisis<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Detalles sobre el enfoque, alcance y fuentes utilizadas para la investigaci\u00f3n.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2 px-4 bg-gray-50 rounded-lg\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Alcance y Proceso de Investigaci\u00f3n<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content p-4\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n La investigaci\u00f3n se centr\u00f3 exclusivamente en el mes de **Mayo de 2025 (del 1 al 31)**. El alcance geogr\u00e1fico prioritario fue **C\u00e1diz y su provincia**, extendi\u00e9ndose a medios andaluces y nacionales relevantes. El an\u00e1lisis se realiz\u00f3 **exclusivamente en espa\u00f1ol**. Se incluy\u00f3 un monitoreo de redes sociales (principalmente comentarios en noticias y menciones relevantes en Twitter\/X y Facebook) para captar la opini\u00f3n ciudadana.\n <\/p>\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Fuentes de Datos Clave:<\/h4>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 mb-4\">\n <li>**Prensa local:** Diario de C\u00e1diz, La Voz de C\u00e1diz, C\u00e1diz Directo, Andaluc\u00eda Informaci\u00f3n.<\/li>\n <li>**Medios audiovisuales locales:** Onda C\u00e1diz TV y Radio.<\/li>\n <li>**Prensa regional\/nacional con cobertura local:** ABC de Sevilla, El Pa\u00eds Andaluc\u00eda, La Raz\u00f3n Andaluc\u00eda.<\/li>\n <li>**Sitios web institucionales:** Web oficial del Ayuntamiento de C\u00e1diz, notas de prensa del equipo de gobierno.<\/li>\n <li>**Redes Sociales:** Perfiles oficiales de Bruno Garc\u00eda y del Ayuntamiento, as\u00ed como menciones relevantes de usuarios y medios (principalmente comentarios en medios digitales debido a limitaciones en datos directos de perfiles).<\/li>\n <\/ul>\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Metodolog\u00eda de An\u00e1lisis:<\/h4>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n Se aplic\u00f3 un enfoque mixto, comenzando con un **Resumen Cuantitativo** (volumen de menciones, alcance, plataformas) donde fue posible. La mayor parte del an\u00e1lisis fue **Cualitativo Profundo**, centrado en:\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>Sentimiento y tonos dominantes (positivo, negativo, neutro).<\/li>\n <li>Narrativas clave (argumento y porcentaje de volumen).<\/li>\n <li>Actores clave, su postura, impacto y red de resonancia.<\/li>\n <li>Detecci\u00f3n de anomal\u00edas, riesgos reputacionales y desinformaci\u00f3n.<\/li>\n <li>Identificaci\u00f3n de citas y publicaciones clave.<\/li>\n <li>Evaluaci\u00f3n de la gesti\u00f3n y la percepci\u00f3n p\u00fablica, identificando temas clave, controversias o logros.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"dafo\" class=\"mb-16 scroll-mt-[90px] md:scroll-mt-[70px]\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">An\u00e1lisis DAFO (SWOT)<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Un an\u00e1lisis estrat\u00e9gico de las Fortalezas, Oportunidades, Debilidades y Amenazas que impactan la gesti\u00f3n y percepci\u00f3n del Alcalde Bruno Garc\u00eda en mayo de 2025.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <div class=\"flex border-b border-gray-200 mb-4\">\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 border-r border-gray-200 rounded-tl-lg hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"fortalezas\">Fortalezas<\/button>\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 border-r border-gray-200 hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"debilidades\">Debilidades<\/button>\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 border-r border-gray-200 hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"oportunidades\">Oportunidades<\/button>\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 rounded-tr-lg hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"amenazas\">Amenazas<\/button>\n <\/div>\n\n <div id=\"tab-fortalezas\" class=\"tab-content active\">\n <h3 class=\"text-xl font-bold mb-3 text-green-700\">Fortalezas<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Control Municipal:<\/strong> Capacidad de avanzar en proyectos directamente bajo su competencia (Baluarte del Orej\u00f3n, ZGAT, personal).<\/li>\n <li><strong class=\"font-semibold\">Planificaci\u00f3n Financiera:<\/strong> Aprobaci\u00f3n de presupuestos y planificaci\u00f3n a largo plazo demuestran estabilidad y visi\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Compromiso Social y Cultural:<\/strong> Participaci\u00f3n activa en eventos como los premios de la UCA refuerza una imagen positiva en estos \u00e1mbitos.<\/li>\n <li><strong class=\"font-semibold\">Enfoque Pragmatico:<\/strong> Concentraci\u00f3n en \u00abcosas peque\u00f1as e intermedias\u00bb que pueden generar un impacto visible a corto\/medio plazo.<\/li>\n <\/ul>\n <\/div>\n <div id=\"tab-debilidades\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold mb-3 text-red-700\">Debilidades<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Brecha de Percepci\u00f3n:<\/strong> La narrativa oficial de progreso no resuena con la percepci\u00f3n ciudadana de inacci\u00f3n y problemas diarios.<\/li>\n <li><strong class=\"font-semibold\">Problemas de Mantenimiento Urbano:<\/strong> La limpieza y el estado general de la ciudad son puntos d\u00e9biles persistentes y muy visibles.<\/li>\n <li><strong class=\"font-semibold\">Controversia Salarial:<\/strong> El aumento del sueldo del Alcalde sigue siendo una fuente de fuerte cr\u00edtica y desconfianza.<\/li>\n <li><strong class=\"font-semibold\">Dependencia de Actores Externos:<\/strong> Los grandes proyectos (hotel, Valc\u00e1rcel) estancados generan frustraci\u00f3n y son atribuidos a factores externos, pero el Alcalde no es percibido como suficientemente influyente.<\/li>\n <\/ul>\n <\/div>\n <div id=\"tab-oportunidades\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold mb-3 text-blue-700\">Oportunidades<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Comunicaci\u00f3n Estrat\u00e9gica:<\/strong> Capitalizar las inauguraciones de proyectos (Baluarte) para demostrar resultados tangibles.<\/li>\n <li><strong class=\"font-semibold\">Mejorar Servicios B\u00e1sicos:<\/strong> Las nuevas contrataciones de personal pueden traducirse en mejoras concretas en limpieza y servicios, que deben ser comunicadas proactivamente.<\/li>\n <li><strong class=\"font-semibold\">Di\u00e1logo Directo:<\/strong> Establecer foros o canales de comunicaci\u00f3n m\u00e1s efectivos para abordar las quejas ciudadanas y contrarrestar la desinformaci\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Alianzas Estrat\u00e9gicas:<\/strong> Reforzar la presi\u00f3n sobre la Junta de Andaluc\u00eda y el Gobierno Central para desbloquear grandes proyectos, demostrando liderazgo.<\/li>\n <\/ul>\n <\/div>\n <div id=\"tab-amenazas\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold mb-3 text-purple-700\">Amenazas<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Polarizaci\u00f3n Continua:<\/strong> El discurso negativo persistente en l\u00ednea y la polarizaci\u00f3n pueden erosionar la base de apoyo.<\/li>\n <li><strong class=\"font-semibold\">Estrategia de la Oposici\u00f3n:<\/strong> La alineaci\u00f3n del PSOE con las quejas ciudadanas legitima sus cr\u00edticas y complica el control de la narrativa por parte de la administraci\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Inmovilismo Percibido:<\/strong> Si los grandes proyectos no avanzan y las mejoras diarias no son evidentes, la percepci\u00f3n de inacci\u00f3n podr\u00eda consolidarse y afectar las futuras elecciones.<\/li>\n <li><strong class=\"font-semibold\">Fatiga Ciudadana:<\/strong> La paciencia del p\u00fablico por resultados tangibles puede agotarse si las promesas no se materializan visiblemente.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Importancia Conceptual DAFO<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Evaluaci\u00f3n conceptual del impacto o relevancia de cada \u00e1rea DAFO en la gesti\u00f3n y reputaci\u00f3n (escala 1-10).<\/p>\n <div class=\"chart-container h-[250px]\">\n <canvas id=\"dafoImportanceChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Conteo de Elementos por Categor\u00eda DAFO<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">N\u00famero de puntos identificados en cada categor\u00eda del an\u00e1lisis DAFO.<\/p>\n <div class=\"chart-container h-[250px]\">\n <canvas id=\"dafoCategoryCountChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"gestion\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Ejes de Gesti\u00f3n Municipal: Temas Clave y Avances<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Explora en profundidad los principales hitos de gesti\u00f3n, proyectos espec\u00edficos y la agenda institucional del Alcalde durante mayo de 2025.<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Balance de Gesti\u00f3n a los Dos A\u00f1os de Mandato<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n En una entrevista con Diario de C\u00e1diz, el Alcalde Bruno Garc\u00eda ofreci\u00f3 una valoraci\u00f3n positiva de sus dos a\u00f1os de gesti\u00f3n. Destac\u00f3 que la administraci\u00f3n ha \u00abprogresado\u00bb y dado \u00abpasos s\u00f3lidos\u00bb hacia un \u00abcambio n\u00edtido en la ciudad, especialmente en la gesti\u00f3n, y con una forma m\u00e1s diversa de gobernar; gobernar para todos, dejando atr\u00e1s lo que, de hecho, la gente manifest\u00f3 hace dos a\u00f1os que no quer\u00eda\u00bb.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n El Alcalde deline\u00f3 su plan de mandato de cuatro a\u00f1os, explicando que 2023 sirvi\u00f3 para \u00abvisualizar y entender c\u00f3mo estaba la situaci\u00f3n del Ayuntamiento\u00bb, mientras que 2024 se dedic\u00f3 a \u00abestablecer los pasos administrativos para que la ciudad dejara atr\u00e1s esa mala gesti\u00f3n\u00bb. Para 2025 y 2026, anticip\u00f3 que se ver\u00edan \u00ablos primeros pasos claros de ese cambio de gesti\u00f3n\u00bb, con \u00abfrutos\u00bb que se har\u00edan \u00abmuy evidentes en el segundo semestre del a\u00f1o y muy claros en 2026\u00bb.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n La filosof\u00eda de gesti\u00f3n propuesta por el Alcalde se basa en tres pilares fundamentales: \u00ablas cosas peque\u00f1as, las cosas intermedias y los grandes proyectos\u00bb. Sus prioridades incluyen vivienda, empleo, mantenimiento de la ciudad, aspectos sociales, recuperaci\u00f3n de espacios p\u00fablicos y grandes proyectos, con un \u00e9nfasis crucial en la cultura y los eventos. Garc\u00eda mencion\u00f3 espec\u00edficamente los esfuerzos en curso para mejorar parques infantiles, el albergue, el Palacio de Congresos, el Parque Genov\u00e9s, el Mercado, el asfaltado de calles, las instalaciones deportivas, los alcorques, el mantenimiento urbano general, las zonas verdes y el servicio de ayuda a domicilio, \u00e1reas que, seg\u00fan \u00e9l, presentaban una \u00abgesti\u00f3n deficiente\u00bb a su llegada.\n <\/p>\n <div class=\"bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">\u00c9nfasis en los Pilares de Gesti\u00f3n<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Visualizaci\u00f3n del enfoque de la administraci\u00f3n en los diferentes tipos de proyectos.<\/p>\n <div class=\"chart-container h-[250px]\">\n <canvas id=\"gestionPillarsChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Proyectos y Anuncios Destacados<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">Aqu\u00ed puedes explorar los detalles de los proyectos y anuncios m\u00e1s relevantes del mes de mayo. Haz clic en cada bot\u00f3n para ver la informaci\u00f3n.<\/p>\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\" id=\"projects-buttons-detailed\">\n \n <\/div>\n <div id=\"project-details-detailed\" class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 min-h-[100px] flex items-center justify-center\">\n <p class=\"text-gray-500\">Selecciona un proyecto para ver los detalles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Participaci\u00f3n en Eventos Institucionales<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">D\u00eda de Internet:<\/h4>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n La Junta de Andaluc\u00eda celebr\u00f3 el D\u00eda Mundial de Internet en C\u00e1diz. Los datos disponibles no confirman expl\u00edcitamente la asistencia directa o la participaci\u00f3n espec\u00edfica del Alcalde Bruno Garc\u00eda en este evento.\n <\/p>\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Premios a la Implicaci\u00f3n Social de la UCA:<\/h4>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n El 14 de mayo de 2025, el Alcalde Bruno Garc\u00eda <strong class=\"font-semibold\">presidi\u00f3<\/strong> la IX edici\u00f3n de los Premios a la Implicaci\u00f3n Social de la Universidad de C\u00e1diz (UCA). Este evento de alto perfil reconoci\u00f3 a estudiantes, egresados, investigadores y entidades por su contribuci\u00f3n al desarrollo social en la provincia. La participaci\u00f3n destacada del Alcalde en este evento refuerza el compromiso de su administraci\u00f3n con la participaci\u00f3n comunitaria y la responsabilidad social.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"narrativas\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Narrativas Dominantes y Tono Medi\u00e1tico<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Explora las principales narrativas que enmarcaron el discurso p\u00fablico y medi\u00e1tico sobre la gesti\u00f3n del Alcalde Bruno Garc\u00eda en mayo de 2025.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Prominencia de Narrativas<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Este gr\u00e1fico muestra la frecuencia o intensidad con la que cada narrativa se manifest\u00f3 en los medios y la conversaci\u00f3n p\u00fablica (mayor valor = mayor prominencia).<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"narrativesChart\"><\/canvas>\n <\/div>\n <div class=\"mt-8 space-y-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Descripci\u00f3n de las Narrativas:<\/h3>\n <div>\n <h4 class=\"font-semibold text-lg mb-1 text-green-700\">Narrativa de Progreso y Gesti\u00f3n Eficaz (Oficial)<\/h4>\n <p class=\"text-gray-700 leading-relaxed\">\n Impulsada principalmente por el equipo de gobierno y el propio Alcalde en sus intervenciones y notas de prensa. Se centra en la aprobaci\u00f3n de presupuestos, el avance en proyectos urbanos (Baluarte del Orej\u00f3n, ZGAT), la mejora de la capacidad administrativa con nuevas contrataciones, y la visi\u00f3n a largo plazo para la ciudad. El tono es positivo y proactivo, buscando transmitir la imagen de una administraci\u00f3n que \u00abhace cosas\u00bb y sienta las bases para el futuro de C\u00e1diz.\n <\/p>\n <\/div>\n <div>\n <h4 class=\"font-semibold text-lg mb-1 text-red-700\">Narrativa de Queja Ciudadana (Falta de Acci\u00f3n y Problemas Cotidianos)<\/h4>\n <p class=\"text-gray-700 leading-relaxed\">\n Dominante en las secciones de comentarios de los medios digitales y reflejando el sentir de una parte de la ciudadan\u00eda. Se enfoca en la insatisfacci\u00f3n con la limpieza y el mantenimiento urbano (\u00abC\u00e1diz huele mal\u00bb), la percepci\u00f3n de inacci\u00f3n general por parte del Ayuntamiento, y la frustraci\u00f3n por la falta de cambios visibles en el d\u00eda a d\u00eda. El aumento del sueldo del Alcalde es un punto recurrente de esta narrativa. El tono es negativo, frustrado y, a menudo, muy directo.\n <\/p>\n <\/div>\n <div>\n <h4 class=\"font-semibold text-lg mb-1 text-blue-700\">Narrativa de Cr\u00edtica de la Oposici\u00f3n (Falta de Liderazgo y Coherencia)<\/h4>\n <p class=\"text-gray-700 leading-relaxed\">\n Articulada principalmente por el PSOE de C\u00e1diz. Critica la falta de liderazgo y ambici\u00f3n del Alcalde, las incoherencias en las pol\u00edticas municipales (ej. aparcamientos, facturas de agua), y la supuesta incapacidad para desbloquear grandes proyectos dependientes de otras administraciones. Esta narrativa a menudo se alinea con las quejas ciudadanas, buscando legitimar la cr\u00edtica pol\u00edtica a trav\u00e9s de la frustraci\u00f3n popular. El tono es confrontacional y de denuncia.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Tono Predominante por Tipo de Fuente<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Compara la distribuci\u00f3n del sentimiento (Positivo\/Neutral\/Negativo) seg\u00fan el origen de la informaci\u00f3n.<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"mediaToneBySourceChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Prominencia de Temas en Medios de Comunicaci\u00f3n<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Este gr\u00e1fico muestra la prominencia o frecuencia con la que cada tema fue cubierto o mencionado en los medios (1=Muy Baja, 5=Muy Alta).<\/p>\n <div class=\"chart-container h-[450px] md:h-[500px]\">\n <canvas id=\"mediaToneProminenceChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Temas de Queja M\u00e1s Frecuentes (Comentarios Ciudadanos)<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Refleja la intensidad de las quejas ciudadanas en los comentarios de medios digitales (escala no lineal de frecuencia).<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"complaintsChartUpdated\"><\/canvas>\n <\/div>\n <div class=\"bg-gray-50 p-4 rounded-lg mt-4\">\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Citas y Cr\u00edticas Representativas:<\/h4>\n <blockquote class=\"bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg mb-3\">\n <p class=\"italic text-gray-700\">\u00abNo das la talla\u00bb, \u00abno ha hecho usted nada\u00bb, \u00abC\u00e1diz huele mal\u00bb, \u00ab\u00bfY cuando piensa hacer esas cosas que no sabemos que va hacer?\u00bb, \u00aben el ayuntamiento que se vea no est\u00e1s haciendo nada\u00bb.<\/p>\n <footer class=\"text-right text-sm text-gray-500 mt-2\">– Comentarios ciudadanos negativos recurrentes<\/footer>\n <\/blockquote>\n <blockquote class=\"bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg mb-3\">\n <p class=\"italic text-gray-700\">\u00abHa actuado como un militante disciplinado en lugar de un alcalde ambicioso con su ciudad. Ni est\u00e1 ni se le espera.\u00bb<\/p>\n <footer class=\"text-right text-sm text-gray-500 mt-2\">– \u00d3scar Torres, Portavoz del PSOE de C\u00e1diz<\/footer>\n <\/blockquote>\n <blockquote class=\"bg-green-50 border-l-4 border-green-500 p-4 rounded-r-lg\">\n <p class=\"italic text-gray-700\">\u00ab\u00a1 C\u00d3MO ESTOY DISFRUTANDO con el alcalde BRUNO en la ALCALD\u00cdA! \u00a1T\u00da MANDAS, alcalde BRUNO!\u00bb<\/p>\n <footer class=\"text-right text-sm text-gray-500 mt-2\">– Comentarios ciudadanos de apoyo (minoritarios)<\/footer>\n <\/blockquote>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"actores\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Mapeo de Actores y Redes de Influencia<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Identifica a los principales actores que influyeron en la conversaci\u00f3n p\u00fablica sobre la gesti\u00f3n del Alcalde.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Bruno Garc\u00eda (Alcalde) y Equipo de Gobierno<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Proactiva y positiva, enfocada en la narrativa de \u00abprogreso\u00bb, \u00abgesti\u00f3n\u00bb y \u00absiembra de semillas\u00bb para el futuro. Buscan consolidar la administraci\u00f3n y avanzar en proyectos propios.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Alta visibilidad en medios tradicionales (entrevistas, anuncios oficiales). Capacidad directa de acci\u00f3n a nivel municipal. Sin embargo, su mensaje tiene una resonancia limitada en la esfera digital p\u00fablica.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Medios locales y regionales controlados por su mensaje oficial. Sitios web institucionales.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">PSOE de C\u00e1diz (\u00d3scar Torres, Portavoz)<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Cr\u00edtica y de denuncia, enfocada en la \u00abfalta de liderazgo\u00bb, \u00abinacci\u00f3n\u00bb e \u00abincoherencias\u00bb. Buscan erosionar la credibilidad de la gesti\u00f3n municipal.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Alta capacidad para amplificar las quejas ciudadanas, lo que legitima su discurso. Sus cr\u00edticas resuenan fuertemente en los comentarios digitales.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Medios generalistas y digitales que recogen sus declaraciones. Redes sociales, donde sus cr\u00edticas se alinean con la frustraci\u00f3n ciudadana.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Ciudadanos de C\u00e1diz (P\u00fablico General y Usuarios de Redes)<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Predominantemente cr\u00edtica y frustrada, enfocada en problemas cotidianos (limpieza, mantenimiento) y la percepci\u00f3n de inacci\u00f3n.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Su volumen de comentarios negativos en medios digitales genera un \u00abruido\u00bb que domina la conversaci\u00f3n y es amplificado por la oposici\u00f3n.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Secciones de comentarios de peri\u00f3dicos digitales locales, grupos de Facebook y conversaciones en Twitter\/X.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Medios de Comunicaci\u00f3n (Locales, Regionales, Nacionales)<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Generalmente neutral en reportajes de noticias, reflejando anuncios y declaraciones. Algunos medios pueden tener una l\u00ednea editorial m\u00e1s cr\u00edtica o favorable.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Son el principal canal de difusi\u00f3n de las narrativas. Sus plataformas digitales act\u00faan como foros clave para la expresi\u00f3n ciudadana (comentarios).\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Audiencia masiva en C\u00e1diz y la provincia, con extensi\u00f3n a nivel regional y nacional para noticias de mayor calado.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Impacto de Actores en la Conversaci\u00f3n P\u00fablica<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Evaluaci\u00f3n conceptual de la influencia de cada actor en el discurso p\u00fablico.<\/p>\n <div class=\"chart-container h-[300px]\">\n <canvas id=\"actorsImpactChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"riesgos\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Principales Riesgos Reputacionales<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Identificaci\u00f3n de las principales amenazas a la imagen y la gesti\u00f3n del Alcalde Bruno Garc\u00eda.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-red-700\">Riesgos Estrat\u00e9gicos Detectados<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong class=\"font-semibold text-[#3d405b]\">Persistencia del sentimiento negativo:<\/strong> Si no se atienden las quejas sobre limpieza y mantenimiento, la desconfianza p\u00fablica podr\u00eda arraigarse, haciendo los esfuerzos de comunicaci\u00f3n menos efectivos.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Amplificaci\u00f3n por la oposici\u00f3n:<\/strong> La alineaci\u00f3n estrat\u00e9gica del PSOE con las quejas ciudadanas representa un riesgo significativo, ya que legitima sus cr\u00edticas y dificulta el control de la narrativa por parte de la administraci\u00f3n.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Expectativas incumplidas para \u00abGrandes Proyectos\u00bb:<\/b> Los continuos retrasos en proyectos importantes y de alto perfil (hotel Puerto Am\u00e9rica, Valc\u00e1rcel), incluso si se atribuyen a factores externos, podr\u00edan erosionar la confianza p\u00fablica en la capacidad de la administraci\u00f3n para cumplir su visi\u00f3n a largo plazo, afectando el apoyo electoral futuro.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Fatiga Ciudadana:<\/strong> La paciencia del p\u00fablico por resultados tangibles puede agotarse si las mejoras prometidas no se materializan visiblemente en el corto o medio plazo, llevando a un aumento de la apat\u00eda o el descontento.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Vulnerabilidad Narrativa:<\/strong> La brecha entre el discurso oficial optimista y la realidad percibida por los ciudadanos crea una incoherencia que puede ser explotada por cr\u00edticos, afectando la credibilidad.<\/li>\n <\/ul>\n <div class=\"bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Nivel de Riesgo Conceptual<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Evaluaci\u00f3n conceptual de la severidad o impacto de cada riesgo identificado (escala 1-10).<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"riskLevelChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"matriz\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Matriz Narrativa: Riesgo vs. Control<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Una tabla que cruza la prominencia de las narrativas con su tono, el nivel de control y el riesgo reputacional.<\/p>\n <\/div>\n <div class=\"max-w-5xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200 overflow-x-auto\">\n <table class=\"styled-table\">\n <thead>\n <tr>\n <th scope=\"col\">Narrativa<\/th>\n <th scope=\"col\">Tono Dominante<\/th>\n <th scope=\"col\">Control (Municipal)<\/th>\n <th scope=\"col\">Riesgo Reputacional<\/th>\n <th scope=\"col\">Oportunidad Estrat\u00e9gica<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Progreso y Gesti\u00f3n Eficaz (Oficial)<\/td>\n <td>Positivo<\/td>\n <td>Alto (control del mensaje y acciones)<\/td>\n <td>Medio (si no se ven resultados tangibles)<\/td>\n <td>Amplificaci\u00f3n de logros, reforzar credibilidad.<\/td>\n <\/tr>\n <tr>\n <td>Queja Ciudadana (Limpieza, Inacci\u00f3n)<\/td>\n <td>Muy Negativo<\/td>\n <td>Medio (puede actuar, pero percepci\u00f3n es lenta)<\/td>\n <td>Alto (base de la desafecci\u00f3n)<\/td>\n <td>Demostrar mejoras visibles, comunicaci\u00f3n proactiva.<\/td>\n <\/tr>\n <tr>\n <td>Cr\u00edtica Oposici\u00f3n (Liderazgo, Incoherencia)<\/td>\n <td>Negativo<\/td>\n <td>Bajo (dif\u00edcil controlar discurso opositor)<\/td>\n <td>Alto (legitimado por queja ciudadana)<\/td>\n <td>Refutar con hechos, mostrar liderazgo.<\/td>\n <\/tr>\n <tr>\n <td>Proyectos Estancados (Ej. Hotel, Valc\u00e1rcel)<\/td>\n <td>Negativo<\/td>\n <td>Muy Bajo (depende de otras administraciones)<\/td>\n <td>Medio (frustraci\u00f3n p\u00fablica)<\/td>\n <td>Comunicar acciones y presiones a externos.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <section id=\"evolucion\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Evoluci\u00f3n de Narrativas y Temas<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">C\u00f3mo cambiaron las conversaciones y el enfoque medi\u00e1tico a lo largo del mes de mayo de 2025.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2 px-4 bg-gray-50 rounded-lg\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Din\u00e1mica del Discurso en Mayo 2025<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content p-4\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n El mes de mayo estuvo marcado por dos momentos clave que influyeron en la evoluci\u00f3n de las narrativas:\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 mb-4\">\n <li>**Inicio de Mes (Primeros 15 d\u00edas):** Dominado por los anuncios de gesti\u00f3n y proyectos (aprobaci\u00f3n de presupuestos, Baluarte del Orej\u00f3n, ZGAT). El tono oficial fue m\u00e1s prominente, aunque las quejas sobre limpieza y el sueldo del Alcalde ya estaban presentes en los comentarios ciudadanos. La narrativa de \u00abprogreso\u00bb oficial buscaba establecerse.<\/li>\n <li>**Mediados a Finales de Mes (15 al 31 de mayo):** Se intensificaron las cr\u00edticas de la oposici\u00f3n, especialmente la del PSOE el 27 de mayo. Esto amplific\u00f3 las quejas ciudadanas preexistentes (limpieza, inacci\u00f3n). La narrativa de \u00abcr\u00edtica y falta de liderazgo\u00bb gan\u00f3 terreno y se fusion\u00f3 con la \u00abqueja ciudadana\u00bb, eclipsando en parte los anuncios de gesti\u00f3n. El debate sobre el Hotel Puerto Am\u00e9rica tambi\u00e9n resurgi\u00f3 con m\u00e1s fuerza hacia finales de mes, a\u00f1adiendo a la frustraci\u00f3n por proyectos estancados.<\/li>\n <\/ul>\n <p class=\"text-gray-700 leading-relaxed\">\n **Puntos de Escalada:** Las cr\u00edticas sobre la **limpieza urbana** y el **sueldo del Alcalde** mostraron una persistencia y un volumen constante a lo largo de todo el mes, actuando como un \u00abtel\u00f3n de fondo\u00bb negativo que se amplificaba cuando se presentaban narrativas oficiales de progreso. Las **declaraciones de la oposici\u00f3n** fueron el principal catalizador para la escalada de la narrativa negativa general.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mt-4\">\n **Narrativas Decayendo\/Saturadas:** Los anuncios puramente administrativos, como la visita a La Martona, tuvieron un impacto limitado en la conversaci\u00f3n general y r\u00e1pidamente decayeron en prominencia. El debate sobre el COAC, aunque relevante, se mantuvo en un c\u00edrculo m\u00e1s espec\u00edfico sin dominar la conversaci\u00f3n p\u00fablica general.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"escenarios\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Simulaci\u00f3n de Escenarios Futuros<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Proyecciones de lo que podr\u00eda suceder en la percepci\u00f3n p\u00fablica seg\u00fan diferentes l\u00edneas de acci\u00f3n estrat\u00e9gica.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Escenario 1: Inercia y Reacci\u00f3n Pasiva<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **L\u00ednea de Acci\u00f3n:** La administraci\u00f3n mantiene la estrategia actual de comunicaci\u00f3n centrada en los procesos y anuncios oficiales, con una respuesta limitada a las cr\u00edticas ciudadanas y de la oposici\u00f3n, esperando que los \u00abfrutos\u00bb prometidos se vean con el tiempo.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **Proyecci\u00f3n:**\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>El sentimiento negativo en la calle y en los comentarios digitales se consolidar\u00e1 y podr\u00eda empeorar.<\/li>\n <li>La oposici\u00f3n continuar\u00e1 amplificando las quejas ciudadanas, ganando m\u00e1s credibilidad y legitimidad pol\u00edtica.<\/li>\n <li>Los \u00abgrandes proyectos\u00bb estancados seguir\u00e1n siendo un foco de frustraci\u00f3n, y la administraci\u00f3n ser\u00e1 percibida como ineficaz, incluso si los retrasos no son su culpa directa.<\/li>\n <li>La brecha entre la narrativa oficial y la percepci\u00f3n p\u00fablica se ampliar\u00e1, afectando la credibilidad a largo plazo del Alcalde y del gobierno municipal.<\/li>\n <li>Aumento del riesgo reputacional a medio y largo plazo, lo que podr\u00eda tener un impacto significativo en las futuras elecciones.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Escenario 2: Acci\u00f3n Estrat\u00e9gica y Comunicaci\u00f3n Proactiva<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **L\u00ednea de Acci\u00f3n:** Implementaci\u00f3n rigurosa de las recomendaciones estrat\u00e9gicas: enfoque en el impacto diario visible (limpieza, mantenimiento), comunicaci\u00f3n transparente sobre controversias (sueldo, enseres), presi\u00f3n proactiva sobre dependencias externas y fortalecimiento del compromiso digital.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **Proyecci\u00f3n:**\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>**Corto Plazo:** Posible aumento inicial de cr\u00edticas al abordar temas sensibles, pero la transparencia puede generar confianza. Se observan peque\u00f1as mejoras en el sentimiento en \u00e1reas espec\u00edficas.<\/li>\n <li>**Medio Plazo:** Una mejora tangible y visible en los servicios b\u00e1sicos (limpieza) comenzar\u00e1 a contrarrestar la narrativa negativa. La comunicaci\u00f3n efectiva de los logros y el manejo de las cr\u00edticas reducir\u00e1 la amplificaci\u00f3n de la oposici\u00f3n.<\/li>\n <li>**Largo Plazo:** Reconstrucci\u00f3n gradual de la credibilidad y la confianza p\u00fablica. La administraci\u00f3n recupera el control de la narrativa, y el Alcalde es percibido como un l\u00edder eficaz y cercano a los problemas ciudadanos. El riesgo reputacional disminuye, abriendo oportunidades para un mayor apoyo.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"mapa\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Mapa Narrativo General<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Esquema resumen de la interacci\u00f3n entre actores, narrativas, tonos, riesgos y acciones necesarias.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <div class=\"space-y-6\">\n <div class=\"border-b-2 border-[#d17a22] pb-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Actor: Alcalde y Equipo de Gobierno<\/h3>\n <p class=\"text-gray-700 mt-2\">**Narrativa Clave:** Progreso y gesti\u00f3n eficaz (positivo).<\/p>\n <p class=\"text-gray-700\">**Riesgo Principal:** Discrepancia con la percepci\u00f3n ciudadana.<\/p>\n <p class=\"text-gray-700\">**Acci\u00f3n Recomendada:** Capitalizar logros visibles y mejorar comunicaci\u00f3n de impacto diario.<\/p>\n <\/div>\n <div class=\"border-b-2 border-red-500 pb-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Actor: Ciudadanos \/ Redes Sociales<\/h3>\n <p class=\"text-gray-700 mt-2\">**Narrativa Clave:** Queja: Limpieza, inacci\u00f3n, sueldo (muy negativo).<\/p>\n <p class=\"text-gray-700\">**Riesgo Principal:** Erosi\u00f3n de la confianza y polarizaci\u00f3n.<\/p>\n <p class=\"text-gray-700\">**Acci\u00f3n Recomendada:** Demostrar mejoras tangibles, transparencia y di\u00e1logo directo sobre quejas.<\/p>\n <\/div>\n <div class=\"border-b-2 border-blue-500 pb-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Actor: Oposici\u00f3n (PSOE)<\/h3>\n <p class=\"text-gray-700 mt-2\">**Narrativa Clave:** Cr\u00edtica: Falta de liderazgo, ineficacia (negativo).<\/p>\n <p class=\"text-gray-700\">**Riesgo Principal:** Legitimaci\u00f3n de la cr\u00edtica opositora.<\/p>\n <p class=\"text-gray-700\">**Acci\u00f3n Recomendada:** Contrarrestar con hechos, liderazgo visible y defensa de la gesti\u00f3n.<\/p>\n <\/div>\n <div class=\"pb-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Interacci\u00f3n General y Desaf\u00edo:<\/h3>\n <p class=\"text-gray-700 mt-2 leading-relaxed\">\n La narrativa oficial del Alcalde es contrarrestada y amplificada negativamente por la frustraci\u00f3n ciudadana, que a su vez es articulada y legitimada por la oposici\u00f3n. El riesgo principal es que la percepci\u00f3n de inacci\u00f3n o ineficacia se consolide. La acci\u00f3n estrat\u00e9gica clave es cerrar la brecha entre la gesti\u00f3n y la percepci\u00f3n mediante mejoras tangibles y una comunicaci\u00f3n proactiva y transparente, recuperando el control del relato.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"material\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Material Analizado<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Listado de las fuentes de informaci\u00f3n clave utilizadas para este an\u00e1lisis.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2 px-4 bg-gray-50 rounded-lg\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Fuentes Consultadas<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content p-4\">\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>**Prensa local:** Diario de C\u00e1diz, La Voz de C\u00e1diz, C\u00e1diz Directo, Andaluc\u00eda Informaci\u00f3n.<\/li>\n <li>**Medios audiovisuales locales:** Onda C\u00e1diz TV y Radio.<\/li>\n <li>**Prensa regional\/nacional con cobertura local:** ABC de Sevilla, El Pa\u00eds Andaluc\u00eda, La Raz\u00f3n Andaluc\u00eda.<\/li>\n <li>**Sitios web institucionales:** Web oficial del Ayuntamiento de C\u00e1diz, notas de prensa del equipo de gobierno.<\/li>\n <li>**Redes Sociales:** Comentarios en noticias digitales (ej. Diario de C\u00e1diz), menciones relevantes en Twitter\/X y Facebook (an\u00e1lisis cualitativo debido a datos limitados).<\/li>\n <li>**Citas y referencias espec\u00edficas (indicadas con [n\u00famero]):** Corresponden a fragmentos de texto o fuentes espec\u00edficas mencionadas en el informe original detallado, que sirven de respaldo para los an\u00e1lisis presentados.<\/li>\n <\/ul>\n <p class=\"text-gray-700 leading-relaxed mt-4\">\n La robustez del an\u00e1lisis se basa en la triangulaci\u00f3n de informaci\u00f3n de estas diversas fuentes, priorizando aquellas con mayor relevancia y frecuencia de cobertura durante el periodo de estudio.\n <\/p>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Distribuci\u00f3n de Tipos de Fuentes<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Una representaci\u00f3n conceptual de los tipos de medios que contribuyeron al an\u00e1lisis.<\/p>\n <div class=\"chart-container h-[300px]\">\n <canvas id=\"sourceTypeDistributionChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"conclusiones\" class=\"scroll-mt-20\">\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Conclusiones y Recomendaciones Estrat\u00e9gicas<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">S\u00edntesis de los principales riesgos, oportunidades y l\u00edneas de acci\u00f3n estrat\u00e9gicas derivadas del an\u00e1lisis.<\/p>\n <\/div>\n <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 mb-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center\">\u00c1reas de Oportunidad<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong class=\"font-semibold text-[#3d405b]\">Capitalizar proyectos finalizados:<\/strong> Inaugurar y comunicar activamente logros tangibles como el Baluarte del Orej\u00f3n para demostrar resultados.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Comunicaci\u00f3n sobre mejoras:<\/strong> Informar de manera proactiva sobre los esfuerzos en mantenimiento, saneamiento y c\u00f3mo el nuevo personal mejorar\u00e1 los servicios.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Fortalecer el compromiso digital:<\/strong> Usar las redes sociales para responder a quejas, mostrar el trabajo diario visualmente y abordar directamente la desinformaci\u00f3n.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center\">Riesgos Estrat\u00e9gicos<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong class=\"font-semibold text-[#3d405b]\">Persistencia del sentimiento negativo:<\/strong> Si no se atienden las quejas sobre limpieza y mantenimiento, la desconfianza p\u00fablica podr\u00eda arraigarse.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Amplificaci\u00f3n por la oposici\u00f3n:<\/b> La alineaci\u00f3n del PSOE con las quejas ciudadanas les otorga credibilidad y dificulta el control de la narrativa.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Expectativas incumplidas:<\/b> Los retrasos en grandes proyectos, incluso si son por causas externas, pueden erosionar la confianza a largo plazo.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#d17a22]\">Recomendaciones Estrat\u00e9gicas Clave<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-3\">\n <li><strong class=\"font-semibold\">Enfoque en el Impacto Diario Visible:<\/strong> La comunicaci\u00f3n principal debe pasar de los planes futuros a las mejoras inmediatas y tangibles en la vida cotidiana. Implementar iniciativas muy visibles y consistentemente en limpieza urbana y mantenimiento, con \u00abantes y despu\u00e9s\u00bb.<\/li>\n <li><strong class=\"font-semibold\">Compromiso Directo y Transparencia en Quejas Clave:<\/strong> Desarrollar campa\u00f1as espec\u00edficas y transparentes para abordar controversias como el aumento del sueldo y los problemas de servicios (ej. recogida de enseres), incluyendo foros p\u00fablicos.<\/li>\n <li><strong class=\"font-semibold\">Control Proactivo de la Narrativa para Dependencias Externas:<\/strong> Mantener presi\u00f3n p\u00fablica sobre el gobierno responsable de grandes proyectos estancados, comunicando claramente las acciones municipales y present\u00e1ndose como un defensor de C\u00e1diz.<\/li>\n <li><strong class=\"font-semibold\">Fortalecer la Presencia y el Compromiso Digital:<\/strong> Invertir en redes sociales oficiales para responder activamente a preocupaciones, mostrar el trabajo diario visualmente y abordar directamente la desinformaci\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Contrarrestar las Narrativas de la Oposici\u00f3n con Datos y Acciones:<\/strong> Desarrollar contra-narrativas que resalten los logros de la administraci\u00f3n y contrasten con deficiencias anteriores, usando datos concretos.<\/li>\n <li><strong class=\"font-semibold\">Mejorar el Bucle de Retroalimentaci\u00f3n Ciudadana:<\/strong> Establecer mecanismos accesibles para la retroalimentaci\u00f3n, demostrando que las preocupaciones son escuchadas y se act\u00faa sobre ellas para mejorar la confianza.<\/li>\n <\/ul>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Diagn\u00f3stico Final: \u00bfQu\u00e9 est\u00e1 en juego?<\/h3>\n <p class=\"text-lg text-gray-700 leading-relaxed\">\n Lo que est\u00e1 en juego para el Alcalde Bruno Garc\u00eda es la **credibilidad y la consolidaci\u00f3n de su liderazgo de cara a la segunda mitad de su mandato y las futuras elecciones**. La **brecha entre la gesti\u00f3n y la percepci\u00f3n** es el foco narrativo m\u00e1s urgente. Si no se aborda proactiva y visiblemente la insatisfacci\u00f3n ciudadana con los problemas cotidianos y la percepci\u00f3n de inacci\u00f3n, la narrativa negativa podr\u00eda arraigarse de forma irreversible. La **ventana de oportunidad** reside en la capacidad de la administraci\u00f3n para traducir sus logros internos en mejoras tangibles percibidas por los ciudadanos, y comunicarlas eficazmente, aprovechando el capital pol\u00edtico restante para tomar acciones decididas que refuercen su posici\u00f3n.\n <\/p>\n <\/div>\n <\/section>\n\n <\/main>\n \n <button id=\"back-to-top\" class=\"fixed bottom-4 right-4 p-3 rounded-full bg-[#3d405b] text-white shadow-lg focus:outline-none transition-all duration-300 hover:scale-110\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\" \/>\n <\/svg>\n <\/button>\n\n \n <nav id=\"mobile-bottom-nav\" class=\"fixed bottom-0 left-0 right-0 h-14 bg-white shadow-lg mobile-only-nav hidden flex justify-around items-center\">\n <a href=\"#resumen\" class=\"bottom-nav-item\" data-section=\"resumen\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m0 0l-7 7m7-7v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\n <span>Resumen<\/span>\n <\/a>\n <a href=\"#dafo\" class=\"bottom-nav-item\" data-section=\"dafo\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0h.01M9 10V4a2 2 0 012-2h2a2 2 0 012 2v6m-6 0h6m-9 0H3h9m-9 0a2 2 0 002 2h2a2 2 0 002-2V4m-6 6h6m-9 0V4a2 2 0 012-2h2a2 2 0 012 2v6m-6 0H3h9\"\/><\/svg>\n <span>DAFO<\/span>\n <\/a>\n <a href=\"#narrativas\" class=\"bottom-nav-item\" data-section=\"narrativas\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 8h10M7 12h10M7 16h10M4 6h16a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2z\"\/><\/svg>\n <span>Narrativas<\/span>\n <\/a>\n <a href=\"#conclusiones\" class=\"bottom-nav-item\" data-section=\"conclusiones\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"\/><\/svg>\n <span>Conclusiones<\/span>\n <\/a>\n <a href=\"#\" id=\"more-menu-btn\" class=\"bottom-nav-item\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\n <span>M\u00e1s<\/span>\n <\/a>\n <\/nav>\n\n \n <div id=\"full-menu-modal\" class=\"hidden\">\n <div class=\"modal-header\">\n <button id=\"close-full-menu\" class=\"text-gray-700 hover:text-[#d17a22]\">\n <svg class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-content\">\n <nav class=\"flex flex-col items-center\">\n <a href=\"#resumen\" class=\"modal-nav-link\" data-section=\"resumen\">Resumen<\/a>\n <a href=\"#metodologia\" class=\"modal-nav-link\" data-section=\"metodologia\">Metodolog\u00eda<\/a>\n <a href=\"#dafo\" class=\"modal-nav-link\" data-section=\"dafo\">DAFO<\/a>\n <a href=\"#gestion\" class=\"modal-nav-link\" data-section=\"gestion\">Gesti\u00f3n<\/a>\n <a href=\"#narrativas\" class=\"modal-nav-link\" data-section=\"narrativas\">Narrativas<\/a>\n <a href=\"#actores\" class=\"modal-nav-link\" data-section=\"actores\">Actores<\/a>\n <a href=\"#riesgos\" class=\"modal-nav-link\" data-section=\"riesgos\">Riesgos<\/a>\n <a href=\"#matriz\" class=\"modal-nav-link\" data-section=\"matriz\">Matriz Narrativa<\/a>\n <a href=\"#evolucion\" class=\"modal-nav-link\" data-section=\"evolucion\">Evoluci\u00f3n<\/a>\n <a href=\"#escenarios\" class=\"modal-nav-link\" data-section=\"escenarios\">Escenarios<\/a>\n <a href=\"#mapa\" class=\"modal-nav-link\" data-section=\"mapa\">Mapa General<\/a>\n <a href=\"#material\" class=\"modal-nav-link\" data-section=\"material\">Material Analizado<\/a>\n <a href=\"#conclusiones\" class=\"modal-nav-link\" data-section=\"conclusiones\">Conclusiones<\/a>\n <\/nav>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n const sentimentData = {\n labels: ['Negativo (Ciudadanos\/Oposici\u00f3n)', 'Positivo \/ Neutral (Oficial)'],\n datasets: [{\n label: 'Sentimiento General',\n data: [75, 25],\n backgroundColor: [\n 'rgba(229, 89, 89, 0.7)',\n 'rgba(75, 192, 192, 0.7)'\n ],\n borderColor: [\n 'rgba(229, 89, 89, 1)',\n 'rgba(75, 192, 192, 1)'\n ],\n borderWidth: 1,\n hoverOffset: 4\n }]\n };\n\n const complaintsData = {\n labels: ['Limpieza\/Mantenimiento', 'Falta de Acci\u00f3n Percibida', 'Aumento de Sueldo', 'Cr\u00edticas Oposici\u00f3n', 'Servicios Deficientes'],\n datasets: [{\n label: 'Prominencia de la Queja',\n data: [10, 9, 8, 7, 5],\n backgroundColor: [\n 'rgba(210, 99, 132, 0.6)',\n 'rgba(255, 159, 64, 0.6)',\n 'rgba(255, 205, 86, 0.6)',\n 'rgba(75, 192, 192, 0.6)',\n 'rgba(54, 162, 235, 0.6)'\n ],\n borderColor: [\n 'rgb(210, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)'\n ],\n borderWidth: 1\n }]\n };\n\n const mediaToneProminenceData = {\n labels: [\n 'Balance Gesti\u00f3n (Oficial)', 'Balance Gesti\u00f3n (P\u00fablico)', 'Presupuestos', \n 'Limpieza Urbana', 'Baluarte del Orej\u00f3n', 'ZGAT', 'La Martona', \n 'Nuevos Funcionarios', 'Hotel Puerto Am\u00e9rica', 'COAC', \n 'Cr\u00edticas Oposici\u00f3n (PSOE)', 'Sueldo Alcalde', 'Recogida Enseres'\n ],\n datasets: [{\n label: 'Prominencia en Medios (1-5)',\n data: [4, 5, 3, 5, 3, 3, 2, 3, 3, 3, 4, 5, 2],\n backgroundColor: 'rgba(99, 132, 210, 0.6)',\n borderColor: 'rgb(99, 132, 210)',\n borderWidth: 1\n }]\n };\n\n const mediaToneBySourceData = {\n labels: ['Positivo', 'Neutral', 'Negativo'],\n datasets: [\n {\n label: 'Anuncios Oficiales \/ Entrevistas',\n data: [4, 5, 1], \/* Conceptual scores for tone *\/\n backgroundColor: 'rgba(75, 192, 192, 0.7)',\n borderColor: 'rgba(75, 192, 192, 1)',\n borderWidth: 1\n },\n {\n label: 'Reportajes de Noticias (General)',\n data: [2, 4, 3], \/* Conceptual scores for tone *\/\n backgroundColor: 'rgba(255, 205, 86, 0.7)',\n borderColor: 'rgba(255, 205, 86, 1)',\n borderWidth: 1\n },\n {\n label: 'Comentarios P\u00fablicos \/ Redes Sociales',\n data: [1, 2, 5], \/* Conceptual scores for tone *\/\n backgroundColor: 'rgba(255, 99, 132, 0.7)',\n borderColor: 'rgba(255, 99, 132, 1)',\n borderWidth: 1\n }\n ]\n };\n\n const narrativesData = {\n labels: ['Narrativa de Progreso (Oficial)', 'Narrativa de Queja Ciudadana', 'Narrativa de Cr\u00edtica de la Oposici\u00f3n'],\n datasets: [{\n label: 'Prominencia de la Narrativa',\n data: [3, 5, 4], \/* Data based on perceived prominence from report *\/\n backgroundColor: [\n 'rgba(75, 192, 192, 0.7)',\n 'rgba(255, 99, 132, 0.7)',\n 'rgba(54, 162, 235, 0.7)'\n ],\n borderColor: [\n 'rgba(75, 192, 192, 1)',\n 'rgba(255, 99, 132, 1)',\n 'rgba(54, 162, 235, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const gestionPillarsData = {\n labels: ['Cosas Peque\u00f1as', 'Cosas Intermedias', 'Grandes Proyectos'],\n datasets: [{\n label: '\u00c9nfasis en la Gesti\u00f3n (Conceptual)',\n data: [80, 60, 30], \/* Conceptual values based on report's focus *\/\n backgroundColor: [\n 'rgba(144, 238, 144, 0.6)', \/\/ LightGreen\n 'rgba(255, 215, 0, 0.6)', \/\/ Gold\n 'rgba(173, 216, 230, 0.6)' \/\/ LightBlue\n ],\n borderColor: [\n 'rgba(144, 238, 144, 1)',\n 'rgba(255, 215, 0, 1)',\n 'rgba(173, 216, 230, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const actorsImpactData = {\n labels: ['Alcalde y Equipo', 'PSOE de C\u00e1diz', 'Ciudadanos \/ Redes', 'Medios Comunicaci\u00f3n'],\n datasets: [{\n label: 'Influencia en la Conversaci\u00f3n P\u00fablica (Conceptual)',\n data: [7, 8, 9, 7], \/* Conceptual values based on report's descriptions *\/\n backgroundColor: [\n 'rgba(100, 149, 237, 0.6)', \/\/ CornflowerBlue\n 'rgba(255, 127, 80, 0.6)', \/\/ Coral\n 'rgba(60, 179, 113, 0.6)', \/\/ MediumSeaGreen\n 'rgba(218, 112, 214, 0.6)' \/\/ Orchid\n ],\n borderColor: [\n 'rgba(100, 149, 237, 1)',\n 'rgba(255, 127, 80, 1)',\n 'rgba(60, 179, 113, 1)',\n 'rgba(218, 112, 214, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const dafoImportanceData = {\n labels: ['Fortalezas', 'Debilidades', 'Oportunidades', 'Amenazas'],\n datasets: [{\n label: 'Impacto Conceptual',\n data: [8, 9, 7, 9], \/* Conceptual scores based on report *\/\n backgroundColor: [\n 'rgba(76, 175, 80, 0.6)', \/\/ Green\n 'rgba(244, 67, 54, 0.6)', \/\/ Red\n 'rgba(33, 150, 243, 0.6)', \/\/ Blue\n 'rgba(156, 39, 176, 0.6)' \/\/ Purple\n ],\n borderColor: [\n 'rgba(76, 175, 80, 1)',\n 'rgba(244, 67, 54, 1)',\n 'rgba(33, 150, 243, 1)',\n 'rgba(156, 39, 176, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const riskLevelData = {\n labels: [\n 'Persistencia Negativa', \n 'Amplificaci\u00f3n Oposici\u00f3n', \n 'Expectativas Incumplidas', \n 'Fatiga Ciudadana', \n 'Vulnerabilidad Narrativa'\n ],\n datasets: [{\n label: 'Nivel de Riesgo (1-10)',\n data: [9, 8, 7, 6, 7], \/* Conceptual scores *\/\n backgroundColor: 'rgba(255, 152, 0, 0.6)', \/\/ Orange\n borderColor: 'rgba(255, 152, 0, 1)',\n borderWidth: 1\n }]\n };\n\n const dafoCategoryCountData = {\n labels: ['Fortalezas', 'Debilidades', 'Oportunidades', 'Amenazas'],\n datasets: [{\n label: 'N\u00famero de Puntos',\n data: [4, 5, 4, 4], \/* Actual count from the provided text lists *\/\n backgroundColor: [\n 'rgba(0, 128, 128, 0.6)', \/\/ Teal\n 'rgba(255, 99, 71, 0.6)', \/\/ Tomato\n 'rgba(0, 191, 255, 0.6)', \/\/ DeepSkyBlue\n 'rgba(147, 112, 219, 0.6)' \/\/ MediumPurple\n ],\n borderColor: [\n 'rgba(0, 128, 128, 1)',\n 'rgba(255, 99, 71, 1)',\n 'rgba(0, 191, 255, 1)',\n 'rgba(147, 112, 219, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const sourceTypeDistributionData = {\n labels: ['Prensa Local', 'Audiovisuales Locales', 'Prensa Regional\/Nacional', 'Sitios Institucionales', 'Redes Sociales (Comentarios)'],\n datasets: [{\n label: 'Distribuci\u00f3n Conceptual',\n data: [5, 3, 4, 3, 5], \/* Conceptual values based on report's emphasis *\/\n backgroundColor: [\n 'rgba(255, 99, 132, 0.6)',\n 'rgba(54, 162, 235, 0.6)',\n 'rgba(255, 206, 86, 0.6)',\n 'rgba(75, 192, 192, 0.6)',\n 'rgba(153, 102, 255, 0.6)'\n ],\n borderColor: [\n 'rgba(255, 99, 132, 1)',\n 'rgba(54, 162, 235, 1)',\n 'rgba(255, 206, 86, 1)',\n 'rgba(75, 192, 192, 1)',\n 'rgba(153, 102, 255, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const narrativeMatrixData = {\n datasets: [\n {\n label: 'Progreso y Gesti\u00f3n Eficaz (Oficial)',\n data: [{ x: 4, y: 3 }], \/* Control: Alto (4), Riesgo: Medio (3) *\/\n backgroundColor: 'rgba(75, 192, 192, 0.7)', \/\/ Positivo tone\n borderColor: 'rgba(75, 192, 192, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n },\n {\n label: 'Queja Ciudadana (Limpieza, Inacci\u00f3n)',\n data: [{ x: 2, y: 5 }], \/* Control: Medio (2), Riesgo: Alto (5) *\/\n backgroundColor: 'rgba(255, 99, 132, 0.7)', \/\/ Muy Negativo tone\n borderColor: 'rgba(255, 99, 132, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n },\n {\n label: 'Cr\u00edtica Oposici\u00f3n (Liderazgo, Incoherencia)',\n data: [{ x: 1, y: 5 }], \/* Control: Bajo (1), Riesgo: Alto (5) *\/\n backgroundColor: 'rgba(54, 162, 235, 0.7)', \/\/ Negativo tone\n borderColor: 'rgba(54, 162, 235, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n },\n {\n label: 'Proyectos Estancados',\n data: [{ x: 1, y: 3 }], \/* Control: Muy Bajo (1), Riesgo: Medio (3) *\/\n backgroundColor: 'rgba(255, 152, 0, 0.7)', \/\/ Negativo tone (Orange)\n borderColor: 'rgba(255, 152, 0, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n }\n ]\n };\n\n\n const projectsData = [\n {\n id: 'presupuestos',\n title: 'Presupuestos',\n content: '<strong>Aprobaci\u00f3n definitiva del presupuesto de 2025<\/strong> de 195.8 millones de euros, con un aumento del 3% respecto a 2023. El gobierno local tambi\u00e9n anunci\u00f3 el inicio de la planificaci\u00f3n para las cuentas de 2026, destacando el car\u00e1cter social y las inversiones en vivienda.'\n },\n {\n id: 'baluarte',\n title: 'Baluarte del Orej\u00f3n',\n content: 'Finalizaci\u00f3n de las obras de rehabilitaci\u00f3n con una <strong>inversi\u00f3n de 484,000 euros<\/strong>. El espacio se destinar\u00e1 a uso cultural, albergar\u00e1 la sede de la Fundaci\u00f3n Fernando Qui\u00f1ones y estar\u00e1 disponible para otras entidades, aunque el equipamiento interior a\u00fan est\u00e1 pendiente para su inauguraci\u00f3n completa.'\n },\n {\n id: 'zgat',\n title: 'Comercio (ZGAT)',\n content: 'Se iniciaron los tr\u00e1mites para solicitar a la Junta de Andaluc\u00eda la <strong>reducci\u00f3n de los l\u00edmites de la Zona de Gran Afluencia Tur\u00edstica<\/strong>. Esta medida busca beneficiar al peque\u00f1o comercio tradicional de C\u00e1diz, que se ve perjudicado al permitir que las grandes superficies abran en d\u00edas festivos.'\n },\n {\n id: 'hotel',\n title: 'Hotel Puerto Am\u00e9rica',\n content: 'El Alcalde inst\u00f3 p\u00fablicamente al gobierno central a <strong>desbloquear la construcci\u00f3n del hotel<\/strong>, un proyecto estancado por d\u00e9cadas. Critic\u00f3 un retraso de dos a\u00f1os del Consejo de Ministros, enfatizando la importancia del proyecto para el empleo y el turismo de la ciudad.'\n },\n {\n id: 'personal',\n title: 'Nuevos Funcionarios',\n content: 'Anuncio de la pr\u00f3xima <strong>incorporaci\u00f3n de 57 nuevos funcionarios<\/strong> en 2025 para subsanar deficiencias de personal. Esta acci\u00f3n forma parte de un plan m\u00e1s amplio para crear m\u00e1s de 150 plazas desde 2023 y mejorar el funcionamiento de los servicios municipales.'\n },\n {\n id: 'coac',\n title: 'Carnaval (COAC)',\n content: 'Se presidi\u00f3 el Consejo de Participaci\u00f3n del COAC para debatir el modelo de concurso para 2026 y 2027. El acuerdo principal fue <strong>acortar la duraci\u00f3n del concurso a no m\u00e1s de 30 d\u00edas<\/strong>, lo que implicar\u00e1 \"alg\u00fan sacrificio\", seg\u00fan el alcalde.'\n }\n ];\n \n const sentimentChartElement = document.getElementById('sentimentChart');\n if (sentimentChartElement) {\n const sentimentChartCtx = sentimentChartElement.getContext('2d');\n new Chart(sentimentChartCtx, {\n type: 'doughnut',\n data: sentimentData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed !== null) {\n label += context.parsed + '%';\n }\n return label;\n }\n }\n }\n }\n }\n });\n }\n\n const dafoImportanceChartElement = document.getElementById('dafoImportanceChart');\n if (dafoImportanceChartElement) {\n const dafoImportanceChartCtx = dafoImportanceChartElement.getContext('2d');\n new Chart(dafoImportanceChartCtx, {\n type: 'bar',\n data: dafoImportanceData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const dafoCategoryCountChartElement = document.getElementById('dafoCategoryCountChart');\n if (dafoCategoryCountChartElement) {\n const dafoCategoryCountChartCtx = dafoCategoryCountChartElement.getContext('2d');\n new Chart(dafoCategoryCountChartCtx, {\n type: 'bar',\n data: dafoCategoryCountData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n\n const gestionPillarsChartElement = document.getElementById('gestionPillarsChart');\n if (gestionPillarsChartElement) {\n const gestionPillarsChartCtx = gestionPillarsChartElement.getContext('2d');\n new Chart(gestionPillarsChartCtx, {\n type: 'bar',\n data: gestionPillarsData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x + '%';\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 100, \n ticks: {\n stepSize: 20,\n callback: function(value) {\n return value + '%';\n }\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const narrativesChartElement = document.getElementById('narrativesChart');\n if (narrativesChartElement) {\n const narrativesChartCtx = narrativesChartElement.getContext('2d'); \n new Chart(narrativesChartCtx, {\n type: 'bar',\n data: narrativesData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 5, \/* Assuming a scale of 1-5 for prominence *\/\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const mediaToneBySourceChartElement = document.getElementById('mediaToneBySourceChart');\n if (mediaToneBySourceChartElement) {\n const mediaToneBySourceChartCtx = mediaToneBySourceChartElement.getContext('2d');\n new Chart(mediaToneBySourceChartCtx, {\n type: 'bar',\n data: mediaToneBySourceData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n mode: 'index',\n intersect: false,\n bodyFont: {\n size: 14,\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n ticks: {\n font: {\n size: 12\n }\n }\n },\n y: {\n beginAtZero: true,\n max: 5, \/* Conceptual scale for tone *\/\n ticks: {\n stepSize: 1\n }\n }\n }\n }\n });\n }\n\n const mediaToneProminenceChartElement = document.getElementById('mediaToneProminenceChart');\n if (mediaToneProminenceChartElement) {\n const mediaToneProminenceChartCtx = mediaToneProminenceChartElement.getContext('2d');\n new Chart(mediaToneProminenceChartCtx, {\n type: 'bar',\n data: mediaToneProminenceData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 5, \n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const complaintsChartElement = document.getElementById('complaintsChartUpdated');\n if (complaintsChartElement) {\n const complaintsChartCtx = complaintsChartElement.getContext('2d');\n new Chart(complaintsChartCtx, {\n type: 'bar',\n data: complaintsData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const actorsImpactChartElement = document.getElementById('actorsImpactChart');\n if (actorsImpactChartElement) {\n const actorsImpactChartCtx = actorsImpactChartElement.getContext('2d');\n new Chart(actorsImpactChartCtx, {\n type: 'bar',\n data: actorsImpactData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10, \/* Assuming a scale of 1-10 for impact *\/\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const riskLevelChartElement = document.getElementById('riskLevelChart');\n if (riskLevelChartElement) {\n const riskLevelChartCtx = riskLevelChartElement.getContext('2d');\n new Chart(riskLevelChartCtx, {\n type: 'bar',\n data: riskLevelData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10, \/* Assuming a scale of 1-10 for risk level *\/\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const sourceTypeDistributionChartElement = document.getElementById('sourceTypeDistributionChart');\n if (sourceTypeDistributionChartElement) {\n const sourceTypeDistributionChartCtx = sourceTypeDistributionChartElement.getContext('2d');\n new Chart(sourceTypeDistributionChartCtx, {\n type: 'bar',\n data: sourceTypeDistributionData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 5,\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const narrativeMatrixChartElement = document.getElementById('narrativeMatrixChart');\n if (narrativeMatrixChartElement) {\n const narrativeMatrixChartCtx = narrativeMatrixChartElement.getContext('2d');\n new Chart(narrativeMatrixChartCtx, {\n type: 'scatter',\n data: narrativeMatrixData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.dataset.label + ' (Control: ' + context.parsed.x + ', Riesgo: ' + context.parsed.y + ')';\n }\n }\n }\n },\n scales: {\n x: {\n title: {\n display: true,\n text: 'Control Municipal (1=Bajo, 5=Alto)'\n },\n min: 0,\n max: 5,\n ticks: {\n stepSize: 1\n }\n },\n y: {\n title: {\n display: true,\n text: 'Riesgo Reputacional (1=Bajo, 5=Alto)'\n },\n min: 0,\n max: 5,\n ticks: {\n stepSize: 1\n }\n }\n }\n }\n });\n }\n \n \/\/ Project details for \"Gesti\u00f3n Municipal Detallada\" section\n const projectButtonsContainerDetailed = document.getElementById('projects-buttons-detailed');\n const projectDetailsContainerDetailed = document.getElementById('project-details-detailed');\n\n projectsData.forEach(project => {\n const button = document.createElement('button');\n button.textContent = project.title;\n button.dataset.projectId = project.id;\n button.className = 'project-button px-4 py-2 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3d405b] transition-all duration-200';\n projectButtonsContainerDetailed.appendChild(button);\n });\n\n projectButtonsContainerDetailed.addEventListener('click', (e) => {\n if (e.target.classList.contains('project-button')) {\n const projectId = e.target.dataset.projectId;\n const project = projectsData.find(p => p.id === projectId);\n \n document.querySelectorAll('#projects-buttons-detailed .project-button').forEach(btn => btn.classList.remove('active'));\n e.target.classList.add('active');\n \n projectDetailsContainerDetailed.innerHTML = `<div class=\"text-left w-full\"><p class=\"text-gray-800 leading-relaxed\">${project.content}<\/p><\/div>`;\n }\n });\n\n \/\/ Accordion functionality\n document.querySelectorAll('.accordion-header').forEach(header => {\n header.addEventListener('click', () => {\n const content = header.nextElementSibling;\n const icon = header.querySelector('span');\n\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n content.style.maxHeight = null; \/\/ Reset max-height to collapse\n icon.style.transform = 'rotate(0deg)';\n } else {\n document.querySelectorAll('.accordion-content.open').forEach(openContent => {\n openContent.classList.remove('open');\n openContent.style.maxHeight = null; \/\/ Collapse other open accordions\n openContent.previousElementSibling.querySelector('span').style.transform = 'rotate(0deg)';\n });\n content.classList.add('open');\n content.style.maxHeight = content.scrollHeight + 'px'; \/\/ Set max-height to scrollHeight\n icon.style.transform = 'rotate(180deg)';\n }\n });\n });\n\n \/\/ Tab functionality for DAFO\n document.querySelectorAll('.tab-button').forEach(button => {\n button.addEventListener('click', () => {\n document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n document.getElementById(`tab-${button.dataset.tab}`).classList.add('active');\n });\n });\n \/\/ Set default active tab for DAFO\n document.querySelector('.tab-button[data-tab=\"fortalezas\"]').click();\n\n \/\/ Mobile Full-screen menu logic\n const moreMenuBtn = document.getElementById('more-menu-btn');\n const fullMenuModal = document.getElementById('full-menu-modal');\n const closeFullMenuBtn = document.getElementById('close-full-menu');\n const modalNavLinks = document.querySelectorAll('#full-menu-modal .modal-nav-link');\n\n if (moreMenuBtn) {\n moreMenuBtn.addEventListener('click', () => {\n fullMenuModal.classList.add('open');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n });\n }\n\n if (closeFullMenuBtn) {\n closeFullMenuBtn.addEventListener('click', () => {\n fullMenuModal.classList.remove('open');\n document.body.style.overflow = ''; \/\/ Re-enable scrolling\n });\n }\n\n modalNavLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n e.preventDefault();\n const targetId = link.getAttribute('href').substring(1);\n document.getElementById(targetId).scrollIntoView({ behavior: 'smooth' });\n fullMenuModal.classList.remove('open');\n document.body.style.overflow = '';\n });\n });\n\n\n \/\/ General navigation highlighting and scroll-to-top\n const topNavLinks = document.querySelectorAll('.top-nav-link');\n const bottomNavItems = document.querySelectorAll('.bottom-nav-item');\n const sections = document.querySelectorAll('section');\n const backToTopButton = document.getElementById('back-to-top');\n\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.4 \/\/ Adjust as needed\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const currentSectionId = entry.target.id;\n \n \/\/ Highlight top nav links\n topNavLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href').substring(1) === currentSectionId) {\n link.classList.add('active');\n }\n });\n\n \/\/ Highlight bottom nav links\n bottomNavItems.forEach(item => {\n item.classList.remove('active');\n const section = item.getAttribute('data-section');\n if (section && section === currentSectionId) {\n item.classList.add('active');\n }\n });\n }\n });\n }, observerOptions);\n\n sections.forEach(section => {\n observer.observe(section);\n });\n\n \/\/ Smooth scroll for all nav links (top and bottom)\n const allNavLinks = document.querySelectorAll('.top-nav-link, .bottom-nav-item');\n allNavLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href').substring(1);\n const targetSection = document.getElementById(targetId);\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n\n window.addEventListener('scroll', () => {\n if (window.scrollY > 200) {\n backToTopButton.style.display = 'block';\n } else {\n backToTopButton.style.display = 'none';\n }\n });\n\n backToTopButton.addEventListener('click', () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>An\u00e1lisis Integral: Gesti\u00f3n de Bruno Garc\u00eda – Mayo 2025 An\u00e1lisis Integral B.G. | Mayo 2025 Resumen Metodolog\u00eda DAFO Gesti\u00f3n Narrativas Actores Riesgos Matriz Narrativa Evoluci\u00f3n Escenarios Mapa General Material Conclusiones An\u00e1lisis Integral de la Gesti\u00f3n y Percepci\u00f3n P\u00fablica Bruno Garc\u00eda, Alcalde de C\u00e1diz – Mes de Mayo de 2025 Mayo de 2025, coincidiendo con el…<\/p>\n","protected":false},"author":1,"featured_media":128,"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":[4],"tags":[],"class_list":["post-126","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analisis"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/buscomunicacion.com\/wp-content\/uploads\/2025\/06\/ayuntamientocadiz-mejorvalorado-R5iwWXCDyjjHWDaRNpXYgXL-1200x840%40abc.webp?fit=1200%2C840&ssl=1","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pgDuos-22","_links":{"self":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/126","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=126"}],"version-history":[{"count":8,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/126\/revisions\/137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":126,"date":"2025-06-23T16:45:55","date_gmt":"2025-06-23T16:45:55","guid":{"rendered":"https:\/\/buscomunicacion.com\/?p=126"},"modified":"2025-07-06T11:45:53","modified_gmt":"2025-07-06T11:45:53","slug":"analisis-de-gestion-y-percepcion-publica-bruno-garcia","status":"publish","type":"post","link":"https:\/\/buscomunicacion.com\/index.php\/2025\/06\/23\/analisis-de-gestion-y-percepcion-publica-bruno-garcia\/","title":{"rendered":"An\u00e1lisis de Gesti\u00f3n y Percepci\u00f3n P\u00fablica Bruno Garcia"},"content":{"rendered":"\n\n\n\n \n \n An\u00e1lisis Integral: Gesti\u00f3n de Bruno Garc\u00eda – Mayo 2025<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n \n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #fdfbf7;\n color: #3d405b;\n padding-top: 64px; \/* Space for fixed top header *\/\n padding-bottom: 56px; \/* Space for fixed bottom mobile nav *\/\n }\n @media (min-width: 768px) {\n body {\n padding-bottom: 0; \/* No bottom padding on desktop *\/\n }\n .desktop-nav-container {\n display: flex !important; \/* Ensure desktop nav is always flex on desktop *\/\n }\n .mobile-only-nav {\n display: none !important; \/* Hide mobile nav on desktop *\/\n }\n }\n @media (max-width: 767px) {\n .desktop-nav-container {\n display: none !important; \/* Hide desktop nav on mobile *\/\n }\n .mobile-only-nav {\n display: flex !important; \/* Ensure mobile nav is always flex on mobile *\/\n }\n }\n\n .chart-container {\n position: relative;\n margin: auto;\n height: 300px;\n width: 100%;\n max-width: 600px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n \/* Top nav links *\/\n .top-nav-link {\n transition: color 0.3s, border-bottom-color 0.3s;\n border-bottom: 2px solid transparent;\n }\n .top-nav-link:hover, .top-nav-link.active {\n color: #d17a22;\n border-bottom-color: #d17a22;\n }\n \/* Bottom nav links *\/\n .bottom-nav-item {\n transition: color 0.3s, transform 0.3s;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n text-align: center;\n padding: 4px 0;\n cursor: pointer;\n color: #3d405b;\n font-size: 0.75rem; \/* text-xs *\/\n line-height: 1rem;\n text-decoration: none;\n }\n .bottom-nav-item.active {\n color: #d17a22;\n transform: translateY(-2px);\n }\n .bottom-nav-item svg {\n width: 24px;\n height: 24px;\n margin-bottom: 2px;\n }\n\n .project-button.active {\n background-color: #3d405b !important;\n color: #ffffff !important;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n }\n #back-to-top {\n display: none;\n z-index: 1000;\n }\n .accordion-header {\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .accordion-header:hover {\n background-color: #f5f5f5;\n }\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;\n }\n .accordion-content.open {\n \/* max-height is set dynamically by JS for full content height *\/\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n .tab-button.active {\n background-color: #3d405b !important;\n color: #ffffff !important;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n }\n .tab-content {\n display: none;\n }\n .tab-content.active {\n display: block;\n }\n \/* Custom styled table *\/\n .styled-table {\n border-collapse: collapse;\n width: 100%;\n border-radius: 0.75rem; \/* rounded-xl *\/\n overflow: hidden; \/* Ensures rounded corners apply to content *\/\n }\n .styled-table thead tr {\n background-color: #e0e7ff; \/* Light blue-grey for header *\/\n color: #3d405b;\n text-align: left;\n }\n .styled-table th,\n .styled-table td {\n padding: 12px 15px;\n border-bottom: 1px solid #e2e8f0; \/* border-gray-200 *\/\n }\n .styled-table tbody tr:nth-of-type(even) {\n background-color: #f8fafc; \/* bg-gray-50 *\/\n }\n .styled-table tbody tr:last-of-type {\n border-bottom: 2px solid #3d405b; \/* A bit darker border at the end *\/\n }\n \/* Full screen menu modal *\/\n #full-menu-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fdfbf7;\n z-index: 1001;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch; \/* for smooth scrolling on iOS *\/\n padding-top: 64px; \/* Space for modal header *\/\n padding-bottom: 20px;\n }\n #full-menu-modal.open {\n display: flex;\n flex-direction: column;\n justify-content: flex-start; \/* Align content to top *\/\n align-items: center;\n }\n #full-menu-modal .modal-header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background-color: #fff;\n padding: 1rem;\n display: flex;\n justify-content: flex-end;\n z-index: 1002;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n #full-menu-modal .modal-content {\n width: 100%;\n max-width: 500px; \/* Constrain width for readability *\/\n padding: 1rem;\n }\n #full-menu-modal .modal-nav-link {\n display: block;\n width: 100%;\n padding: 0.75rem 1rem;\n font-size: 1.125rem; \/* text-lg *\/\n font-weight: 600; \/* font-semibold *\/\n text-align: center;\n color: #3d405b;\n border-bottom: 1px solid #eee;\n }\n #full-menu-modal .modal-nav-link:hover {\n background-color: #f0f0f0;\n }\n #full-menu-modal .modal-nav-link:last-child {\n border-bottom: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <header class=\"bg-white\/80 backdrop-blur-md shadow-sm fixed top-0 left-0 right-0 z-50 h-16\">\n <nav class=\"container mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center justify-between\">\n <div class=\"flex-shrink-0\">\n <h1 class=\"text-lg font-bold text-[#3d405b]\">An\u00e1lisis Integral B.G. | Mayo 2025<\/h1>\n <\/div>\n \n <div class=\"desktop-nav-container hidden md:flex\">\n <div class=\"ml-10 flex items-baseline space-x-4\">\n <a href=\"#resumen\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Resumen<\/a>\n <a href=\"#metodologia\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Metodolog\u00eda<\/a>\n <a href=\"#dafo\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">DAFO<\/a>\n <a href=\"#gestion\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Gesti\u00f3n<\/a>\n <a href=\"#narrativas\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Narrativas<\/a>\n <a href=\"#actores\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Actores<\/a>\n <a href=\"#riesgos\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Riesgos<\/a>\n <a href=\"#matriz\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Matriz Narrativa<\/a>\n <a href=\"#evolucion\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Evoluci\u00f3n<\/a>\n <a href=\"#escenarios\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Escenarios<\/a>\n <a href=\"#mapa\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Mapa General<\/a>\n <a href=\"#material\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Material<\/a>\n <a href=\"#conclusiones\" class=\"top-nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700\">Conclusiones<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <\/header>\n\n <main class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\n\n <section id=\"resumen\" class=\"mb-16 scroll-mt-[90px] md:scroll-mt-[70px]\">\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b] sm:text-4xl\">An\u00e1lisis Integral de la Gesti\u00f3n y Percepci\u00f3n P\u00fablica<\/h2>\n <p class=\"mt-3 max-w-2xl mx-auto text-lg text-gray-600\">Bruno Garc\u00eda, Alcalde de C\u00e1diz – Mes de Mayo de 2025<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <p class=\"text-lg text-gray-700 leading-relaxed\">\n Mayo de 2025, coincidiendo con el ecuador de su mandato, revel\u00f3 una intensa actividad para el Alcalde Bruno Garc\u00eda. Su administraci\u00f3n avanz\u00f3 en la implementaci\u00f3n de proyectos clave y consolid\u00f3 reformas internas. Sin embargo, el an\u00e1lisis de la percepci\u00f3n p\u00fablica, especialmente en medios digitales, mostr\u00f3 una marcada divergencia, con una cr\u00edtica persistente sobre el mantenimiento urbano diario y la percepci\u00f3n de una falta de cambios tangibles y significativos. Este informe interactivo profundiza en esta dualidad, desglosando los logros, las cr\u00edticas y el sentimiento general, y ofreciendo un an\u00e1lisis estrat\u00e9gico para la comunicaci\u00f3n y la gesti\u00f3n.\n <\/p>\n <\/div>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-lg border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Sentimiento P\u00fablico General<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Distribuci\u00f3n del sentimiento en la conversaci\u00f3n p\u00fablica sobre la gesti\u00f3n del Alcalde.<\/p>\n <div class=\"chart-container h-[300px] md:h-[350px]\">\n <canvas id=\"sentimentChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"metodologia\" class=\"mb-16 scroll-mt-[90px] md:scroll-mt-[70px]\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Metodolog\u00eda del An\u00e1lisis<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Detalles sobre el enfoque, alcance y fuentes utilizadas para la investigaci\u00f3n.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2 px-4 bg-gray-50 rounded-lg\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Alcance y Proceso de Investigaci\u00f3n<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content p-4\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n La investigaci\u00f3n se centr\u00f3 exclusivamente en el mes de **Mayo de 2025 (del 1 al 31)**. El alcance geogr\u00e1fico prioritario fue **C\u00e1diz y su provincia**, extendi\u00e9ndose a medios andaluces y nacionales relevantes. El an\u00e1lisis se realiz\u00f3 **exclusivamente en espa\u00f1ol**. Se incluy\u00f3 un monitoreo de redes sociales (principalmente comentarios en noticias y menciones relevantes en Twitter\/X y Facebook) para captar la opini\u00f3n ciudadana.\n <\/p>\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Fuentes de Datos Clave:<\/h4>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 mb-4\">\n <li>**Prensa local:** Diario de C\u00e1diz, La Voz de C\u00e1diz, C\u00e1diz Directo, Andaluc\u00eda Informaci\u00f3n.<\/li>\n <li>**Medios audiovisuales locales:** Onda C\u00e1diz TV y Radio.<\/li>\n <li>**Prensa regional\/nacional con cobertura local:** ABC de Sevilla, El Pa\u00eds Andaluc\u00eda, La Raz\u00f3n Andaluc\u00eda.<\/li>\n <li>**Sitios web institucionales:** Web oficial del Ayuntamiento de C\u00e1diz, notas de prensa del equipo de gobierno.<\/li>\n <li>**Redes Sociales:** Perfiles oficiales de Bruno Garc\u00eda y del Ayuntamiento, as\u00ed como menciones relevantes de usuarios y medios (principalmente comentarios en medios digitales debido a limitaciones en datos directos de perfiles).<\/li>\n <\/ul>\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Metodolog\u00eda de An\u00e1lisis:<\/h4>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n Se aplic\u00f3 un enfoque mixto, comenzando con un **Resumen Cuantitativo** (volumen de menciones, alcance, plataformas) donde fue posible. La mayor parte del an\u00e1lisis fue **Cualitativo Profundo**, centrado en:\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>Sentimiento y tonos dominantes (positivo, negativo, neutro).<\/li>\n <li>Narrativas clave (argumento y porcentaje de volumen).<\/li>\n <li>Actores clave, su postura, impacto y red de resonancia.<\/li>\n <li>Detecci\u00f3n de anomal\u00edas, riesgos reputacionales y desinformaci\u00f3n.<\/li>\n <li>Identificaci\u00f3n de citas y publicaciones clave.<\/li>\n <li>Evaluaci\u00f3n de la gesti\u00f3n y la percepci\u00f3n p\u00fablica, identificando temas clave, controversias o logros.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"dafo\" class=\"mb-16 scroll-mt-[90px] md:scroll-mt-[70px]\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">An\u00e1lisis DAFO (SWOT)<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Un an\u00e1lisis estrat\u00e9gico de las Fortalezas, Oportunidades, Debilidades y Amenazas que impactan la gesti\u00f3n y percepci\u00f3n del Alcalde Bruno Garc\u00eda en mayo de 2025.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <div class=\"flex border-b border-gray-200 mb-4\">\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 border-r border-gray-200 rounded-tl-lg hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"fortalezas\">Fortalezas<\/button>\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 border-r border-gray-200 hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"debilidades\">Debilidades<\/button>\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 border-r border-gray-200 hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"oportunidades\">Oportunidades<\/button>\n <button class=\"tab-button px-4 py-2 text-sm font-semibold text-gray-700 rounded-tr-lg hover:bg-gray-100 focus:outline-none transition-all duration-200\" data-tab=\"amenazas\">Amenazas<\/button>\n <\/div>\n\n <div id=\"tab-fortalezas\" class=\"tab-content active\">\n <h3 class=\"text-xl font-bold mb-3 text-green-700\">Fortalezas<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Control Municipal:<\/strong> Capacidad de avanzar en proyectos directamente bajo su competencia (Baluarte del Orej\u00f3n, ZGAT, personal).<\/li>\n <li><strong class=\"font-semibold\">Planificaci\u00f3n Financiera:<\/strong> Aprobaci\u00f3n de presupuestos y planificaci\u00f3n a largo plazo demuestran estabilidad y visi\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Compromiso Social y Cultural:<\/strong> Participaci\u00f3n activa en eventos como los premios de la UCA refuerza una imagen positiva en estos \u00e1mbitos.<\/li>\n <li><strong class=\"font-semibold\">Enfoque Pragmatico:<\/strong> Concentraci\u00f3n en \u00abcosas peque\u00f1as e intermedias\u00bb que pueden generar un impacto visible a corto\/medio plazo.<\/li>\n <\/ul>\n <\/div>\n <div id=\"tab-debilidades\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold mb-3 text-red-700\">Debilidades<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Brecha de Percepci\u00f3n:<\/strong> La narrativa oficial de progreso no resuena con la percepci\u00f3n ciudadana de inacci\u00f3n y problemas diarios.<\/li>\n <li><strong class=\"font-semibold\">Problemas de Mantenimiento Urbano:<\/strong> La limpieza y el estado general de la ciudad son puntos d\u00e9biles persistentes y muy visibles.<\/li>\n <li><strong class=\"font-semibold\">Controversia Salarial:<\/strong> El aumento del sueldo del Alcalde sigue siendo una fuente de fuerte cr\u00edtica y desconfianza.<\/li>\n <li><strong class=\"font-semibold\">Dependencia de Actores Externos:<\/strong> Los grandes proyectos (hotel, Valc\u00e1rcel) estancados generan frustraci\u00f3n y son atribuidos a factores externos, pero el Alcalde no es percibido como suficientemente influyente.<\/li>\n <\/ul>\n <\/div>\n <div id=\"tab-oportunidades\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold mb-3 text-blue-700\">Oportunidades<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Comunicaci\u00f3n Estrat\u00e9gica:<\/strong> Capitalizar las inauguraciones de proyectos (Baluarte) para demostrar resultados tangibles.<\/li>\n <li><strong class=\"font-semibold\">Mejorar Servicios B\u00e1sicos:<\/strong> Las nuevas contrataciones de personal pueden traducirse en mejoras concretas en limpieza y servicios, que deben ser comunicadas proactivamente.<\/li>\n <li><strong class=\"font-semibold\">Di\u00e1logo Directo:<\/strong> Establecer foros o canales de comunicaci\u00f3n m\u00e1s efectivos para abordar las quejas ciudadanas y contrarrestar la desinformaci\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Alianzas Estrat\u00e9gicas:<\/strong> Reforzar la presi\u00f3n sobre la Junta de Andaluc\u00eda y el Gobierno Central para desbloquear grandes proyectos, demostrando liderazgo.<\/li>\n <\/ul>\n <\/div>\n <div id=\"tab-amenazas\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold mb-3 text-purple-700\">Amenazas<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li><strong class=\"font-semibold\">Polarizaci\u00f3n Continua:<\/strong> El discurso negativo persistente en l\u00ednea y la polarizaci\u00f3n pueden erosionar la base de apoyo.<\/li>\n <li><strong class=\"font-semibold\">Estrategia de la Oposici\u00f3n:<\/strong> La alineaci\u00f3n del PSOE con las quejas ciudadanas legitima sus cr\u00edticas y complica el control de la narrativa por parte de la administraci\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Inmovilismo Percibido:<\/strong> Si los grandes proyectos no avanzan y las mejoras diarias no son evidentes, la percepci\u00f3n de inacci\u00f3n podr\u00eda consolidarse y afectar las futuras elecciones.<\/li>\n <li><strong class=\"font-semibold\">Fatiga Ciudadana:<\/strong> La paciencia del p\u00fablico por resultados tangibles puede agotarse si las promesas no se materializan visiblemente.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Importancia Conceptual DAFO<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Evaluaci\u00f3n conceptual del impacto o relevancia de cada \u00e1rea DAFO en la gesti\u00f3n y reputaci\u00f3n (escala 1-10).<\/p>\n <div class=\"chart-container h-[250px]\">\n <canvas id=\"dafoImportanceChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Conteo de Elementos por Categor\u00eda DAFO<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">N\u00famero de puntos identificados en cada categor\u00eda del an\u00e1lisis DAFO.<\/p>\n <div class=\"chart-container h-[250px]\">\n <canvas id=\"dafoCategoryCountChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"gestion\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Ejes de Gesti\u00f3n Municipal: Temas Clave y Avances<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Explora en profundidad los principales hitos de gesti\u00f3n, proyectos espec\u00edficos y la agenda institucional del Alcalde durante mayo de 2025.<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Balance de Gesti\u00f3n a los Dos A\u00f1os de Mandato<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n En una entrevista con Diario de C\u00e1diz, el Alcalde Bruno Garc\u00eda ofreci\u00f3 una valoraci\u00f3n positiva de sus dos a\u00f1os de gesti\u00f3n. Destac\u00f3 que la administraci\u00f3n ha \u00abprogresado\u00bb y dado \u00abpasos s\u00f3lidos\u00bb hacia un \u00abcambio n\u00edtido en la ciudad, especialmente en la gesti\u00f3n, y con una forma m\u00e1s diversa de gobernar; gobernar para todos, dejando atr\u00e1s lo que, de hecho, la gente manifest\u00f3 hace dos a\u00f1os que no quer\u00eda\u00bb.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n El Alcalde deline\u00f3 su plan de mandato de cuatro a\u00f1os, explicando que 2023 sirvi\u00f3 para \u00abvisualizar y entender c\u00f3mo estaba la situaci\u00f3n del Ayuntamiento\u00bb, mientras que 2024 se dedic\u00f3 a \u00abestablecer los pasos administrativos para que la ciudad dejara atr\u00e1s esa mala gesti\u00f3n\u00bb. Para 2025 y 2026, anticip\u00f3 que se ver\u00edan \u00ablos primeros pasos claros de ese cambio de gesti\u00f3n\u00bb, con \u00abfrutos\u00bb que se har\u00edan \u00abmuy evidentes en el segundo semestre del a\u00f1o y muy claros en 2026\u00bb.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n La filosof\u00eda de gesti\u00f3n propuesta por el Alcalde se basa en tres pilares fundamentales: \u00ablas cosas peque\u00f1as, las cosas intermedias y los grandes proyectos\u00bb. Sus prioridades incluyen vivienda, empleo, mantenimiento de la ciudad, aspectos sociales, recuperaci\u00f3n de espacios p\u00fablicos y grandes proyectos, con un \u00e9nfasis crucial en la cultura y los eventos. Garc\u00eda mencion\u00f3 espec\u00edficamente los esfuerzos en curso para mejorar parques infantiles, el albergue, el Palacio de Congresos, el Parque Genov\u00e9s, el Mercado, el asfaltado de calles, las instalaciones deportivas, los alcorques, el mantenimiento urbano general, las zonas verdes y el servicio de ayuda a domicilio, \u00e1reas que, seg\u00fan \u00e9l, presentaban una \u00abgesti\u00f3n deficiente\u00bb a su llegada.\n <\/p>\n <div class=\"bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">\u00c9nfasis en los Pilares de Gesti\u00f3n<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Visualizaci\u00f3n del enfoque de la administraci\u00f3n en los diferentes tipos de proyectos.<\/p>\n <div class=\"chart-container h-[250px]\">\n <canvas id=\"gestionPillarsChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Proyectos y Anuncios Destacados<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">Aqu\u00ed puedes explorar los detalles de los proyectos y anuncios m\u00e1s relevantes del mes de mayo. Haz clic en cada bot\u00f3n para ver la informaci\u00f3n.<\/p>\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\" id=\"projects-buttons-detailed\">\n \n <\/div>\n <div id=\"project-details-detailed\" class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 min-h-[100px] flex items-center justify-center\">\n <p class=\"text-gray-500\">Selecciona un proyecto para ver los detalles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Participaci\u00f3n en Eventos Institucionales<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">D\u00eda de Internet:<\/h4>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n La Junta de Andaluc\u00eda celebr\u00f3 el D\u00eda Mundial de Internet en C\u00e1diz. Los datos disponibles no confirman expl\u00edcitamente la asistencia directa o la participaci\u00f3n espec\u00edfica del Alcalde Bruno Garc\u00eda en este evento.\n <\/p>\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Premios a la Implicaci\u00f3n Social de la UCA:<\/h4>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n El 14 de mayo de 2025, el Alcalde Bruno Garc\u00eda <strong class=\"font-semibold\">presidi\u00f3<\/strong> la IX edici\u00f3n de los Premios a la Implicaci\u00f3n Social de la Universidad de C\u00e1diz (UCA). Este evento de alto perfil reconoci\u00f3 a estudiantes, egresados, investigadores y entidades por su contribuci\u00f3n al desarrollo social en la provincia. La participaci\u00f3n destacada del Alcalde en este evento refuerza el compromiso de su administraci\u00f3n con la participaci\u00f3n comunitaria y la responsabilidad social.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"narrativas\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Narrativas Dominantes y Tono Medi\u00e1tico<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Explora las principales narrativas que enmarcaron el discurso p\u00fablico y medi\u00e1tico sobre la gesti\u00f3n del Alcalde Bruno Garc\u00eda en mayo de 2025.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Prominencia de Narrativas<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Este gr\u00e1fico muestra la frecuencia o intensidad con la que cada narrativa se manifest\u00f3 en los medios y la conversaci\u00f3n p\u00fablica (mayor valor = mayor prominencia).<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"narrativesChart\"><\/canvas>\n <\/div>\n <div class=\"mt-8 space-y-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Descripci\u00f3n de las Narrativas:<\/h3>\n <div>\n <h4 class=\"font-semibold text-lg mb-1 text-green-700\">Narrativa de Progreso y Gesti\u00f3n Eficaz (Oficial)<\/h4>\n <p class=\"text-gray-700 leading-relaxed\">\n Impulsada principalmente por el equipo de gobierno y el propio Alcalde en sus intervenciones y notas de prensa. Se centra en la aprobaci\u00f3n de presupuestos, el avance en proyectos urbanos (Baluarte del Orej\u00f3n, ZGAT), la mejora de la capacidad administrativa con nuevas contrataciones, y la visi\u00f3n a largo plazo para la ciudad. El tono es positivo y proactivo, buscando transmitir la imagen de una administraci\u00f3n que \u00abhace cosas\u00bb y sienta las bases para el futuro de C\u00e1diz.\n <\/p>\n <\/div>\n <div>\n <h4 class=\"font-semibold text-lg mb-1 text-red-700\">Narrativa de Queja Ciudadana (Falta de Acci\u00f3n y Problemas Cotidianos)<\/h4>\n <p class=\"text-gray-700 leading-relaxed\">\n Dominante en las secciones de comentarios de los medios digitales y reflejando el sentir de una parte de la ciudadan\u00eda. Se enfoca en la insatisfacci\u00f3n con la limpieza y el mantenimiento urbano (\u00abC\u00e1diz huele mal\u00bb), la percepci\u00f3n de inacci\u00f3n general por parte del Ayuntamiento, y la frustraci\u00f3n por la falta de cambios visibles en el d\u00eda a d\u00eda. El aumento del sueldo del Alcalde es un punto recurrente de esta narrativa. El tono es negativo, frustrado y, a menudo, muy directo.\n <\/p>\n <\/div>\n <div>\n <h4 class=\"font-semibold text-lg mb-1 text-blue-700\">Narrativa de Cr\u00edtica de la Oposici\u00f3n (Falta de Liderazgo y Coherencia)<\/h4>\n <p class=\"text-gray-700 leading-relaxed\">\n Articulada principalmente por el PSOE de C\u00e1diz. Critica la falta de liderazgo y ambici\u00f3n del Alcalde, las incoherencias en las pol\u00edticas municipales (ej. aparcamientos, facturas de agua), y la supuesta incapacidad para desbloquear grandes proyectos dependientes de otras administraciones. Esta narrativa a menudo se alinea con las quejas ciudadanas, buscando legitimar la cr\u00edtica pol\u00edtica a trav\u00e9s de la frustraci\u00f3n popular. El tono es confrontacional y de denuncia.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Tono Predominante por Tipo de Fuente<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Compara la distribuci\u00f3n del sentimiento (Positivo\/Neutral\/Negativo) seg\u00fan el origen de la informaci\u00f3n.<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"mediaToneBySourceChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Prominencia de Temas en Medios de Comunicaci\u00f3n<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Este gr\u00e1fico muestra la prominencia o frecuencia con la que cada tema fue cubierto o mencionado en los medios (1=Muy Baja, 5=Muy Alta).<\/p>\n <div class=\"chart-container h-[450px] md:h-[500px]\">\n <canvas id=\"mediaToneProminenceChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Temas de Queja M\u00e1s Frecuentes (Comentarios Ciudadanos)<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Refleja la intensidad de las quejas ciudadanas en los comentarios de medios digitales (escala no lineal de frecuencia).<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"complaintsChartUpdated\"><\/canvas>\n <\/div>\n <div class=\"bg-gray-50 p-4 rounded-lg mt-4\">\n <h4 class=\"font-semibold text-lg mb-2 text-[#d17a22]\">Citas y Cr\u00edticas Representativas:<\/h4>\n <blockquote class=\"bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg mb-3\">\n <p class=\"italic text-gray-700\">\u00abNo das la talla\u00bb, \u00abno ha hecho usted nada\u00bb, \u00abC\u00e1diz huele mal\u00bb, \u00ab\u00bfY cuando piensa hacer esas cosas que no sabemos que va hacer?\u00bb, \u00aben el ayuntamiento que se vea no est\u00e1s haciendo nada\u00bb.<\/p>\n <footer class=\"text-right text-sm text-gray-500 mt-2\">– Comentarios ciudadanos negativos recurrentes<\/footer>\n <\/blockquote>\n <blockquote class=\"bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg mb-3\">\n <p class=\"italic text-gray-700\">\u00abHa actuado como un militante disciplinado en lugar de un alcalde ambicioso con su ciudad. Ni est\u00e1 ni se le espera.\u00bb<\/p>\n <footer class=\"text-right text-sm text-gray-500 mt-2\">– \u00d3scar Torres, Portavoz del PSOE de C\u00e1diz<\/footer>\n <\/blockquote>\n <blockquote class=\"bg-green-50 border-l-4 border-green-500 p-4 rounded-r-lg\">\n <p class=\"italic text-gray-700\">\u00ab\u00a1 C\u00d3MO ESTOY DISFRUTANDO con el alcalde BRUNO en la ALCALD\u00cdA! \u00a1T\u00da MANDAS, alcalde BRUNO!\u00bb<\/p>\n <footer class=\"text-right text-sm text-gray-500 mt-2\">– Comentarios ciudadanos de apoyo (minoritarios)<\/footer>\n <\/blockquote>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"actores\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Mapeo de Actores y Redes de Influencia<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Identifica a los principales actores que influyeron en la conversaci\u00f3n p\u00fablica sobre la gesti\u00f3n del Alcalde.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Bruno Garc\u00eda (Alcalde) y Equipo de Gobierno<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Proactiva y positiva, enfocada en la narrativa de \u00abprogreso\u00bb, \u00abgesti\u00f3n\u00bb y \u00absiembra de semillas\u00bb para el futuro. Buscan consolidar la administraci\u00f3n y avanzar en proyectos propios.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Alta visibilidad en medios tradicionales (entrevistas, anuncios oficiales). Capacidad directa de acci\u00f3n a nivel municipal. Sin embargo, su mensaje tiene una resonancia limitada en la esfera digital p\u00fablica.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Medios locales y regionales controlados por su mensaje oficial. Sitios web institucionales.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">PSOE de C\u00e1diz (\u00d3scar Torres, Portavoz)<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Cr\u00edtica y de denuncia, enfocada en la \u00abfalta de liderazgo\u00bb, \u00abinacci\u00f3n\u00bb e \u00abincoherencias\u00bb. Buscan erosionar la credibilidad de la gesti\u00f3n municipal.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Alta capacidad para amplificar las quejas ciudadanas, lo que legitima su discurso. Sus cr\u00edticas resuenan fuertemente en los comentarios digitales.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Medios generalistas y digitales que recogen sus declaraciones. Redes sociales, donde sus cr\u00edticas se alinean con la frustraci\u00f3n ciudadana.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Ciudadanos de C\u00e1diz (P\u00fablico General y Usuarios de Redes)<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Predominantemente cr\u00edtica y frustrada, enfocada en problemas cotidianos (limpieza, mantenimiento) y la percepci\u00f3n de inacci\u00f3n.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Su volumen de comentarios negativos en medios digitales genera un \u00abruido\u00bb que domina la conversaci\u00f3n y es amplificado por la oposici\u00f3n.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Secciones de comentarios de peri\u00f3dicos digitales locales, grupos de Facebook y conversaciones en Twitter\/X.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Medios de Comunicaci\u00f3n (Locales, Regionales, Nacionales)<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Postura:** Generalmente neutral en reportajes de noticias, reflejando anuncios y declaraciones. Algunos medios pueden tener una l\u00ednea editorial m\u00e1s cr\u00edtica o favorable.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-2\">\n **Impacto:** Son el principal canal de difusi\u00f3n de las narrativas. Sus plataformas digitales act\u00faan como foros clave para la expresi\u00f3n ciudadana (comentarios).\n <\/p>\n <p class=\"text-gray-700 leading-relaxed\">\n **Red de Resonancia:** Audiencia masiva en C\u00e1diz y la provincia, con extensi\u00f3n a nivel regional y nacional para noticias de mayor calado.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Impacto de Actores en la Conversaci\u00f3n P\u00fablica<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Evaluaci\u00f3n conceptual de la influencia de cada actor en el discurso p\u00fablico.<\/p>\n <div class=\"chart-container h-[300px]\">\n <canvas id=\"actorsImpactChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"riesgos\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Principales Riesgos Reputacionales<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Identificaci\u00f3n de las principales amenazas a la imagen y la gesti\u00f3n del Alcalde Bruno Garc\u00eda.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-red-700\">Riesgos Estrat\u00e9gicos Detectados<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong class=\"font-semibold text-[#3d405b]\">Persistencia del sentimiento negativo:<\/strong> Si no se atienden las quejas sobre limpieza y mantenimiento, la desconfianza p\u00fablica podr\u00eda arraigarse, haciendo los esfuerzos de comunicaci\u00f3n menos efectivos.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Amplificaci\u00f3n por la oposici\u00f3n:<\/strong> La alineaci\u00f3n estrat\u00e9gica del PSOE con las quejas ciudadanas representa un riesgo significativo, ya que legitima sus cr\u00edticas y dificulta el control de la narrativa por parte de la administraci\u00f3n.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Expectativas incumplidas para \u00abGrandes Proyectos\u00bb:<\/b> Los continuos retrasos en proyectos importantes y de alto perfil (hotel Puerto Am\u00e9rica, Valc\u00e1rcel), incluso si se atribuyen a factores externos, podr\u00edan erosionar la confianza p\u00fablica en la capacidad de la administraci\u00f3n para cumplir su visi\u00f3n a largo plazo, afectando el apoyo electoral futuro.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Fatiga Ciudadana:<\/strong> La paciencia del p\u00fablico por resultados tangibles puede agotarse si las mejoras prometidas no se materializan visiblemente en el corto o medio plazo, llevando a un aumento de la apat\u00eda o el descontento.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Vulnerabilidad Narrativa:<\/strong> La brecha entre el discurso oficial optimista y la realidad percibida por los ciudadanos crea una incoherencia que puede ser explotada por cr\u00edticos, afectando la credibilidad.<\/li>\n <\/ul>\n <div class=\"bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Nivel de Riesgo Conceptual<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Evaluaci\u00f3n conceptual de la severidad o impacto de cada riesgo identificado (escala 1-10).<\/p>\n <div class=\"chart-container h-[350px]\">\n <canvas id=\"riskLevelChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"matriz\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Matriz Narrativa: Riesgo vs. Control<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Una tabla que cruza la prominencia de las narrativas con su tono, el nivel de control y el riesgo reputacional.<\/p>\n <\/div>\n <div class=\"max-w-5xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200 overflow-x-auto\">\n <table class=\"styled-table\">\n <thead>\n <tr>\n <th scope=\"col\">Narrativa<\/th>\n <th scope=\"col\">Tono Dominante<\/th>\n <th scope=\"col\">Control (Municipal)<\/th>\n <th scope=\"col\">Riesgo Reputacional<\/th>\n <th scope=\"col\">Oportunidad Estrat\u00e9gica<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Progreso y Gesti\u00f3n Eficaz (Oficial)<\/td>\n <td>Positivo<\/td>\n <td>Alto (control del mensaje y acciones)<\/td>\n <td>Medio (si no se ven resultados tangibles)<\/td>\n <td>Amplificaci\u00f3n de logros, reforzar credibilidad.<\/td>\n <\/tr>\n <tr>\n <td>Queja Ciudadana (Limpieza, Inacci\u00f3n)<\/td>\n <td>Muy Negativo<\/td>\n <td>Medio (puede actuar, pero percepci\u00f3n es lenta)<\/td>\n <td>Alto (base de la desafecci\u00f3n)<\/td>\n <td>Demostrar mejoras visibles, comunicaci\u00f3n proactiva.<\/td>\n <\/tr>\n <tr>\n <td>Cr\u00edtica Oposici\u00f3n (Liderazgo, Incoherencia)<\/td>\n <td>Negativo<\/td>\n <td>Bajo (dif\u00edcil controlar discurso opositor)<\/td>\n <td>Alto (legitimado por queja ciudadana)<\/td>\n <td>Refutar con hechos, mostrar liderazgo.<\/td>\n <\/tr>\n <tr>\n <td>Proyectos Estancados (Ej. Hotel, Valc\u00e1rcel)<\/td>\n <td>Negativo<\/td>\n <td>Muy Bajo (depende de otras administraciones)<\/td>\n <td>Medio (frustraci\u00f3n p\u00fablica)<\/td>\n <td>Comunicar acciones y presiones a externos.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <section id=\"evolucion\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Evoluci\u00f3n de Narrativas y Temas<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">C\u00f3mo cambiaron las conversaciones y el enfoque medi\u00e1tico a lo largo del mes de mayo de 2025.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2 px-4 bg-gray-50 rounded-lg\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Din\u00e1mica del Discurso en Mayo 2025<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content p-4\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n El mes de mayo estuvo marcado por dos momentos clave que influyeron en la evoluci\u00f3n de las narrativas:\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 mb-4\">\n <li>**Inicio de Mes (Primeros 15 d\u00edas):** Dominado por los anuncios de gesti\u00f3n y proyectos (aprobaci\u00f3n de presupuestos, Baluarte del Orej\u00f3n, ZGAT). El tono oficial fue m\u00e1s prominente, aunque las quejas sobre limpieza y el sueldo del Alcalde ya estaban presentes en los comentarios ciudadanos. La narrativa de \u00abprogreso\u00bb oficial buscaba establecerse.<\/li>\n <li>**Mediados a Finales de Mes (15 al 31 de mayo):** Se intensificaron las cr\u00edticas de la oposici\u00f3n, especialmente la del PSOE el 27 de mayo. Esto amplific\u00f3 las quejas ciudadanas preexistentes (limpieza, inacci\u00f3n). La narrativa de \u00abcr\u00edtica y falta de liderazgo\u00bb gan\u00f3 terreno y se fusion\u00f3 con la \u00abqueja ciudadana\u00bb, eclipsando en parte los anuncios de gesti\u00f3n. El debate sobre el Hotel Puerto Am\u00e9rica tambi\u00e9n resurgi\u00f3 con m\u00e1s fuerza hacia finales de mes, a\u00f1adiendo a la frustraci\u00f3n por proyectos estancados.<\/li>\n <\/ul>\n <p class=\"text-gray-700 leading-relaxed\">\n **Puntos de Escalada:** Las cr\u00edticas sobre la **limpieza urbana** y el **sueldo del Alcalde** mostraron una persistencia y un volumen constante a lo largo de todo el mes, actuando como un \u00abtel\u00f3n de fondo\u00bb negativo que se amplificaba cuando se presentaban narrativas oficiales de progreso. Las **declaraciones de la oposici\u00f3n** fueron el principal catalizador para la escalada de la narrativa negativa general.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mt-4\">\n **Narrativas Decayendo\/Saturadas:** Los anuncios puramente administrativos, como la visita a La Martona, tuvieron un impacto limitado en la conversaci\u00f3n general y r\u00e1pidamente decayeron en prominencia. El debate sobre el COAC, aunque relevante, se mantuvo en un c\u00edrculo m\u00e1s espec\u00edfico sin dominar la conversaci\u00f3n p\u00fablica general.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"escenarios\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Simulaci\u00f3n de Escenarios Futuros<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Proyecciones de lo que podr\u00eda suceder en la percepci\u00f3n p\u00fablica seg\u00fan diferentes l\u00edneas de acci\u00f3n estrat\u00e9gica.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto space-y-4\">\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Escenario 1: Inercia y Reacci\u00f3n Pasiva<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **L\u00ednea de Acci\u00f3n:** La administraci\u00f3n mantiene la estrategia actual de comunicaci\u00f3n centrada en los procesos y anuncios oficiales, con una respuesta limitada a las cr\u00edticas ciudadanas y de la oposici\u00f3n, esperando que los \u00abfrutos\u00bb prometidos se vean con el tiempo.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **Proyecci\u00f3n:**\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>El sentimiento negativo en la calle y en los comentarios digitales se consolidar\u00e1 y podr\u00eda empeorar.<\/li>\n <li>La oposici\u00f3n continuar\u00e1 amplificando las quejas ciudadanas, ganando m\u00e1s credibilidad y legitimidad pol\u00edtica.<\/li>\n <li>Los \u00abgrandes proyectos\u00bb estancados seguir\u00e1n siendo un foco de frustraci\u00f3n, y la administraci\u00f3n ser\u00e1 percibida como ineficaz, incluso si los retrasos no son su culpa directa.<\/li>\n <li>La brecha entre la narrativa oficial y la percepci\u00f3n p\u00fablica se ampliar\u00e1, afectando la credibilidad a largo plazo del Alcalde y del gobierno municipal.<\/li>\n <li>Aumento del riesgo reputacional a medio y largo plazo, lo que podr\u00eda tener un impacto significativo en las futuras elecciones.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Escenario 2: Acci\u00f3n Estrat\u00e9gica y Comunicaci\u00f3n Proactiva<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **L\u00ednea de Acci\u00f3n:** Implementaci\u00f3n rigurosa de las recomendaciones estrat\u00e9gicas: enfoque en el impacto diario visible (limpieza, mantenimiento), comunicaci\u00f3n transparente sobre controversias (sueldo, enseres), presi\u00f3n proactiva sobre dependencias externas y fortalecimiento del compromiso digital.\n <\/p>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n **Proyecci\u00f3n:**\n <\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>**Corto Plazo:** Posible aumento inicial de cr\u00edticas al abordar temas sensibles, pero la transparencia puede generar confianza. Se observan peque\u00f1as mejoras en el sentimiento en \u00e1reas espec\u00edficas.<\/li>\n <li>**Medio Plazo:** Una mejora tangible y visible en los servicios b\u00e1sicos (limpieza) comenzar\u00e1 a contrarrestar la narrativa negativa. La comunicaci\u00f3n efectiva de los logros y el manejo de las cr\u00edticas reducir\u00e1 la amplificaci\u00f3n de la oposici\u00f3n.<\/li>\n <li>**Largo Plazo:** Reconstrucci\u00f3n gradual de la credibilidad y la confianza p\u00fablica. La administraci\u00f3n recupera el control de la narrativa, y el Alcalde es percibido como un l\u00edder eficaz y cercano a los problemas ciudadanos. El riesgo reputacional disminuye, abriendo oportunidades para un mayor apoyo.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"mapa\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Mapa Narrativo General<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Esquema resumen de la interacci\u00f3n entre actores, narrativas, tonos, riesgos y acciones necesarias.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <div class=\"space-y-6\">\n <div class=\"border-b-2 border-[#d17a22] pb-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Actor: Alcalde y Equipo de Gobierno<\/h3>\n <p class=\"text-gray-700 mt-2\">**Narrativa Clave:** Progreso y gesti\u00f3n eficaz (positivo).<\/p>\n <p class=\"text-gray-700\">**Riesgo Principal:** Discrepancia con la percepci\u00f3n ciudadana.<\/p>\n <p class=\"text-gray-700\">**Acci\u00f3n Recomendada:** Capitalizar logros visibles y mejorar comunicaci\u00f3n de impacto diario.<\/p>\n <\/div>\n <div class=\"border-b-2 border-red-500 pb-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Actor: Ciudadanos \/ Redes Sociales<\/h3>\n <p class=\"text-gray-700 mt-2\">**Narrativa Clave:** Queja: Limpieza, inacci\u00f3n, sueldo (muy negativo).<\/p>\n <p class=\"text-gray-700\">**Riesgo Principal:** Erosi\u00f3n de la confianza y polarizaci\u00f3n.<\/p>\n <p class=\"text-gray-700\">**Acci\u00f3n Recomendada:** Demostrar mejoras tangibles, transparencia y di\u00e1logo directo sobre quejas.<\/p>\n <\/div>\n <div class=\"border-b-2 border-blue-500 pb-4\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Actor: Oposici\u00f3n (PSOE)<\/h3>\n <p class=\"text-gray-700 mt-2\">**Narrativa Clave:** Cr\u00edtica: Falta de liderazgo, ineficacia (negativo).<\/p>\n <p class=\"text-gray-700\">**Riesgo Principal:** Legitimaci\u00f3n de la cr\u00edtica opositora.<\/p>\n <p class=\"text-gray-700\">**Acci\u00f3n Recomendada:** Contrarrestar con hechos, liderazgo visible y defensa de la gesti\u00f3n.<\/p>\n <\/div>\n <div class=\"pb-2\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Interacci\u00f3n General y Desaf\u00edo:<\/h3>\n <p class=\"text-gray-700 mt-2 leading-relaxed\">\n La narrativa oficial del Alcalde es contrarrestada y amplificada negativamente por la frustraci\u00f3n ciudadana, que a su vez es articulada y legitimada por la oposici\u00f3n. El riesgo principal es que la percepci\u00f3n de inacci\u00f3n o ineficacia se consolide. La acci\u00f3n estrat\u00e9gica clave es cerrar la brecha entre la gesti\u00f3n y la percepci\u00f3n mediante mejoras tangibles y una comunicaci\u00f3n proactiva y transparente, recuperando el control del relato.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"material\" class=\"mb-16 scroll-mt-20\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Material Analizado<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">Listado de las fuentes de informaci\u00f3n clave utilizadas para este an\u00e1lisis.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-4 rounded-xl shadow-md border border-gray-200\">\n <div class=\"accordion-header flex justify-between items-center py-2 px-4 bg-gray-50 rounded-lg\">\n <h3 class=\"text-xl font-bold text-[#3d405b]\">Fuentes Consultadas<\/h3>\n <span class=\"text-xl transform transition-transform duration-300\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-content p-4\">\n <ul class=\"list-disc list-inside text-gray-700 space-y-2\">\n <li>**Prensa local:** Diario de C\u00e1diz, La Voz de C\u00e1diz, C\u00e1diz Directo, Andaluc\u00eda Informaci\u00f3n.<\/li>\n <li>**Medios audiovisuales locales:** Onda C\u00e1diz TV y Radio.<\/li>\n <li>**Prensa regional\/nacional con cobertura local:** ABC de Sevilla, El Pa\u00eds Andaluc\u00eda, La Raz\u00f3n Andaluc\u00eda.<\/li>\n <li>**Sitios web institucionales:** Web oficial del Ayuntamiento de C\u00e1diz, notas de prensa del equipo de gobierno.<\/li>\n <li>**Redes Sociales:** Comentarios en noticias digitales (ej. Diario de C\u00e1diz), menciones relevantes en Twitter\/X y Facebook (an\u00e1lisis cualitativo debido a datos limitados).<\/li>\n <li>**Citas y referencias espec\u00edficas (indicadas con [n\u00famero]):** Corresponden a fragmentos de texto o fuentes espec\u00edficas mencionadas en el informe original detallado, que sirven de respaldo para los an\u00e1lisis presentados.<\/li>\n <\/ul>\n <p class=\"text-gray-700 leading-relaxed mt-4\">\n La robustez del an\u00e1lisis se basa en la triangulaci\u00f3n de informaci\u00f3n de estas diversas fuentes, priorizando aquellas con mayor relevancia y frecuencia de cobertura durante el periodo de estudio.\n <\/p>\n <div class=\"max-w-xl mx-auto bg-white p-4 rounded-xl shadow-inner border border-gray-200 mt-4\">\n <h3 class=\"text-xl font-bold mb-2 text-center text-[#3d405b]\">Distribuci\u00f3n de Tipos de Fuentes<\/h3>\n <p class=\"text-gray-700 text-sm mb-4 text-center\">Una representaci\u00f3n conceptual de los tipos de medios que contribuyeron al an\u00e1lisis.<\/p>\n <div class=\"chart-container h-[300px]\">\n <canvas id=\"sourceTypeDistributionChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"conclusiones\" class=\"scroll-mt-20\">\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#3d405b]\">Conclusiones y Recomendaciones Estrat\u00e9gicas<\/h2>\n <p class=\"mt-2 max-w-3xl mx-auto text-lg text-gray-600\">S\u00edntesis de los principales riesgos, oportunidades y l\u00edneas de acci\u00f3n estrat\u00e9gicas derivadas del an\u00e1lisis.<\/p>\n <\/div>\n <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 mb-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center\">\u00c1reas de Oportunidad<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong class=\"font-semibold text-[#3d405b]\">Capitalizar proyectos finalizados:<\/strong> Inaugurar y comunicar activamente logros tangibles como el Baluarte del Orej\u00f3n para demostrar resultados.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Comunicaci\u00f3n sobre mejoras:<\/strong> Informar de manera proactiva sobre los esfuerzos en mantenimiento, saneamiento y c\u00f3mo el nuevo personal mejorar\u00e1 los servicios.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Fortalecer el compromiso digital:<\/strong> Usar las redes sociales para responder a quejas, mostrar el trabajo diario visualmente y abordar directamente la desinformaci\u00f3n.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center\">Riesgos Estrat\u00e9gicos<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong class=\"font-semibold text-[#3d405b]\">Persistencia del sentimiento negativo:<\/strong> Si no se atienden las quejas sobre limpieza y mantenimiento, la desconfianza p\u00fablica podr\u00eda arraigarse.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Amplificaci\u00f3n por la oposici\u00f3n:<\/b> La alineaci\u00f3n del PSOE con las quejas ciudadanas les otorga credibilidad y dificulta el control de la narrativa.<\/li>\n <li><strong class=\"font-semibold text-[#3d405b]\">Expectativas incumplidas:<\/b> Los retrasos en grandes proyectos, incluso si son por causas externas, pueden erosionar la confianza a largo plazo.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#d17a22]\">Recomendaciones Estrat\u00e9gicas Clave<\/h3>\n <ul class=\"list-disc list-inside text-gray-700 space-y-3\">\n <li><strong class=\"font-semibold\">Enfoque en el Impacto Diario Visible:<\/strong> La comunicaci\u00f3n principal debe pasar de los planes futuros a las mejoras inmediatas y tangibles en la vida cotidiana. Implementar iniciativas muy visibles y consistentemente en limpieza urbana y mantenimiento, con \u00abantes y despu\u00e9s\u00bb.<\/li>\n <li><strong class=\"font-semibold\">Compromiso Directo y Transparencia en Quejas Clave:<\/strong> Desarrollar campa\u00f1as espec\u00edficas y transparentes para abordar controversias como el aumento del sueldo y los problemas de servicios (ej. recogida de enseres), incluyendo foros p\u00fablicos.<\/li>\n <li><strong class=\"font-semibold\">Control Proactivo de la Narrativa para Dependencias Externas:<\/strong> Mantener presi\u00f3n p\u00fablica sobre el gobierno responsable de grandes proyectos estancados, comunicando claramente las acciones municipales y present\u00e1ndose como un defensor de C\u00e1diz.<\/li>\n <li><strong class=\"font-semibold\">Fortalecer la Presencia y el Compromiso Digital:<\/strong> Invertir en redes sociales oficiales para responder activamente a preocupaciones, mostrar el trabajo diario visualmente y abordar directamente la desinformaci\u00f3n.<\/li>\n <li><strong class=\"font-semibold\">Contrarrestar las Narrativas de la Oposici\u00f3n con Datos y Acciones:<\/strong> Desarrollar contra-narrativas que resalten los logros de la administraci\u00f3n y contrasten con deficiencias anteriores, usando datos concretos.<\/li>\n <li><strong class=\"font-semibold\">Mejorar el Bucle de Retroalimentaci\u00f3n Ciudadana:<\/strong> Establecer mecanismos accesibles para la retroalimentaci\u00f3n, demostrando que las preocupaciones son escuchadas y se act\u00faa sobre ellas para mejorar la confianza.<\/li>\n <\/ul>\n <\/div>\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-md border border-gray-200 mt-8\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#3d405b]\">Diagn\u00f3stico Final: \u00bfQu\u00e9 est\u00e1 en juego?<\/h3>\n <p class=\"text-lg text-gray-700 leading-relaxed\">\n Lo que est\u00e1 en juego para el Alcalde Bruno Garc\u00eda es la **credibilidad y la consolidaci\u00f3n de su liderazgo de cara a la segunda mitad de su mandato y las futuras elecciones**. La **brecha entre la gesti\u00f3n y la percepci\u00f3n** es el foco narrativo m\u00e1s urgente. Si no se aborda proactiva y visiblemente la insatisfacci\u00f3n ciudadana con los problemas cotidianos y la percepci\u00f3n de inacci\u00f3n, la narrativa negativa podr\u00eda arraigarse de forma irreversible. La **ventana de oportunidad** reside en la capacidad de la administraci\u00f3n para traducir sus logros internos en mejoras tangibles percibidas por los ciudadanos, y comunicarlas eficazmente, aprovechando el capital pol\u00edtico restante para tomar acciones decididas que refuercen su posici\u00f3n.\n <\/p>\n <\/div>\n <\/section>\n\n <\/main>\n \n <button id=\"back-to-top\" class=\"fixed bottom-4 right-4 p-3 rounded-full bg-[#3d405b] text-white shadow-lg focus:outline-none transition-all duration-300 hover:scale-110\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\" \/>\n <\/svg>\n <\/button>\n\n \n <nav id=\"mobile-bottom-nav\" class=\"fixed bottom-0 left-0 right-0 h-14 bg-white shadow-lg mobile-only-nav hidden flex justify-around items-center\">\n <a href=\"#resumen\" class=\"bottom-nav-item\" data-section=\"resumen\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m0 0l-7 7m7-7v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg>\n <span>Resumen<\/span>\n <\/a>\n <a href=\"#dafo\" class=\"bottom-nav-item\" data-section=\"dafo\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0h.01M9 10V4a2 2 0 012-2h2a2 2 0 012 2v6m-6 0h6m-9 0H3h9m-9 0a2 2 0 002 2h2a2 2 0 002-2V4m-6 6h6m-9 0V4a2 2 0 012-2h2a2 2 0 012 2v6m-6 0H3h9\"\/><\/svg>\n <span>DAFO<\/span>\n <\/a>\n <a href=\"#narrativas\" class=\"bottom-nav-item\" data-section=\"narrativas\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 8h10M7 12h10M7 16h10M4 6h16a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2z\"\/><\/svg>\n <span>Narrativas<\/span>\n <\/a>\n <a href=\"#conclusiones\" class=\"bottom-nav-item\" data-section=\"conclusiones\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"\/><\/svg>\n <span>Conclusiones<\/span>\n <\/a>\n <a href=\"#\" id=\"more-menu-btn\" class=\"bottom-nav-item\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\n <span>M\u00e1s<\/span>\n <\/a>\n <\/nav>\n\n \n <div id=\"full-menu-modal\" class=\"hidden\">\n <div class=\"modal-header\">\n <button id=\"close-full-menu\" class=\"text-gray-700 hover:text-[#d17a22]\">\n <svg class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-content\">\n <nav class=\"flex flex-col items-center\">\n <a href=\"#resumen\" class=\"modal-nav-link\" data-section=\"resumen\">Resumen<\/a>\n <a href=\"#metodologia\" class=\"modal-nav-link\" data-section=\"metodologia\">Metodolog\u00eda<\/a>\n <a href=\"#dafo\" class=\"modal-nav-link\" data-section=\"dafo\">DAFO<\/a>\n <a href=\"#gestion\" class=\"modal-nav-link\" data-section=\"gestion\">Gesti\u00f3n<\/a>\n <a href=\"#narrativas\" class=\"modal-nav-link\" data-section=\"narrativas\">Narrativas<\/a>\n <a href=\"#actores\" class=\"modal-nav-link\" data-section=\"actores\">Actores<\/a>\n <a href=\"#riesgos\" class=\"modal-nav-link\" data-section=\"riesgos\">Riesgos<\/a>\n <a href=\"#matriz\" class=\"modal-nav-link\" data-section=\"matriz\">Matriz Narrativa<\/a>\n <a href=\"#evolucion\" class=\"modal-nav-link\" data-section=\"evolucion\">Evoluci\u00f3n<\/a>\n <a href=\"#escenarios\" class=\"modal-nav-link\" data-section=\"escenarios\">Escenarios<\/a>\n <a href=\"#mapa\" class=\"modal-nav-link\" data-section=\"mapa\">Mapa General<\/a>\n <a href=\"#material\" class=\"modal-nav-link\" data-section=\"material\">Material Analizado<\/a>\n <a href=\"#conclusiones\" class=\"modal-nav-link\" data-section=\"conclusiones\">Conclusiones<\/a>\n <\/nav>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n const sentimentData = {\n labels: ['Negativo (Ciudadanos\/Oposici\u00f3n)', 'Positivo \/ Neutral (Oficial)'],\n datasets: [{\n label: 'Sentimiento General',\n data: [75, 25],\n backgroundColor: [\n 'rgba(229, 89, 89, 0.7)',\n 'rgba(75, 192, 192, 0.7)'\n ],\n borderColor: [\n 'rgba(229, 89, 89, 1)',\n 'rgba(75, 192, 192, 1)'\n ],\n borderWidth: 1,\n hoverOffset: 4\n }]\n };\n\n const complaintsData = {\n labels: ['Limpieza\/Mantenimiento', 'Falta de Acci\u00f3n Percibida', 'Aumento de Sueldo', 'Cr\u00edticas Oposici\u00f3n', 'Servicios Deficientes'],\n datasets: [{\n label: 'Prominencia de la Queja',\n data: [10, 9, 8, 7, 5],\n backgroundColor: [\n 'rgba(210, 99, 132, 0.6)',\n 'rgba(255, 159, 64, 0.6)',\n 'rgba(255, 205, 86, 0.6)',\n 'rgba(75, 192, 192, 0.6)',\n 'rgba(54, 162, 235, 0.6)'\n ],\n borderColor: [\n 'rgb(210, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)'\n ],\n borderWidth: 1\n }]\n };\n\n const mediaToneProminenceData = {\n labels: [\n 'Balance Gesti\u00f3n (Oficial)', 'Balance Gesti\u00f3n (P\u00fablico)', 'Presupuestos', \n 'Limpieza Urbana', 'Baluarte del Orej\u00f3n', 'ZGAT', 'La Martona', \n 'Nuevos Funcionarios', 'Hotel Puerto Am\u00e9rica', 'COAC', \n 'Cr\u00edticas Oposici\u00f3n (PSOE)', 'Sueldo Alcalde', 'Recogida Enseres'\n ],\n datasets: [{\n label: 'Prominencia en Medios (1-5)',\n data: [4, 5, 3, 5, 3, 3, 2, 3, 3, 3, 4, 5, 2],\n backgroundColor: 'rgba(99, 132, 210, 0.6)',\n borderColor: 'rgb(99, 132, 210)',\n borderWidth: 1\n }]\n };\n\n const mediaToneBySourceData = {\n labels: ['Positivo', 'Neutral', 'Negativo'],\n datasets: [\n {\n label: 'Anuncios Oficiales \/ Entrevistas',\n data: [4, 5, 1], \/* Conceptual scores for tone *\/\n backgroundColor: 'rgba(75, 192, 192, 0.7)',\n borderColor: 'rgba(75, 192, 192, 1)',\n borderWidth: 1\n },\n {\n label: 'Reportajes de Noticias (General)',\n data: [2, 4, 3], \/* Conceptual scores for tone *\/\n backgroundColor: 'rgba(255, 205, 86, 0.7)',\n borderColor: 'rgba(255, 205, 86, 1)',\n borderWidth: 1\n },\n {\n label: 'Comentarios P\u00fablicos \/ Redes Sociales',\n data: [1, 2, 5], \/* Conceptual scores for tone *\/\n backgroundColor: 'rgba(255, 99, 132, 0.7)',\n borderColor: 'rgba(255, 99, 132, 1)',\n borderWidth: 1\n }\n ]\n };\n\n const narrativesData = {\n labels: ['Narrativa de Progreso (Oficial)', 'Narrativa de Queja Ciudadana', 'Narrativa de Cr\u00edtica de la Oposici\u00f3n'],\n datasets: [{\n label: 'Prominencia de la Narrativa',\n data: [3, 5, 4], \/* Data based on perceived prominence from report *\/\n backgroundColor: [\n 'rgba(75, 192, 192, 0.7)',\n 'rgba(255, 99, 132, 0.7)',\n 'rgba(54, 162, 235, 0.7)'\n ],\n borderColor: [\n 'rgba(75, 192, 192, 1)',\n 'rgba(255, 99, 132, 1)',\n 'rgba(54, 162, 235, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const gestionPillarsData = {\n labels: ['Cosas Peque\u00f1as', 'Cosas Intermedias', 'Grandes Proyectos'],\n datasets: [{\n label: '\u00c9nfasis en la Gesti\u00f3n (Conceptual)',\n data: [80, 60, 30], \/* Conceptual values based on report's focus *\/\n backgroundColor: [\n 'rgba(144, 238, 144, 0.6)', \/\/ LightGreen\n 'rgba(255, 215, 0, 0.6)', \/\/ Gold\n 'rgba(173, 216, 230, 0.6)' \/\/ LightBlue\n ],\n borderColor: [\n 'rgba(144, 238, 144, 1)',\n 'rgba(255, 215, 0, 1)',\n 'rgba(173, 216, 230, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const actorsImpactData = {\n labels: ['Alcalde y Equipo', 'PSOE de C\u00e1diz', 'Ciudadanos \/ Redes', 'Medios Comunicaci\u00f3n'],\n datasets: [{\n label: 'Influencia en la Conversaci\u00f3n P\u00fablica (Conceptual)',\n data: [7, 8, 9, 7], \/* Conceptual values based on report's descriptions *\/\n backgroundColor: [\n 'rgba(100, 149, 237, 0.6)', \/\/ CornflowerBlue\n 'rgba(255, 127, 80, 0.6)', \/\/ Coral\n 'rgba(60, 179, 113, 0.6)', \/\/ MediumSeaGreen\n 'rgba(218, 112, 214, 0.6)' \/\/ Orchid\n ],\n borderColor: [\n 'rgba(100, 149, 237, 1)',\n 'rgba(255, 127, 80, 1)',\n 'rgba(60, 179, 113, 1)',\n 'rgba(218, 112, 214, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const dafoImportanceData = {\n labels: ['Fortalezas', 'Debilidades', 'Oportunidades', 'Amenazas'],\n datasets: [{\n label: 'Impacto Conceptual',\n data: [8, 9, 7, 9], \/* Conceptual scores based on report *\/\n backgroundColor: [\n 'rgba(76, 175, 80, 0.6)', \/\/ Green\n 'rgba(244, 67, 54, 0.6)', \/\/ Red\n 'rgba(33, 150, 243, 0.6)', \/\/ Blue\n 'rgba(156, 39, 176, 0.6)' \/\/ Purple\n ],\n borderColor: [\n 'rgba(76, 175, 80, 1)',\n 'rgba(244, 67, 54, 1)',\n 'rgba(33, 150, 243, 1)',\n 'rgba(156, 39, 176, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const riskLevelData = {\n labels: [\n 'Persistencia Negativa', \n 'Amplificaci\u00f3n Oposici\u00f3n', \n 'Expectativas Incumplidas', \n 'Fatiga Ciudadana', \n 'Vulnerabilidad Narrativa'\n ],\n datasets: [{\n label: 'Nivel de Riesgo (1-10)',\n data: [9, 8, 7, 6, 7], \/* Conceptual scores *\/\n backgroundColor: 'rgba(255, 152, 0, 0.6)', \/\/ Orange\n borderColor: 'rgba(255, 152, 0, 1)',\n borderWidth: 1\n }]\n };\n\n const dafoCategoryCountData = {\n labels: ['Fortalezas', 'Debilidades', 'Oportunidades', 'Amenazas'],\n datasets: [{\n label: 'N\u00famero de Puntos',\n data: [4, 5, 4, 4], \/* Actual count from the provided text lists *\/\n backgroundColor: [\n 'rgba(0, 128, 128, 0.6)', \/\/ Teal\n 'rgba(255, 99, 71, 0.6)', \/\/ Tomato\n 'rgba(0, 191, 255, 0.6)', \/\/ DeepSkyBlue\n 'rgba(147, 112, 219, 0.6)' \/\/ MediumPurple\n ],\n borderColor: [\n 'rgba(0, 128, 128, 1)',\n 'rgba(255, 99, 71, 1)',\n 'rgba(0, 191, 255, 1)',\n 'rgba(147, 112, 219, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const sourceTypeDistributionData = {\n labels: ['Prensa Local', 'Audiovisuales Locales', 'Prensa Regional\/Nacional', 'Sitios Institucionales', 'Redes Sociales (Comentarios)'],\n datasets: [{\n label: 'Distribuci\u00f3n Conceptual',\n data: [5, 3, 4, 3, 5], \/* Conceptual values based on report's emphasis *\/\n backgroundColor: [\n 'rgba(255, 99, 132, 0.6)',\n 'rgba(54, 162, 235, 0.6)',\n 'rgba(255, 206, 86, 0.6)',\n 'rgba(75, 192, 192, 0.6)',\n 'rgba(153, 102, 255, 0.6)'\n ],\n borderColor: [\n 'rgba(255, 99, 132, 1)',\n 'rgba(54, 162, 235, 1)',\n 'rgba(255, 206, 86, 1)',\n 'rgba(75, 192, 192, 1)',\n 'rgba(153, 102, 255, 1)'\n ],\n borderWidth: 1\n }]\n };\n\n const narrativeMatrixData = {\n datasets: [\n {\n label: 'Progreso y Gesti\u00f3n Eficaz (Oficial)',\n data: [{ x: 4, y: 3 }], \/* Control: Alto (4), Riesgo: Medio (3) *\/\n backgroundColor: 'rgba(75, 192, 192, 0.7)', \/\/ Positivo tone\n borderColor: 'rgba(75, 192, 192, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n },\n {\n label: 'Queja Ciudadana (Limpieza, Inacci\u00f3n)',\n data: [{ x: 2, y: 5 }], \/* Control: Medio (2), Riesgo: Alto (5) *\/\n backgroundColor: 'rgba(255, 99, 132, 0.7)', \/\/ Muy Negativo tone\n borderColor: 'rgba(255, 99, 132, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n },\n {\n label: 'Cr\u00edtica Oposici\u00f3n (Liderazgo, Incoherencia)',\n data: [{ x: 1, y: 5 }], \/* Control: Bajo (1), Riesgo: Alto (5) *\/\n backgroundColor: 'rgba(54, 162, 235, 0.7)', \/\/ Negativo tone\n borderColor: 'rgba(54, 162, 235, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n },\n {\n label: 'Proyectos Estancados',\n data: [{ x: 1, y: 3 }], \/* Control: Muy Bajo (1), Riesgo: Medio (3) *\/\n backgroundColor: 'rgba(255, 152, 0, 0.7)', \/\/ Negativo tone (Orange)\n borderColor: 'rgba(255, 152, 0, 1)',\n pointRadius: 8,\n pointHoverRadius: 10\n }\n ]\n };\n\n\n const projectsData = [\n {\n id: 'presupuestos',\n title: 'Presupuestos',\n content: '<strong>Aprobaci\u00f3n definitiva del presupuesto de 2025<\/strong> de 195.8 millones de euros, con un aumento del 3% respecto a 2023. El gobierno local tambi\u00e9n anunci\u00f3 el inicio de la planificaci\u00f3n para las cuentas de 2026, destacando el car\u00e1cter social y las inversiones en vivienda.'\n },\n {\n id: 'baluarte',\n title: 'Baluarte del Orej\u00f3n',\n content: 'Finalizaci\u00f3n de las obras de rehabilitaci\u00f3n con una <strong>inversi\u00f3n de 484,000 euros<\/strong>. El espacio se destinar\u00e1 a uso cultural, albergar\u00e1 la sede de la Fundaci\u00f3n Fernando Qui\u00f1ones y estar\u00e1 disponible para otras entidades, aunque el equipamiento interior a\u00fan est\u00e1 pendiente para su inauguraci\u00f3n completa.'\n },\n {\n id: 'zgat',\n title: 'Comercio (ZGAT)',\n content: 'Se iniciaron los tr\u00e1mites para solicitar a la Junta de Andaluc\u00eda la <strong>reducci\u00f3n de los l\u00edmites de la Zona de Gran Afluencia Tur\u00edstica<\/strong>. Esta medida busca beneficiar al peque\u00f1o comercio tradicional de C\u00e1diz, que se ve perjudicado al permitir que las grandes superficies abran en d\u00edas festivos.'\n },\n {\n id: 'hotel',\n title: 'Hotel Puerto Am\u00e9rica',\n content: 'El Alcalde inst\u00f3 p\u00fablicamente al gobierno central a <strong>desbloquear la construcci\u00f3n del hotel<\/strong>, un proyecto estancado por d\u00e9cadas. Critic\u00f3 un retraso de dos a\u00f1os del Consejo de Ministros, enfatizando la importancia del proyecto para el empleo y el turismo de la ciudad.'\n },\n {\n id: 'personal',\n title: 'Nuevos Funcionarios',\n content: 'Anuncio de la pr\u00f3xima <strong>incorporaci\u00f3n de 57 nuevos funcionarios<\/strong> en 2025 para subsanar deficiencias de personal. Esta acci\u00f3n forma parte de un plan m\u00e1s amplio para crear m\u00e1s de 150 plazas desde 2023 y mejorar el funcionamiento de los servicios municipales.'\n },\n {\n id: 'coac',\n title: 'Carnaval (COAC)',\n content: 'Se presidi\u00f3 el Consejo de Participaci\u00f3n del COAC para debatir el modelo de concurso para 2026 y 2027. El acuerdo principal fue <strong>acortar la duraci\u00f3n del concurso a no m\u00e1s de 30 d\u00edas<\/strong>, lo que implicar\u00e1 \"alg\u00fan sacrificio\", seg\u00fan el alcalde.'\n }\n ];\n \n const sentimentChartElement = document.getElementById('sentimentChart');\n if (sentimentChartElement) {\n const sentimentChartCtx = sentimentChartElement.getContext('2d');\n new Chart(sentimentChartCtx, {\n type: 'doughnut',\n data: sentimentData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed !== null) {\n label += context.parsed + '%';\n }\n return label;\n }\n }\n }\n }\n }\n });\n }\n\n const dafoImportanceChartElement = document.getElementById('dafoImportanceChart');\n if (dafoImportanceChartElement) {\n const dafoImportanceChartCtx = dafoImportanceChartElement.getContext('2d');\n new Chart(dafoImportanceChartCtx, {\n type: 'bar',\n data: dafoImportanceData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10,\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const dafoCategoryCountChartElement = document.getElementById('dafoCategoryCountChart');\n if (dafoCategoryCountChartElement) {\n const dafoCategoryCountChartCtx = dafoCategoryCountChartElement.getContext('2d');\n new Chart(dafoCategoryCountChartCtx, {\n type: 'bar',\n data: dafoCategoryCountData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n\n const gestionPillarsChartElement = document.getElementById('gestionPillarsChart');\n if (gestionPillarsChartElement) {\n const gestionPillarsChartCtx = gestionPillarsChartElement.getContext('2d');\n new Chart(gestionPillarsChartCtx, {\n type: 'bar',\n data: gestionPillarsData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x + '%';\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 100, \n ticks: {\n stepSize: 20,\n callback: function(value) {\n return value + '%';\n }\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const narrativesChartElement = document.getElementById('narrativesChart');\n if (narrativesChartElement) {\n const narrativesChartCtx = narrativesChartElement.getContext('2d'); \n new Chart(narrativesChartCtx, {\n type: 'bar',\n data: narrativesData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 5, \/* Assuming a scale of 1-5 for prominence *\/\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const mediaToneBySourceChartElement = document.getElementById('mediaToneBySourceChart');\n if (mediaToneBySourceChartElement) {\n const mediaToneBySourceChartCtx = mediaToneBySourceChartElement.getContext('2d');\n new Chart(mediaToneBySourceChartCtx, {\n type: 'bar',\n data: mediaToneBySourceData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n mode: 'index',\n intersect: false,\n bodyFont: {\n size: 14,\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n ticks: {\n font: {\n size: 12\n }\n }\n },\n y: {\n beginAtZero: true,\n max: 5, \/* Conceptual scale for tone *\/\n ticks: {\n stepSize: 1\n }\n }\n }\n }\n });\n }\n\n const mediaToneProminenceChartElement = document.getElementById('mediaToneProminenceChart');\n if (mediaToneProminenceChartElement) {\n const mediaToneProminenceChartCtx = mediaToneProminenceChartElement.getContext('2d');\n new Chart(mediaToneProminenceChartCtx, {\n type: 'bar',\n data: mediaToneProminenceData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 5, \n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const complaintsChartElement = document.getElementById('complaintsChartUpdated');\n if (complaintsChartElement) {\n const complaintsChartCtx = complaintsChartElement.getContext('2d');\n new Chart(complaintsChartCtx, {\n type: 'bar',\n data: complaintsData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const actorsImpactChartElement = document.getElementById('actorsImpactChart');\n if (actorsImpactChartElement) {\n const actorsImpactChartCtx = actorsImpactChartElement.getContext('2d');\n new Chart(actorsImpactChartCtx, {\n type: 'bar',\n data: actorsImpactData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10, \/* Assuming a scale of 1-10 for impact *\/\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const riskLevelChartElement = document.getElementById('riskLevelChart');\n if (riskLevelChartElement) {\n const riskLevelChartCtx = riskLevelChartElement.getContext('2d');\n new Chart(riskLevelChartCtx, {\n type: 'bar',\n data: riskLevelData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 10, \/* Assuming a scale of 1-10 for risk level *\/\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const sourceTypeDistributionChartElement = document.getElementById('sourceTypeDistributionChart');\n if (sourceTypeDistributionChartElement) {\n const sourceTypeDistributionChartCtx = sourceTypeDistributionChartElement.getContext('2d');\n new Chart(sourceTypeDistributionChartCtx, {\n type: 'bar',\n data: sourceTypeDistributionData,\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n bodyFont: {\n size: 14,\n },\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.parsed.x;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 5,\n ticks: {\n stepSize: 1\n },\n grid: {\n display: false\n }\n },\n y: {\n ticks: {\n font: {\n size: 12\n }\n }\n }\n }\n }\n });\n }\n\n const narrativeMatrixChartElement = document.getElementById('narrativeMatrixChart');\n if (narrativeMatrixChartElement) {\n const narrativeMatrixChartCtx = narrativeMatrixChartElement.getContext('2d');\n new Chart(narrativeMatrixChartCtx, {\n type: 'scatter',\n data: narrativeMatrixData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.dataset.label + ' (Control: ' + context.parsed.x + ', Riesgo: ' + context.parsed.y + ')';\n }\n }\n }\n },\n scales: {\n x: {\n title: {\n display: true,\n text: 'Control Municipal (1=Bajo, 5=Alto)'\n },\n min: 0,\n max: 5,\n ticks: {\n stepSize: 1\n }\n },\n y: {\n title: {\n display: true,\n text: 'Riesgo Reputacional (1=Bajo, 5=Alto)'\n },\n min: 0,\n max: 5,\n ticks: {\n stepSize: 1\n }\n }\n }\n }\n });\n }\n \n \/\/ Project details for \"Gesti\u00f3n Municipal Detallada\" section\n const projectButtonsContainerDetailed = document.getElementById('projects-buttons-detailed');\n const projectDetailsContainerDetailed = document.getElementById('project-details-detailed');\n\n projectsData.forEach(project => {\n const button = document.createElement('button');\n button.textContent = project.title;\n button.dataset.projectId = project.id;\n button.className = 'project-button px-4 py-2 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3d405b] transition-all duration-200';\n projectButtonsContainerDetailed.appendChild(button);\n });\n\n projectButtonsContainerDetailed.addEventListener('click', (e) => {\n if (e.target.classList.contains('project-button')) {\n const projectId = e.target.dataset.projectId;\n const project = projectsData.find(p => p.id === projectId);\n \n document.querySelectorAll('#projects-buttons-detailed .project-button').forEach(btn => btn.classList.remove('active'));\n e.target.classList.add('active');\n \n projectDetailsContainerDetailed.innerHTML = `<div class=\"text-left w-full\"><p class=\"text-gray-800 leading-relaxed\">${project.content}<\/p><\/div>`;\n }\n });\n\n \/\/ Accordion functionality\n document.querySelectorAll('.accordion-header').forEach(header => {\n header.addEventListener('click', () => {\n const content = header.nextElementSibling;\n const icon = header.querySelector('span');\n\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n content.style.maxHeight = null; \/\/ Reset max-height to collapse\n icon.style.transform = 'rotate(0deg)';\n } else {\n document.querySelectorAll('.accordion-content.open').forEach(openContent => {\n openContent.classList.remove('open');\n openContent.style.maxHeight = null; \/\/ Collapse other open accordions\n openContent.previousElementSibling.querySelector('span').style.transform = 'rotate(0deg)';\n });\n content.classList.add('open');\n content.style.maxHeight = content.scrollHeight + 'px'; \/\/ Set max-height to scrollHeight\n icon.style.transform = 'rotate(180deg)';\n }\n });\n });\n\n \/\/ Tab functionality for DAFO\n document.querySelectorAll('.tab-button').forEach(button => {\n button.addEventListener('click', () => {\n document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n document.getElementById(`tab-${button.dataset.tab}`).classList.add('active');\n });\n });\n \/\/ Set default active tab for DAFO\n document.querySelector('.tab-button[data-tab=\"fortalezas\"]').click();\n\n \/\/ Mobile Full-screen menu logic\n const moreMenuBtn = document.getElementById('more-menu-btn');\n const fullMenuModal = document.getElementById('full-menu-modal');\n const closeFullMenuBtn = document.getElementById('close-full-menu');\n const modalNavLinks = document.querySelectorAll('#full-menu-modal .modal-nav-link');\n\n if (moreMenuBtn) {\n moreMenuBtn.addEventListener('click', () => {\n fullMenuModal.classList.add('open');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n });\n }\n\n if (closeFullMenuBtn) {\n closeFullMenuBtn.addEventListener('click', () => {\n fullMenuModal.classList.remove('open');\n document.body.style.overflow = ''; \/\/ Re-enable scrolling\n });\n }\n\n modalNavLinks.forEach(link => {\n link.addEventListener('click', (e) => {\n e.preventDefault();\n const targetId = link.getAttribute('href').substring(1);\n document.getElementById(targetId).scrollIntoView({ behavior: 'smooth' });\n fullMenuModal.classList.remove('open');\n document.body.style.overflow = '';\n });\n });\n\n\n \/\/ General navigation highlighting and scroll-to-top\n const topNavLinks = document.querySelectorAll('.top-nav-link');\n const bottomNavItems = document.querySelectorAll('.bottom-nav-item');\n const sections = document.querySelectorAll('section');\n const backToTopButton = document.getElementById('back-to-top');\n\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.4 \/\/ Adjust as needed\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const currentSectionId = entry.target.id;\n \n \/\/ Highlight top nav links\n topNavLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href').substring(1) === currentSectionId) {\n link.classList.add('active');\n }\n });\n\n \/\/ Highlight bottom nav links\n bottomNavItems.forEach(item => {\n item.classList.remove('active');\n const section = item.getAttribute('data-section');\n if (section && section === currentSectionId) {\n item.classList.add('active');\n }\n });\n }\n });\n }, observerOptions);\n\n sections.forEach(section => {\n observer.observe(section);\n });\n\n \/\/ Smooth scroll for all nav links (top and bottom)\n const allNavLinks = document.querySelectorAll('.top-nav-link, .bottom-nav-item');\n allNavLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href').substring(1);\n const targetSection = document.getElementById(targetId);\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n\n window.addEventListener('scroll', () => {\n if (window.scrollY > 200) {\n backToTopButton.style.display = 'block';\n } else {\n backToTopButton.style.display = 'none';\n }\n });\n\n backToTopButton.addEventListener('click', () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>An\u00e1lisis Integral: Gesti\u00f3n de Bruno Garc\u00eda – Mayo 2025 An\u00e1lisis Integral B.G. | Mayo 2025 Resumen Metodolog\u00eda DAFO Gesti\u00f3n Narrativas Actores Riesgos Matriz Narrativa Evoluci\u00f3n Escenarios Mapa General Material Conclusiones An\u00e1lisis Integral de la Gesti\u00f3n y Percepci\u00f3n P\u00fablica Bruno Garc\u00eda, Alcalde de C\u00e1diz – Mes de Mayo de 2025 Mayo de 2025, coincidiendo con el…<\/p>\n","protected":false},"author":1,"featured_media":128,"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":[4],"tags":[],"class_list":["post-126","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analisis"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/buscomunicacion.com\/wp-content\/uploads\/2025\/06\/ayuntamientocadiz-mejorvalorado-R5iwWXCDyjjHWDaRNpXYgXL-1200x840%40abc.webp?fit=1200%2C840&ssl=1","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pgDuos-22","_links":{"self":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/126","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=126"}],"version-history":[{"count":8,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/posts\/126\/revisions\/137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buscomunicacion.com\/index.php\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}