{"id":15659,"date":"2026-06-27T05:49:00","date_gmt":"2026-06-27T08:49:00","guid":{"rendered":"https:\/\/diariocolon.com.ar\/?p=15659"},"modified":"2026-06-27T02:00:48","modified_gmt":"2026-06-27T05:00:48","slug":"fin-de-semana-a-pleno-sol-mira-como-estara-el-tiempo-este-sabado-en-san-juan","status":"publish","type":"post","link":"https:\/\/diariocolon.com.ar\/?p=15659","title":{"rendered":"Fin de semana a pleno sol: mir\u00e1 c\u00f3mo estar\u00e1 el tiempo este s\u00e1bado en San Juan"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">El pron\u00f3stico para este s\u00e1bado 27 de junio de 2026 anticipa una jornada ideal para disfrutar al aire libre en <strong>San Juan, San Juan Province<\/strong>, con excelentes condiciones meteorol\u00f3gicas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De acuerdo a los datos oficiales, se espera un d\u00eda completamente <strong>soleado<\/strong> durante la tarde y un cielo despejado por la noche. La temperatura <strong>m\u00e1xima alcanzar\u00e1 los 17\u00b0C<\/strong>, mientras que la <strong>m\u00ednima descender\u00e1 hasta los 2\u00b0C<\/strong>, consolidando un ambiente t\u00edpicamente invernal pero muy agradable en las horas centrales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El viento se mantendr\u00e1 leve, soplando desde el <strong>sureste a 3 mph<\/strong>, con una humedad promedio del <strong>49%<\/strong>. Adem\u00e1s, el \u00edndice UV se ubicar\u00e1 en un nivel de 3, y la probabilidad de precipitaciones diurnas es del <strong>0%<\/strong>, por lo que las lluvias est\u00e1n totalmente descartadas para el resto del d\u00eda. <\/p>\n\n\n\n<!-- Widget del Clima Inteligente para Diario Col\u00f3n -->\n<div id=\"colon-weather-widget\" style=\"margin: 20px auto; max-width: 400px; font-family: system-ui, -apple-system, sans-serif; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.08); background: #ffffff; transition: all 0.3s ease;\">\n    \n    <!-- Encabezado Diario Col\u00f3n -->\n    <div style=\"background: #e60000; color: #ffffff; padding: 12px 18px; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid #b30000;\">\n        <span style=\"display: flex; align-items: center; gap: 6px;\">\n            <span style=\"display: inline-block; width: 8px; height: 8px; background: #39ff14; border-radius: 50%; box-shadow: 0 0 8px #39ff14; animation: pulse 1.5s infinite;\"><\/span>\n            DIARIO COL\u00d3N \u2022 CLIMA EN VIVO\n        <\/span>\n        <span id=\"colon-date\" style=\"background: rgba(255,255,255,0.2); padding: 3px 8px; border-radius: 6px; font-size: 11px;\">S\u00c1BADO 27<\/span>\n    <\/div>\n\n    <!-- Contenido Principal -->\n    <div style=\"padding: 24px; text-align: center;\">\n        <div style=\"font-size: 18px; color: #1e293b; font-weight: 600; margin-bottom: 2px;\">San Juan, AR<\/div>\n        <div id=\"colon-updated\" style=\"font-size: 11px; color: #94a3b8; margin-bottom: 15px;\">Datos en tiempo real<\/div>\n        \n        <!-- Bloque central de clima -->\n        <div style=\"display: flex; align-items: center; justify-content: center; gap: 20px; margin: 15px 0;\">\n            <!-- Contenedor del \u00cdcono (Por defecto un sol en SVG hermoso) -->\n            <div id=\"colon-icon-container\" style=\"display: flex; align-items: center; justify-content: center; width: 64px; height: 64px;\">\n                <svg id=\"svg-sun\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#eab308\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"animation: spin 20s linear infinite;\">\n                    <circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#fef08a\"><\/circle>\n                    <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n                    <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n                    <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n                    <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n                    <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n                    <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n                    <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n                    <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n                <\/svg>\n            <\/div>\n            <!-- Temperatura -->\n            <span id=\"colon-temp\" style=\"font-size: 56px; font-weight: 800; color: #0f172a; letter-spacing: -2px; line-height: 1;\">17\u00b0C<\/span>\n        <\/div>\n\n        <!-- Estado del cielo -->\n        <div id=\"colon-status\" style=\"display: inline-block; padding: 6px 14px; background: #fef9c3; color: #713f12; font-size: 13px; font-weight: bold; border-radius: 999px; text-transform: uppercase; margin-bottom: 20px; border: 1px solid #fef08a;\">\n            \u2600\ufe0f Soleado y Despejado\n        <\/div>\n        \n        <!-- Rejilla de Informaci\u00f3n Secundaria -->\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-top: 1px solid #f1f5f9; padding-top: 20px; text-align: left;\">\n            <div style=\"background: #f8fafc; padding: 10px; border-radius: 10px; border: 1px solid #f1f5f9;\">\n                <span style=\"display:block; font-size: 10px; color: #64748b; font-weight: 600; text-transform: uppercase; margin-bottom: 2px;\">Humedad<\/span>\n                <span id=\"colon-humidity\" style=\"font-size: 15px; font-weight: bold; color: #334155;\">49%<\/span>\n            <\/div>\n            <div style=\"background: #f8fafc; padding: 10px; border-radius: 10px; border: 1px solid #f1f5f9;\">\n                <span style=\"display:block; font-size: 10px; color: #64748b; font-weight: 600; text-transform: uppercase; margin-bottom: 2px;\">Viento<\/span>\n                <span id=\"colon-wind\" style=\"font-size: 15px; font-weight: bold; color: #334155;\">SE 5 km\/h<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Animaciones CSS -->\n<style>\n@keyframes pulse {\n    0% { transform: scale(0.9); opacity: 0.6; }\n    50% { transform: scale(1.1); opacity: 1; }\n    100% { transform: scale(0.9); opacity: 0.6; }\n}\n@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n<\/style>\n\n<!-- Script para actualizaci\u00f3n autom\u00e1tica en vivo -->\n<script>\n(function() {\n    const lat = -31.5375;\n    const lon = -68.5364;\n    const apiUrl = `https:\/\/api.open-meteo.com\/v1\/forecast?latitude=${lat}&longitude=${lon}&current=temperature_2m,relative_humidity_2m,weather_code,wind_speed_10m,wind_direction_10m&timezone=America%2FArgentina%2FSan_Juan`;\n\n    \/\/ \u00cdconos SVG para cada estado del tiempo\n    const icons = {\n        sun: `<svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#eab308\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"animation: spin 20s linear infinite;\"><circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#fef08a\"><\/circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line><\/svg>`,\n        cloud: `<svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 8.58\" fill=\"#f1f5f9\"><\/path><\/svg>`,\n        cloudSun: `<svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v2M4.93 4.93l1.41 1.41M20 12h2M19.07 4.93l-1.41 1.41\" stroke=\"#eab308\"><\/path><path d=\"M22 17a3 3 0 0 0-3-3h-1.3a5 5 0 1 0-8.6 3\" fill=\"#f1f5f9\"><\/path><\/svg>`,\n        rain: `<svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 16.58A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 8.58\" stroke=\"#64748b\" fill=\"#f1f5f9\"><\/path><line x1=\"8\" y1=\"19\" x2=\"8\" y2=\"21\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"22\"><\/line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"21\"><\/line><\/svg>`,\n        storm: `<svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e293b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 16.58A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 8.58\" stroke=\"#475569\" fill=\"#cbd5e1\"><\/path><polyline points=\"13 18 10 22 13 22 11 26\" stroke=\"#eab308\" fill=\"#fef08a\"><\/polyline><\/svg>`\n    };\n\n    \/\/ Conversor de c\u00f3digos de clima mundiales (WMO) a espa\u00f1ol\n    function translateWMO(code) {\n        if (code === 0) return { text: \"\u2600\ufe0f Despejado\", icon: icons.sun, bg: \"#fef9c3\", color: \"#713f12\", border: \"#fef08a\" };\n        if (code >= 1 && code <= 3) return { text: \"\ud83c\udf24\ufe0f Parcialmente Nublado\", icon: icons.cloudSun, bg: \"#f1f5f9\", color: \"#334155\", border: \"#e2e8f0\" };\n        if (code === 45 || code === 48) return { text: \"\ud83c\udf2b\ufe0f Niebla\", icon: icons.cloud, bg: \"#f1f5f9\", color: \"#475569\", border: \"#e2e8f0\" };\n        if ((code >= 51 && code <= 65) || (code >= 80 && code <= 82)) return { text: \"\ud83c\udf27\ufe0f Lluvia\", icon: icons.rain, bg: \"#dbeafe\", color: \"#1e40af\", border: \"#bfdbfe\" };\n        if (code >= 95) return { text: \"\u26c8\ufe0f Tormenta el\u00e9ctrica\", icon: icons.storm, bg: \"#f1f5f9\", color: \"#0f172a\", border: \"#cbd5e1\" };\n        return { text: \"\u2600\ufe0f Despejado\", icon: icons.sun, bg: \"#fef9c3\", color: \"#713f12\", border: \"#fef08a\" };\n    }\n\n    \/\/ Direcci\u00f3n del viento simplificada\n    function getWindDirection(deg) {\n        if (deg > 337.5 || deg <= 22.5) return 'N';\n        if (deg > 22.5 && deg <= 67.5) return 'NE';\n        if (deg > 67.5 && deg <= 112.5) return 'E';\n        if (deg > 112.5 && deg <= 157.5) return 'SE';\n        if (deg > 157.5 && deg <= 202.5) return 'S';\n        if (deg > 202.5 && deg <= 247.5) return 'SO';\n        if (deg > 247.5 && deg <= 292.5) return 'O';\n        return 'NO';\n    }\n\n    \/\/ Petici\u00f3n a la API del clima\n    fetch(apiUrl)\n        .then(response => {\n            if (!response.ok) throw new Error('Error de red');\n            return response.json();\n        })\n        .then(data => {\n            const current = data.current;\n            const weather = translateWMO(current.weather_code);\n            const windDir = getWindDirection(current.wind_direction_10m);\n\n            \/\/ Actualizar elementos HTML del widget\n            document.getElementById('colon-temp').innerText = `${Math.round(current.temperature_2m)}\u00b0C`;\n            document.getElementById('colon-humidity').innerText = `${current.relative_humidity_2m}%`;\n            document.getElementById('colon-wind').innerText = `${windDir} a ${Math.round(current.wind_speed_10m)} km\/h`;\n            \n            \/\/ Actualizar etiqueta de estado\n            const statusLabel = document.getElementById('colon-status');\n            statusLabel.innerText = weather.text;\n            statusLabel.style.background = weather.bg;\n            statusLabel.style.color = weather.color;\n            statusLabel.style.borderColor = weather.border;\n\n            \/\/ Actualizar \u00edcono\n            document.getElementById('colon-icon-container').innerHTML = weather.icon;\n\n            \/\/ Mostrar hora de \u00faltima actualizaci\u00f3n local\n            const now = new Date();\n            const timeStr = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n            document.getElementById('colon-updated').innerText = `Actualizado a las ${timeStr}`;\n        })\n        .catch(err => {\n            console.log(\"Servicio en vivo no disponible, se mantienen datos de respaldo.\", err);\n        });\n})();\n<\/script>\n\n\n\n<script data-wp-block-html=\"js\">\n<!-- Widget de Clima Seguro para Diario Col\u00f3n -->\n<div class=\"diario-colon-clima-box\" style=\"margin: 20px 0; width: 100%; max-width: 800px; font-family: Arial, sans-serif;\">\n    <h4 style=\"color: #333; border-left: 4px solid #e60000; padding-left: 10px; margin-bottom: 12px; font-weight: bold; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px;\">\n        Estado del Tiempo en Vivo\n    <\/h4>\n    \n    <iframe \n        src=\"https:\/\/www.meteored.com.ar\/widdet\/v2\/new\/index.php?c=7677&#038;t=1&#038;d=3&#038;m=1&#038;w=100%&#038;h=150&#038;bg=ffffff&#038;tc=333333&#038;lc=e60000&#038;ff=Arial\" \n        frameborder=\"0\" \n        scrolling=\"no\" \n        width=\"100%\" \n        height=\"150\" \n        style=\"border: 1px solid #eee; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); overflow: hidden; display: block;\">\n    <\/iframe>\n<\/div>\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El pron\u00f3stico para este s\u00e1bado 27 de junio de 2026 anticipa una jornada ideal para disfrutar al aire libre en San Juan, San Juan Province, con excelentes condiciones meteorol\u00f3gicas. De acuerdo a los datos oficiales, se espera un d\u00eda completamente soleado durante la tarde y un cielo despejado por la noche. La temperatura m\u00e1xima alcanzar\u00e1 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":15328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jnews-multi-image_gallery":[],"jnews_single_post":{"format":"standard"},"jnews_primary_category":[],"jnews_paywall_metabox":[],"jnews_override_counter":[],"footnotes":""},"categories":[103],"tags":[],"class_list":["post-15659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-clima"],"_links":{"self":[{"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/15659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15659"}],"version-history":[{"count":5,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/15659\/revisions"}],"predecessor-version":[{"id":15668,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/15659\/revisions\/15668"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=\/wp\/v2\/media\/15328"}],"wp:attachment":[{"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diariocolon.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}