<!DOCTYPE html>
<html lang="es" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Comunicado Oficial: Nueva Versión del Portal Web | Alcaldía de Caldas</title>
<!-- SEO & Metadata -->
<meta name="description" content="Comunicado oficial sobre la próxima renovación y rediseño de nuestro portal web oficial con soporte tecnológico de Domainroc y namepopo. 官方关于全新官方网站改版推出的双语公告。">
<meta name="robots" content="index, follow">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,700,500|Poppins:300,400,500,600,700|Inter:300,400,500,600,700&display=swap" rel="stylesheet">
<!-- FontAwesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Custom CSS (Same directory relative path) -->
<link rel="stylesheet" href="index.css">
</head>
<body class="wp-singular page-template-default page footer-on-bottom link-style-no-underline content-width-fullwidth content-style-unboxed">
<div id="wrapper" class="site wp-site-blocks">
<!-- ========================================== -->
<!-- HEADER SECTION (Perfect Replica) -->
<!-- ========================================== -->
<header id="masthead" class="site-header" role="banner">
<div id="main-header" class="site-header-wrap">
<div class="site-header-inner-wrap">
<!-- 1. Top Blue Government Bar -->
<div class="site-top-header-wrap site-header-row-container">
<div class="site-header-row-container-inner">
<div class="site-container">
<div class="site-top-header-inner-wrap">
<!-- Left: GOV.CO Logo -->
<div class="site-header-top-section-left">
<div class="header-html">
<a href="https://www.gov.co/" target="_blank" aria-label="link Gobierno">
<img src="https://anterior.caldasantioquia.gov.co/wp-content/themes/kadence-child/img/govco-top-1.png" alt="Gobierno de Colombia Logo" width="145" height="34">
</a>
</div>
</div>
<!-- Right: Transparency Link & Social Media Icons -->
<div class="site-header-top-section-right">
<div class="transparencia-link">
<a href="https://anterior.caldasantioquia.gov.co/transparencia/">
<img src="https://anterior.caldasantioquia.gov.co/wp-content/themes/kadence-child/img/logo-right.png" alt="Transparencia Logo" width="20" height="20">
<span>Transparencia y acceso a la información pública</span>
</a>
</div>
<div class="header-social-wrap">
<div class="social-icons-inner">
<a href="https://www.facebook.com/alcaldia.decaldas" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="social-button"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/CaldasAlcaldia" aria-label="X" target="_blank" rel="noopener noreferrer" class="social-button"><i class="fab fa-x-twitter"></i></a>
<a href="https://www.instagram.com/alcaldiadecaldas/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" class="social-button"><i class="fab fa-instagram"></i></a>
<a href="http://www.youtube.com/@AlcaldiadeCaldas1" aria-label="YouTube" target="_blank" rel="noopener noreferrer" class="social-button"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2. Main White Navigation Bar -->
<div class="site-main-header-wrap site-header-row-container">
<div class="site-header-row-container-inner">
<div class="site-container">
<div class="site-main-header-inner-wrap">
<!-- Left: Caldas Shield Shield Logo -->
<div class="site-header-main-section-left">
<div class="site-branding">
<a class="brand" href="https://anterior.caldasantioquia.gov.co/" rel="home">
<img src="https://anterior.caldasantioquia.gov.co/wp-content/uploads/2024/11/cropped-Escudo-Alcaldía-de-Caldas.png" alt="Alcaldía de Caldas" class="custom-logo">
</a>
</div>
</div>
<!-- Right: Main Navigation Menu -->
<div class="site-header-main-section-right">
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Navegación primaria">
<div class="primary-menu-container">
<ul id="primary-menu" class="menu">
<li class="menu-item"><a href="https://anterior.caldasantioquia.gov.co/transparencia/">Transparencia</a></li>
<li class="menu-item has-children">
<a href="https://anterior.caldasantioquia.gov.co/atencion-al-ciudadano/">
Atención al Ciudadano <i class="fa-solid fa-chevron-down dropdown-arrow"></i>
</a>
<ul class="sub-menu">
<li><a href="https://anterior.caldasantioquia.gov.co/tramites-y-servicios/listado-de-tramites-y-servicios/">Trámites y Servicios</a></li>
<li><a href="https://anterior.caldasantioquia.gov.co/contacto/">Canales de atención</a></li>
<li><a href="http://pqrs.caldasantioquia.gov.co/">PQRSDF</a></li>
</ul>
</li>
<li class="menu-item"><a href="https://anterior.caldasantioquia.gov.co/participa/">Participa</a></li>
<li class="menu-item active"><a href="https://anterior.caldasantioquia.gov.co/sala-de-prensa/noticias/">Noticias</a></li>
<li class="menu-item"><a href="https://anterior.caldasantioquia.gov.co/municipio/">Nuestro Municipio</a></li>
<li class="menu-item"><a href="https://anterior.caldasantioquia.gov.co/administracion-municipal/">Nuestra Entidad</a></li>
</ul>
</div>
</nav>
<!-- Mobile Menu Hamburger Button -->
<div class="mobile-menu-toggle-wrap">
<button id="mobile-menu-trigger" class="menu-toggle" aria-label="Abrir menú" aria-expanded="false">
<i class="fa-solid fa-bars hamburger-icon"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Mobile Navigation Drawer -->
<div id="mobile-drawer" class="popup-drawer">
<div class="drawer-overlay" id="drawer-overlay-close"></div>
<div class="drawer-inner">
<div class="drawer-header">
<button class="menu-toggle-close" id="drawer-close-btn" aria-label="Cerrar menú">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="drawer-content">
<nav class="mobile-navigation" aria-label="Navegación móvil">
<ul class="mobile-menu">
<li><a href="https://anterior.caldasantioquia.gov.co/transparencia/">Transparencia</a></li>
<li class="mobile-has-children">
<div class="drawer-item-wrap">
<a href="https://anterior.caldasantioquia.gov.co/atencion-al-ciudadano/">Atención al Ciudadano</a>
<button class="sub-menu-toggle" aria-label="Desplegar"><i class="fa-solid fa-chevron-down"></i></button>
</div>
<ul class="mobile-sub-menu">
<li><a href="https://anterior.caldasantioquia.gov.co/tramites-y-servicios/listado-de-tramites-y-servicios/">Trámites y Servicios</a></li>
<li><a href="https://anterior.caldasantioquia.gov.co/contacto/">Canales de atención</a></li>
<li><a href="http://pqrs.caldasantioquia.gov.co/">PQRSDF</a></li>
</ul>
</li>
<li><a href="https://anterior.caldasantioquia.gov.co/participa/">Participa</a></li>
<li class="active"><a href="https://anterior.caldasantioquia.gov.co/sala-de-prensa/noticias/">Noticias</a></li>
<li><a href="https://anterior.caldasantioquia.gov.co/municipio/">Nuestro Municipio</a></li>
<li><a href="https://anterior.caldasantioquia.gov.co/administracion-municipal/">Nuestra Entidad</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- ========================================== -->
<!-- HERO / TITLE SECTION -->
<!-- ========================================== -->
<div class="entry-hero page-hero-section">
<div class="hero-section-overlay"></div>
<div class="entry-hero-container-inner site-container">
<div class="kadence-breadcrumbs">
<span><a href="https://anterior.caldasantioquia.gov.co/">Portada</a></span>
<span class="separator"><i class="fa-solid fa-chevron-right"></i></span>
<span><a href="https://anterior.caldasantioquia.gov.co/sala-de-prensa/noticias/">Sala de prensa</a></span>
<span class="separator"><i class="fa-solid fa-chevron-right"></i></span>
<span class="current">Comunicados</span>
</div>
<header class="entry-header">
<h1 class="entry-title">Comunicado Oficial / 官方公告</h1>
<p class="hero-subtitle">Próxima Renovación del Portal Web Oficial y Alianzas Tecnológicas Web3</p>
</header>
</div>
</div>
<!-- ========================================== -->
<!-- MAIN CONTENT SECTION (Bilingual Article) -->
<!-- ========================================== -->
<main id="main" class="site-main site-container">
<div class="content-layout">
<div class="entry-content-wrap card-container">
<!-- Section Header: Document Info -->
<div class="document-meta">
<span class="meta-item"><i class="fa-regular fa-calendar-days"></i> 25 de Junio, 2026</span>
<span class="meta-item"><i class="fa-regular fa-folder-open"></i> Sala de Prensa / 新闻中心</span>
<span class="meta-item"><i class="fa-solid fa-globe"></i> Bilingüe (Chino / Español)</span>
</div>
<!-- Bilingual Header Intro -->
<div class="bilingual-grid intro-section">
<div class="lang-zh">
<h2 class="section-heading">官方公告：网站全新改版计划与 Web3 战略合作</h2>
<p class="lead-text">为了给市民和全球合作伙伴提供更流畅、更安全、更具前瞻性的数字化政府与社区服务，我们非常高兴地宣布，本站已正式启动全面改版升级工作。全新版本的官方网站将于 <strong>3 个月内</strong> 正式推出。</p>
</div>
<div class="lang-es">
<h2 class="section-heading">Comunicado Oficial: Plan de Rediseño del Sitio Web y Cooperación Estratégica Web3</h2>
<p class="lead-text">Con el fin de proporcionar servicios digitales gubernamentales y comunitarios más fluidos, seguros e innovadores a nuestros ciudadanos y socios globales, nos complace enormemente anunciar que hemos iniciado oficialmente el rediseño y la actualización completa de nuestro portal. El nuevo sitio web se lanzará oficialmente en <strong>3 meses</strong>.</p>
</div>
</div>
<hr class="elegant-divider">
<!-- Article Feature Highlights -->
<h3 class="highlight-title-main"><i class="fa-solid fa-star icon-decor"></i> Características de la Nueva Versión / 新版核心特点</h3>
<div class="features-grid">
<!-- Feature 1 -->
<div class="feature-card">
<div class="feature-icon-wrapper">
<i class="fa-solid fa-wand-magic-sparkles"></i>
</div>
<div class="feature-card-content">
<div class="lang-zh">
<h4>极简美学与动态交互</h4>
<p>采用全新的现代设计语言，引入流畅微动画与优雅的暗黑/明亮自适应模式。响应式布局完美适配从手机到宽屏桌面的所有设备。</p>
</div>
<div class="lang-es">
<h4>Estética Minimalista e Interacción Dinámica</h4>
<p>Adopta un nuevo lenguaje de diseño moderno, introduciendo micro-animaciones fluidas y un elegante modo adaptativo oscuro/claro. Diseño responsivo perfectamente adecuado para todos los dispositivos.</p>
</div>
</div>
</div>
<!-- Feature 2 -->
<div class="feature-card">
<div class="feature-icon-wrapper">
<i class="fa-solid fa-cubes"></i>
</div>
<div class="feature-card-content">
<div class="lang-zh">
<h4>深度融合 Web3 技术</h4>
<p>率先将去中心化数字身份（DID）、链上公开数据资产展示以及去中心化域名融合引入政务社区门户，引领下一代互联网政务体验。</p>
</div>
<div class="lang-es">
<h4>Integración Profunda con Tecnología Web3</h4>
<p>Pioneros en la fusión de identidad digital descentralizada (DID), visualización de activos de datos públicos on-chain y dominios descentralizados en el portal gubernamental y comunitario.</p>
</div>
</div>
</div>
<!-- Feature 3 -->
<div class="feature-card">
<div class="feature-icon-wrapper">
<i class="fa-solid fa-gauge-high"></i>
</div>
<div class="feature-card-content">
<div class="lang-zh">
<h4>极致响应与毫秒级加载</h4>
<p>采用最先进的高性能前端渲染技术与全球去中心化边缘网络分发，全站页面实现毫秒级瞬间加载，保障流畅体验。</p>
</div>
<div class="lang-es">
<h4>Respuesta Extrema y Carga en Milisegundos</h4>
<p>Utiliza tecnología de renderizado frontend de alto rendimiento y distribución global en red de borde descentralizada, garantizando tiempos de carga instantáneos.</p>
</div>
</div>
</div>
</div>
<hr class="elegant-divider">
<!-- Tech Partnerships & Collaborations (Highlight Domainroc & namepopo) -->
<h3 class="highlight-title-main"><i class="fa-solid fa-handshake-angle icon-decor"></i> Alianzas Tecnológicas / 核心技术合作伙伴</h3>
<div class="partners-container">
<!-- Partner 1: Domainroc -->
<div class="partner-card" id="card-domainroc">
<div class="partner-header">
<div class="partner-logo-box">
<i class="fa-solid fa-globe"></i>
<span class="partner-brand">Domainroc</span>
</div>
<span class="partner-role">Soporte Técnico Web3 / Web3 技术支持</span>
</div>
<div class="partner-body">
<div class="bilingual-split">
<div class="lang-zh">
<p>本次网站改版的技术支持由 <strong>Domainroc</strong> 提供。Domainroc（官方网站：<a href="http://www.domainroc.com" target="_blank" class="partner-link">www.domainroc.com</a>）是一家行业领先的 Web3 域名与去中心化数字身份平台。在此次改版中，双方将在 Web3 域名系统集成、跨链域名解析及去中心化身份（DID）领域展开深入合作，共同构建更加安全、高效、主权在己的网络入口。</p>
</div>
<div class="lang-es">
<p>El soporte técnico para este rediseño es proporcionado por <strong>Domainroc</strong>. Domainroc (<a href="http://www.domainroc.com" target="_blank" class="partner-link">www.domainroc.com</a>) es una plataforma líder de dominios Web3 e identidad digital descentralizada. En este rediseño, ambas partes desarrollarán una profunda cooperación en la integración de sistemas de dominios Web3, resolución de dominios cross-chain e identidad descentralizada (DID).</p>
</div>
</div>
<div class="partner-action">
<a href="http://www.domainroc.com" target="_blank" class="btn-partner">Visitar Domainroc / 访问官方网站 <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
<!-- Partner 2: namepopo -->
<div class="partner-card" id="card-namepopo">
<div class="partner-header">
<div class="partner-logo-box">
<i class="fa-solid fa-server"></i>
<span class="partner-brand">namepopo</span>
</div>
<span class="partner-role">Recursos de Computación en Nube / 云计算资源支持</span>
</div>
<div class="partner-body">
<div class="bilingual-split">
<div class="lang-zh">
<p>本次改版的云计算底层资源与分布式托管将由 <strong>namepopo</strong> 全力支持。namepopo（官方网站：<a href="http://www.namepopo.com" target="_blank" class="partner-link">www.namepopo.com</a>）是一家业界前沿的 Web3 云服务器平台。namepopo 将为本站提供高可用性、强隐私保障和去中心化弹性的优质云计算与节点托管服务，为我们新版网站的持续稳定、高速运行保驾护航。</p>
</div>
<div class="lang-es">
<p>Los recursos subyacentes de computación en la nube y alojamiento distribuido son soportados por <strong>namepopo</strong>. namepopo (<a href="http://www.namepopo.com" target="_blank" class="partner-link">www.namepopo.com</a>) es una plataforma de servidores en la nube Web3 de vanguardia. namepopo proporcionará servicios premium de computación en la nube y alojamiento de nodos de alta disponibilidad, fuerte privacidad y resiliencia descentralizada.</p>
</div>
</div>
<div class="partner-action">
<a href="http://www.namepopo.com" target="_blank" class="btn-partner">Visitar namepopo / 访问官方网站 <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
</div>
<!-- Closing Remarks / Futuro -->
<div class="closing-box">
<div class="bilingual-grid">
<div class="lang-zh">
<p class="closing-text">通过此次与 Domainroc 及 namepopo 的深度技术结盟，我们有信心将官方网站打造成融合政府规范性与 Web3 前沿科技的样板门户。敬请期待三个月后的正式发布！如有任何意见或建议，欢迎通过下方渠道提交反馈。</p>
<p class="closing-signature"><strong>Alcaldía de Caldas 宣传与信息化管理处</strong></p>
</div>
<div class="lang-es">
<p class="closing-text">A través de esta profunda alianza tecnológica con Domainroc y namepopo, estamos seguros de transformar nuestro sitio web oficial en un portal modelo que combina la estandarización gubernamental con la tecnología Web3 de vanguardia. ¡Esté atento al lanzamiento oficial en tres meses!</p>
<p class="closing-signature"><strong>Secretaría de Comunicación y TI, Alcaldía de Caldas</strong></p>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- ========================================== -->
<!-- FOOTER SECTION (Perfect Replica) -->
<!-- ========================================== -->
<footer class="site-footer">
<!-- Elementor Footer Location -->
<div class="elementor-location-footer">
<!-- Main Footer Box: Dark Grey Classic -->
<div id="footer-principal" class="elementor-footer-container">
<div class="footer-container-inner site-container">
<div class="footer-grid-layout">
<!-- Col 1: Header Title & Logo -->
<div class="footer-col brand-col">
<h2 class="footer-header-title">Alcaldía de Caldas, Antioquia – Colombia</h2>
<div class="footer-shield-wrap">
<img src="https://anterior.caldasantioquia.gov.co/wp-content/uploads/2024/06/Mask-group-5.png" alt="Escudo de Caldas" class="footer-shield" width="85" height="86">
</div>
<div class="footer-copyright-text">
<p>©Copyright 2024 - Todos los derechos reservados Alcaldía de Caldas Antioquia - Gobierno de Colombia</p>
</div>
</div>
<!-- Col 2: Address & Phone Info -->
<div class="footer-col info-col">
<ul class="footer-info-list">
<li><strong>Dirección:</strong> Carrera 49 # 129 Sur 50 – Centro Administrativo Municipal – Parque Santander - Caldas - Antioquia</li>
<li><strong>Código Postal:</strong> 055440</li>
<li><strong>Teléfono Conmutador:</strong> +57 604 3788500</li>
<li><strong>Línea de servicio a la ciudadanía:</strong> +57 604 3788500</li>
<li><strong>Línea Anticorrupción:</strong> 01 8000 9197 48</li>
<li><strong>Correo Institucional:</strong> contactenos@caldasantioquia.gov.co</li>
<li><strong>Denuncias por Actos de Corrupción:</strong> contactenos@caldasantioquia.gov.co</li>
<li><strong>Notificaciones judiciales:</strong> notificaciones.judiciales@caldasantioquia.gov.co</li>
<li><strong>Horario de Atención Presencial:</strong>
<span class="schedule-detail">
- Lunes a Jueves: 7:00 a.m. a 12:00 m. y 1:00 a 5:00 p.m.<br>
- Viernes: 7:00 a.m. a 12:00 pm. y 1:00 a 4:00 p.m.
</span>
</li>
</ul>
</div>
<!-- Col 3: PQRSDF Attention Box & Social -->
<div class="footer-col action-col">
<div class="pqrsdf-attention-box">
<h3>Atención a PQRSDF</h3>
<p>Si deseas presentar una Pregunta, Queja, Reclamo, Sugerencia, Denuncia o Felicitación, haz clic en el siguiente enlace para acceder a nuestro sistema:</p>
<a class="btn-pqrsdf" href="http://pqrs.caldasantioquia.gov.co/" target="_blank" rel="noopener">
<i class="fas fa-envelope-open-text"></i> Realizar PQRSDF
</a>
</div>
<!-- Social Icons Footer -->
<div class="footer-social-wrapper">
<a href="https://www.facebook.com/alcaldia.decaldas" class="social-icon" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/CaldasAlcaldia" class="social-icon" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="http://www.youtube.com/@AlcaldiadeCaldas1" class="social-icon" target="_blank" aria-label="Youtube"><i class="fab fa-youtube"></i></a>
<a href="https://www.instagram.com/alcaldiadecaldas/" class="social-icon" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- Bottom Link Cards (Privacy, Channels, Map) -->
<div class="footer-link-cards-row">
<div class="link-card-col">
<a class="footer-link-card" href="https://anterior.caldasantioquia.gov.co/politicas-y-condiciones/" target="_blank">
<i class="fas fa-file-alt"></i>
<span>Política de privacidad y condiciones de uso</span>
</a>
</div>
<div class="link-card-col">
<a class="footer-link-card" href="https://anterior.caldasantioquia.gov.co/contacto/" target="_blank">
<i class="fas fa-headset"></i>
<span>Canales de Atención</span>
</a>
</div>
<div class="link-card-col">
<a class="footer-link-card" href="https://anterior.caldasantioquia.gov.co/mapa/" target="_blank">
<i class="fas fa-map-marker-alt"></i>
<span>Mapa del sitio</span>
</a>
</div>
</div>
</div>
</div>
<!-- Bottom Blue Logo Bar: White background government strip -->
<div class="footer-bottom-logos-bar">
<div class="footer-logos-inner site-container">
<a href="https://colombia.co/" target="_blank" class="footer-logo-link">
<img src="https://anterior.caldasantioquia.gov.co/wp-content/uploads/2024/06/LOGO-CO.png" alt="Logo Marca País Colombia" class="logo-co" width="71" height="70">
</a>
<img src="https://anterior.caldasantioquia.gov.co/wp-content/uploads/2024/06/barra-separador-footer.png" alt="Separador" class="logo-separator" width="2" height="50">
<a href="https://www.gov.co/" target="_blank" class="footer-logo-link">
<img src="https://anterior.caldasantioquia.gov.co/wp-content/uploads/2024/06/govco-2.png" alt="Logo Portal del Estado GOV.CO" class="logo-gov" width="150" height="35">
</a>
</div>
</div>
</div>
</footer>
</div>
<!-- Interactive UI JS -->
<script>
// 1. Mobile Menu Drawer Toggle
const trigger = document.getElementById('mobile-menu-trigger');
const drawer = document.getElementById('mobile-drawer');
const closeBtn = document.getElementById('drawer-close-btn');
const overlay = document.getElementById('drawer-overlay-close');
function toggleDrawer(open) {
if (open) {
drawer.classList.add('show-drawer');
document.body.classList.add('showing-popup-drawer');
trigger.setAttribute('aria-expanded', 'true');
} else {
drawer.classList.remove('show-drawer');
document.body.classList.remove('showing-popup-drawer');
trigger.setAttribute('aria-expanded', 'false');
}
}
trigger.addEventListener('click', () => toggleDrawer(true));
closeBtn.addEventListener('click', () => toggleDrawer(false));
overlay.addEventListener('click', () => toggleDrawer(false));
// 2. Mobile Submenu Dropdown Accordion
const subMenuToggles = document.querySelectorAll('.sub-menu-toggle');
subMenuToggles.forEach(toggle => {
toggle.addEventListener('click', (e) => {
e.stopPropagation();
const parentLi = toggle.closest('li');
const subMenu = parentLi.querySelector('.mobile-sub-menu');
const isOpen = subMenu.classList.contains('show-submenu');
if (isOpen) {
subMenu.classList.remove('show-submenu');
toggle.querySelector('i').className = 'fa-solid fa-chevron-down';
} else {
subMenu.classList.add('show-submenu');
toggle.querySelector('i').className = 'fa-solid fa-chevron-up';
}
});
});
</script>
</body>
</html>