{"id":26,"date":"2026-05-25T10:03:14","date_gmt":"2026-05-25T16:03:14","guid":{"rendered":"https:\/\/teamtvuacj.com\/?page_id=26"},"modified":"2026-05-25T11:22:20","modified_gmt":"2026-05-25T17:22:20","slug":"clima","status":"publish","type":"page","link":"https:\/\/teamtvuacj.com\/","title":{"rendered":"index"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4388bc e-flex e-con-boxed e-con e-parent\" data-id=\"b4388bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0ab5c2 elementor-widget elementor-widget-image\" data-id=\"d0ab5c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"103\" src=\"https:\/\/teamtvuacj.com\/wp-content\/uploads\/TvUACJ-Logo-W-H-300x103.png\" class=\"attachment-medium size-medium wp-image-57\" alt=\"\" srcset=\"https:\/\/teamtvuacj.com\/wp-content\/uploads\/TvUACJ-Logo-W-H-300x103.png 300w, https:\/\/teamtvuacj.com\/wp-content\/uploads\/TvUACJ-Logo-W-H-1024x351.png 1024w, https:\/\/teamtvuacj.com\/wp-content\/uploads\/TvUACJ-Logo-W-H-768x263.png 768w, https:\/\/teamtvuacj.com\/wp-content\/uploads\/TvUACJ-Logo-W-H-1536x526.png 1536w, https:\/\/teamtvuacj.com\/wp-content\/uploads\/TvUACJ-Logo-W-H-2048x701.png 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c6da9e e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"4c6da9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;tilt&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-785a2e9 elementor-widget elementor-widget-html\" data-id=\"785a2e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .weather-wrap { padding: 1.25rem 0; font-family: var(--font-sans); }\n  .current-card { background: var(--color-background-secondary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 1.25rem 1.5rem; display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1rem; }\n  .current-icon { font-size: 52px; line-height: 1; }\n  .current-temp { font-size: 48px; font-weight: 500; color: var(--color-text-primary); line-height: 1; }\n  .current-unit { font-size: 22px; color: var(--color-text-secondary); }\n  .current-desc { font-size: 15px; color: var(--color-text-secondary); margin-top: 4px; }\n  .current-meta { display: flex; gap: 16px; margin-top: 8px; }\n  .meta-item { font-size: 13px; color: var(--color-text-secondary); display: flex; align-items: center; gap: 5px; }\n  .meta-item i { font-size: 15px; color: var(--color-text-tertiary); }\n  .forecast-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 1rem; }\n  .day-card { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 1rem; text-align: center; }\n  .day-name { font-size: 13px; font-weight: 500; color: var(--color-text-secondary); margin-bottom: 8px; text-transform: capitalize; }\n  .day-icon { font-size: 32px; margin-bottom: 8px; }\n  .day-temp-hi { font-size: 22px; font-weight: 500; color: var(--color-text-primary); }\n  .day-temp-lo { font-size: 14px; color: var(--color-text-tertiary); }\n  .day-divider { border: none; border-top: 0.5px solid var(--color-border-tertiary); margin: 8px 0; }\n  .day-stat { display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 12px; color: var(--color-text-secondary); margin-top: 4px; }\n  .day-stat i { font-size: 14px; }\n  .rain-bar-bg { width: 100%; height: 4px; background: var(--color-border-tertiary); border-radius: 2px; margin-top: 4px; }\n  .rain-bar { height: 4px; background: #378ADD; border-radius: 2px; transition: width 0.6s ease; }\n  .refresh-btn { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--color-text-tertiary); background: none; border: none; cursor: pointer; padding: 4px 0; }\n  .refresh-btn:hover { color: var(--color-text-secondary); }\n  .spin { animation: spin 1s linear infinite; }\n  @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n<\/style>\n\n<h2 class=\"sr-only\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);\">\n  Pron\u00f3stico del tiempo para Ciudad Ju\u00e1rez, los pr\u00f3ximos 3 d\u00edas\n<\/h2>\n\n<div class=\"weather-wrap\">\n\n  <!-- Tarjeta condici\u00f3n actual -->\n  <div class=\"current-card\">\n    <div class=\"current-icon\" id=\"cur-icon\" aria-hidden=\"true\">\u26c5<\/div>\n    <div>\n      <div style=\"display:flex; align-items:baseline; gap:4px;\">\n        <span class=\"current-temp\" id=\"cur-temp\">\u2014<\/span>\n        <span class=\"current-unit\">\u00b0C<\/span>\n      <\/div>\n      <div class=\"current-desc\" id=\"cur-desc\">\u2014<\/div>\n      <div class=\"current-meta\">\n        <div class=\"meta-item\"><i class=\"ti ti-wind\" aria-hidden=\"true\"><\/i><span id=\"cur-wind\">\u2014<\/span><\/div>\n        <div class=\"meta-item\"><i class=\"ti ti-droplet\" aria-hidden=\"true\"><\/i><span id=\"cur-rain\">\u2014<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Grid pron\u00f3stico 3 d\u00edas -->\n  <div class=\"forecast-grid\" id=\"forecast-grid\"><\/div>\n\n  <!-- Bot\u00f3n actualizar -->\n  <button class=\"refresh-btn\" onclick=\"loadWeather()\" aria-label=\"Actualizar clima\">\n    <i class=\"ti ti-refresh\" id=\"refresh-icon\" aria-hidden=\"true\"><\/i>\n    <span>Actualizar<\/span>\n  <\/button>\n\n<\/div>\n\n<script>\nconst WEATHER_DATA = {\n  current: { tempF: 81.7, condition: \"partly_cloudy\", windKph: 18, humidity: 22 },\n  daily: [\n    { date: \"2026-05-25\", high: 84.4, low: 64, rain: 75, windKph: 22 },\n    { date: \"2026-05-26\", high: 85.1, low: 65, rain: 0,  windKph: 15 },\n    { date: \"2026-05-27\", high: 89.7, low: 67, rain: 0,  windKph: 12 }\n  ]\n};\n\nconst CONDITIONS = {\n  sunny:         { icon: \"\u2600\ufe0f\",  label: \"Soleado\" },\n  partly_cloudy: { icon: \"\u26c5\",  label: \"Parcialmente nublado\" },\n  cloudy:        { icon: \"\u2601\ufe0f\",  label: \"Nublado\" },\n  rainy:         { icon: \"\ud83c\udf27\ufe0f\", label: \"Lluvioso\" },\n  stormy:        { icon: \"\u26c8\ufe0f\", label: \"Tormenta\" },\n  default:       { icon: \"\ud83c\udf24\ufe0f\", label: \"Variable\" }\n};\n\nfunction getConditionByRain(rain) {\n  if (rain >= 70) return CONDITIONS.rainy;\n  if (rain >= 40) return CONDITIONS.partly_cloudy;\n  return CONDITIONS.sunny;\n}\n\nfunction fToC(f) { return Math.round((f - 32) * 5 \/ 9); }\n\nfunction getDayName(dateStr, idx) {\n  if (idx === 0) return \"Hoy\";\n  if (idx === 1) return \"Ma\u00f1ana\";\n  return new Date(dateStr + \"T12:00:00\").toLocaleDateString(\"es-MX\", { weekday: \"long\" });\n}\n\nfunction getWindLabel(kph) {\n  if (kph < 10) return \"Calma\";\n  if (kph < 20) return \"Brisa ligera\";\n  if (kph < 35) return \"Brisa moderada\";\n  return \"Viento fuerte\";\n}\n\nfunction renderCurrent(data) {\n  const cond = CONDITIONS[data.condition] || CONDITIONS.default;\n  document.getElementById(\"cur-icon\").textContent = cond.icon;\n  document.getElementById(\"cur-temp\").textContent = fToC(data.tempF);\n  document.getElementById(\"cur-desc\").textContent = cond.label;\n  document.getElementById(\"cur-wind\").textContent = `${data.windKph} km\/h \u2014 ${getWindLabel(data.windKph)}`;\n  document.getElementById(\"cur-rain\").textContent = `Humedad ${data.humidity}%`;\n}\n\nfunction renderForecast(days) {\n  const grid = document.getElementById(\"forecast-grid\");\n  grid.innerHTML = \"\";\n  days.slice(0, 3).forEach((day, i) => {\n    const cond = getConditionByRain(day.rain);\n    const hiC  = fToC(day.high);\n    const loC  = fToC(day.low);\n    const card = document.createElement(\"div\");\n    card.className = \"day-card\";\n    card.innerHTML = `\n      <div class=\"day-name\">${getDayName(day.date, i)}<\/div>\n      <div class=\"day-icon\" aria-hidden=\"true\">${cond.icon}<\/div>\n      <div class=\"day-temp-hi\">${hiC}\u00b0C<\/div>\n      <div class=\"day-temp-lo\">M\u00edn ${loC}\u00b0C<\/div>\n      <hr class=\"day-divider\">\n      <div class=\"day-stat\">\n        <i class=\"ti ti-droplet\" aria-hidden=\"true\" style=\"color:#378ADD;\"><\/i>\n        <span>${day.rain}% lluvia<\/span>\n      <\/div>\n      <div class=\"rain-bar-bg\">\n        <div class=\"rain-bar\" style=\"width:${day.rain}%\"\n             role=\"progressbar\" aria-valuenow=\"${day.rain}\"\n             aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n      <\/div>\n      <div class=\"day-stat\" style=\"margin-top:6px;\">\n        <i class=\"ti ti-wind\" aria-hidden=\"true\"><\/i>\n        <span>${day.windKph} km\/h<\/span>\n      <\/div>\n    `;\n    grid.appendChild(card);\n  });\n}\n\nfunction loadWeather() {\n  const icon = document.getElementById(\"refresh-icon\");\n  icon.classList.add(\"spin\");\n  setTimeout(() => {\n    renderCurrent(WEATHER_DATA.current);\n    renderForecast(WEATHER_DATA.daily);\n    icon.classList.remove(\"spin\");\n  }, 800);\n}\n\nloadWeather();\nsetInterval(loadWeather, 10 * 60 * 1000);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pron\u00f3stico del tiempo para Ciudad Ju\u00e1rez, los pr\u00f3ximos 3 d\u00edas \u26c5 \u2014 \u00b0C \u2014 \u2014 \u2014 Actualizar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":26,"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/teamtvuacj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}