<!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 / Portugués)</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-pt">
<h2 class="section-heading">Comunicado Oficial: Plano de Reformulação do Website e Cooperação Estratégica Web3</h2>
<p class="lead-text">A fim de fornecer serviços digitais governamentais e comunitários mais fluidos, seguros e inovadores para os nossos cidadãos e parceiros globais, temos o grande prazer de anunciar que iniciamos oficialmente a reformulação e atualização completa do nosso portal. O novo website será lançado oficialmente dentro de <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-pt">
<h4>Estética Minimalista e Interação Dinâmica</h4>
<p>Adota uma nova linguagem de design moderno, introduzindo micro-animações fluidas e modo adaptativo escuro/claro elegante. Layout responsivo perfeitamente adequado para todos os 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-pt">
<h4>Integração Profunda com Tecnologia Web3</h4>
<p>Pioneirismo na fusão de identidade digital descentralizada (DID), exibição de ativos de dados públicos on-chain e domínios descentralizados no portal governamental e comunitário.</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-pt">
<h4>Resposta Extrema e Carregamento em Milissegundos</h4>
<p>Utiliza tecnologia de renderização frontend de alto desempenho e distribuição global em rede de borda descentralizada, garantindo tempos de carregamento 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-pt">
<p>O suporte técnico para esta reformulação é fornecido pela <strong>Domainroc</strong>. A Domainroc (<a href="http://www.domainroc.com" target="_blank" class="partner-link">www.domainroc.com</a>) é uma plataforma líder de domínios Web3 e identidade digital descentralizada. Nesta reformulação, ambas as partes desenvolverão uma cooperação profunda em integração de sistemas de domínios Web3, resolução de domínios cross-chain e identidade 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-pt">
<p>Os recursos subjacentes de computação em nuvem e hospedagem distribuída são suportados pela <strong>namepopo</strong>. A namepopo (<a href="http://www.namepopo.com" target="_blank" class="partner-link">www.namepopo.com</a>) é uma plataforma de servidores em nuvem Web3 de última geração. A namepopo fornecerá serviços premium de computação em nuvem e hospedagem de nós de alta disponibilidade, forte privacidade e resiliência 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-pt">
<p class="closing-text">Através desta profunda aliança tecnológica com a Domainroc e a namepopo, estamos confiantes em transformar o nosso website oficial em um portal modelo que combina a padronização governamental com a tecnologia Web3 de ponta. Fique atento para o lançamento oficial em três meses!</p>
<p class="closing-signature"><strong>Secretaria de Comunicação e 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>