{"id":184429,"date":"2025-05-05T23:59:18","date_gmt":"2025-05-06T02:59:18","guid":{"rendered":"https:\/\/www.hoymercedes.com.ar\/principal\/?page_id=184429"},"modified":"2025-05-06T00:42:55","modified_gmt":"2025-05-06T03:42:55","slug":"pronostico-mercedes-y-la-zona","status":"publish","type":"page","link":"https:\/\/www.hoymercedes.com.ar\/principal\/pronostico-mercedes-y-la-zona\/","title":{"rendered":"El tiempo en Mercedes y la zona"},"content":{"rendered":"\n<div class=\"pronosticos-container\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; font-family: 'Segoe UI', Arial, sans-serif; max-width: 1200px; margin: 0 auto; padding: 15px;\">\n\n  <!-- Columna Izquierda -->\n  <div class=\"columna-pronosticos\" style=\"display: flex; flex-direction: column; gap: 20px;\">\n    \n    <!-- Mercedes -->\n    <div class=\"clima-widget\" style=\"background: #fafafa; padding: 20px; border-radius: 8px; border: 1px solid #e2e2e2;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;\">\n        <h3 style=\"margin: 0; color: #333; font-size: 18px; font-weight: 600;\">Mercedes, BA<\/h3>\n        <div id=\"fecha-mercedes\" style=\"font-size: 13px; color: #666;\"><\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 15px;\">\n        <div id=\"clima-mercedes\" style=\"font-size: 36px; font-weight: bold; color: #01A0C6;\">&#8211;\u00b0C<\/div>\n        <div style=\"flex-grow: 1;\">\n          <div id=\"estado-mercedes\" style=\"font-size: 16px; color: #333; margin-bottom: 5px;\">&#8212;<\/div>\n          <div style=\"display: flex; gap: 15px;\">\n            <span id=\"humedad-mercedes\" style=\"font-size: 14px; color: #555;\">&#8211;% humedad<\/span>\n            <span id=\"viento-mercedes\" style=\"font-size: 14px; color: #555;\">&#8212; km\/h viento<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-size: 12px; color: #999; text-align: right;\">Actualizado: <span id=\"hora-mercedes\">ahora<\/span><\/div>\n    <\/div>\n\n    <!-- Altamira -->\n    <div class=\"clima-widget\" style=\"background: #fafafa; padding: 20px; border-radius: 8px; border: 1px solid #e2e2e2;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;\">\n        <h3 style=\"margin: 0; color: #333; font-size: 18px; font-weight: 600;\">Altamira, BA<\/h3>\n        <div id=\"fecha-altamira\" style=\"font-size: 13px; color: #666;\"><\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 15px;\">\n        <div id=\"clima-altamira\" style=\"font-size: 36px; font-weight: bold; color: #01A0C6;\">&#8211;\u00b0C<\/div>\n        <div style=\"flex-grow: 1;\">\n          <div id=\"estado-altamira\" style=\"font-size: 16px; color: #333; margin-bottom: 5px;\">&#8212;<\/div>\n          <div style=\"display: flex; gap: 15px;\">\n            <span id=\"humedad-altamira\" style=\"font-size: 14px; color: #555;\">&#8211;% humedad<\/span>\n            <span id=\"viento-altamira\" style=\"font-size: 14px; color: #555;\">&#8212; km\/h viento<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-size: 12px; color: #999; text-align: right;\">Actualizado: <span id=\"hora-altamira\">ahora<\/span><\/div>\n    <\/div>\n\n    <!-- Tom\u00e1s Jofr\u00e9 -->\n    <div class=\"clima-widget\" style=\"background: #fafafa; padding: 20px; border-radius: 8px; border: 1px solid #e2e2e2;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;\">\n        <h3 style=\"margin: 0; color: #333; font-size: 18px; font-weight: 600;\">Tom\u00e1s Jofr\u00e9, BA<\/h3>\n        <div id=\"fecha-tomasjofre\" style=\"font-size: 13px; color: #666;\"><\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 15px;\">\n        <div id=\"clima-tomasjofre\" style=\"font-size: 36px; font-weight: bold; color: #01A0C6;\">&#8211;\u00b0C<\/div>\n        <div style=\"flex-grow: 1;\">\n          <div id=\"estado-tomasjofre\" style=\"font-size: 16px; color: #333; margin-bottom: 5px;\">&#8212;<\/div>\n          <div style=\"display: flex; gap: 15px;\">\n            <span id=\"humedad-tomasjofre\" style=\"font-size: 14px; color: #555;\">&#8211;% humedad<\/span>\n            <span id=\"viento-tomasjofre\" style=\"font-size: 14px; color: #555;\">&#8212; km\/h viento<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-size: 12px; color: #999; text-align: right;\">Actualizado: <span id=\"hora-tomasjofre\">ahora<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Columna Derecha -->\n  <div class=\"columna-pronosticos\" style=\"display: flex; flex-direction: column; gap: 20px;\">\n    \n    <!-- Gowland -->\n    <div class=\"clima-widget\" style=\"background: #fafafa; padding: 20px; border-radius: 8px; border: 1px solid #e2e2e2;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;\">\n        <h3 style=\"margin: 0; color: #333; font-size: 18px; font-weight: 600;\">Gowland, BA<\/h3>\n        <div id=\"fecha-gowland\" style=\"font-size: 13px; color: #666;\"><\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 15px;\">\n        <div id=\"clima-gowland\" style=\"font-size: 36px; font-weight: bold; color: #01A0C6;\">&#8211;\u00b0C<\/div>\n        <div style=\"flex-grow: 1;\">\n          <div id=\"estado-gowland\" style=\"font-size: 16px; color: #333; margin-bottom: 5px;\">&#8212;<\/div>\n          <div style=\"display: flex; gap: 15px;\">\n            <span id=\"humedad-gowland\" style=\"font-size: 14px; color: #555;\">&#8211;% humedad<\/span>\n            <span id=\"viento-gowland\" style=\"font-size: 14px; color: #555;\">&#8212; km\/h viento<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-size: 12px; color: #999; text-align: right;\">Actualizado: <span id=\"hora-gowland\">ahora<\/span><\/div>\n    <\/div>\n\n    <!-- Garc\u00eda -->\n    <div class=\"clima-widget\" style=\"background: #fafafa; padding: 20px; border-radius: 8px; border: 1px solid #e2e2e2;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;\">\n        <h3 style=\"margin: 0; color: #333; font-size: 18px; font-weight: 600;\">Garc\u00eda, BA<\/h3>\n        <div id=\"fecha-garcia\" style=\"font-size: 13px; color: #666;\"><\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 15px;\">\n        <div id=\"clima-garcia\" style=\"font-size: 36px; font-weight: bold; color: #01A0C6;\">&#8211;\u00b0C<\/div>\n        <div style=\"flex-grow: 1;\">\n          <div id=\"estado-garcia\" style=\"font-size: 16px; color: #333; margin-bottom: 5px;\">&#8212;<\/div>\n          <div style=\"display: flex; gap: 15px;\">\n            <span id=\"humedad-garcia\" style=\"font-size: 14px; color: #555;\">&#8211;% humedad<\/span>\n            <span id=\"viento-garcia\" style=\"font-size: 14px; color: #555;\">&#8212; km\/h viento<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-size: 12px; color: #999; text-align: right;\">Actualizado: <span id=\"hora-garcia\">ahora<\/span><\/div>\n    <\/div>\n\n    <!-- Agote -->\n    <div class=\"clima-widget\" style=\"background: #fafafa; padding: 20px; border-radius: 8px; border: 1px solid #e2e2e2;\">\n      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;\">\n        <h3 style=\"margin: 0; color: #333; font-size: 18px; font-weight: 600;\">Agote, BA<\/h3>\n        <div id=\"fecha-agote\" style=\"font-size: 13px; color: #666;\"><\/div>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 20px; margin-bottom: 15px;\">\n        <div id=\"clima-agote\" style=\"font-size: 36px; font-weight: bold; color: #01A0C6;\">&#8211;\u00b0C<\/div>\n        <div style=\"flex-grow: 1;\">\n          <div id=\"estado-agote\" style=\"font-size: 16px; color: #333; margin-bottom: 5px;\">&#8212;<\/div>\n          <div style=\"display: flex; gap: 15px;\">\n            <span id=\"humedad-agote\" style=\"font-size: 14px; color: #555;\">&#8211;% humedad<\/span>\n            <span id=\"viento-agote\" style=\"font-size: 14px; color: #555;\">&#8212; km\/h viento<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-size: 12px; color: #999; text-align: right;\">Actualizado: <span id=\"hora-agote\">ahora<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Configuraci\u00f3n com\u00fan\nconst estadoClima = {\n  0: 'Despejado', 1: 'Mayormente despejado', 2: 'Parcialmente nublado', 3: 'Nublado',\n  45: 'Niebla', 48: 'Niebla helada', 51: 'Llovizna ligera', 53: 'Llovizna moderada',\n  55: 'Llovizna intensa', 56: 'Llovizna helada ligera', 57: 'Llovizna helada intensa',\n  61: 'Lluvia ligera', 63: 'Lluvia moderada', 65: 'Lluvia intensa',\n  71: 'Nieve ligera', 73: 'Nieve moderada', 75: 'Nieve intensa', 77: 'Granizo',\n  80: 'Lluvias leves', 81: 'Lluvias moderadas', 82: 'Lluvias intensas',\n  85: 'Nevadas leves', 86: 'Nevadas intensas', 95: 'Tormenta el\u00e9ctrica',\n  96: 'Tormenta con granizo ligero', 99: 'Tormenta con granizo intenso'\n};\n\n\/\/ Coordenadas de cada localidad\nconst ubicaciones = [\n  { \n    id: 'mercedes', \n    lat: -34.6515, \n    lon: -59.4307 \n  },\n  { \n    id: 'altamira', \n    lat: -37.8574, \n    lon: -62.7637 \n  },\n  { \n    id: 'tomasjofre', \n    lat: -34.9853, \n    lon: -59.8106 \n  },\n  { \n    id: 'gowland', \n    lat: -34.4936, \n    lon: -59.1047 \n  },\n  { \n    id: 'garcia', \n    lat: -34.65, \n    lon: -59.48 \n  },\n  { \n    id: 'agote', \n    lat: -34.68, \n    lon: -59.42 \n  }\n];\n\n\/\/ Funci\u00f3n para cargar el clima\nasync function cargarClima(ubicacion) {\n  try {\n    const response = await fetch(`https:\/\/api.open-meteo.com\/v1\/forecast?latitude=${ubicacion.lat}&longitude=${ubicacion.lon}&current=temperature_2m,relative_humidity_2m,wind_speed_10m,weather_code&timezone=America%2FArgentina%2FBuenos_Aires`);\n    const data = await response.json();\n    \n    if(data.error) throw new Error(data.reason);\n    \n    const clima = data.current;\n    document.getElementById(`clima-${ubicacion.id}`).textContent = `${Math.round(clima.temperature_2m)}\u00b0C`;\n    document.getElementById(`estado-${ubicacion.id}`).textContent = estadoClima[clima.weather_code] || 'Despejado';\n    document.getElementById(`fecha-${ubicacion.id}`).textContent = new Date(clima.time).toLocaleDateString('es-AR', {\n      weekday: 'short', \n      day: 'numeric', \n      month: 'short'\n    });\n    document.getElementById(`humedad-${ubicacion.id}`).textContent = `${clima.relative_humidity_2m}% humedad`;\n    document.getElementById(`viento-${ubicacion.id}`).textContent = `${Math.round(clima.wind_speed_10m)} km\/h viento`;\n    document.getElementById(`hora-${ubicacion.id}`).textContent = new Date().toLocaleTimeString('es-AR', { hour: '2-digit', minute: '2-digit' });\n    \n  } catch (error) {\n    console.error(`Error en ${ubicacion.id}:`, error);\n    document.getElementById(`clima-${ubicacion.id}`).textContent = \"--\u00b0C\";\n    document.getElementById(`estado-${ubicacion.id}`).textContent = \"Datos no disponibles\";\n    document.getElementById(`fecha-${ubicacion.id}`).textContent = \"Hoy\";\n  }\n}\n\n\/\/ Cargar todos los climas\nfunction cargarTodosClimas() {\n  ubicaciones.forEach(ubicacion => {\n    cargarClima(ubicacion);\n  });\n}\n\n\/\/ Iniciar y refrescar cada 15 minutos\ndocument.addEventListener('DOMContentLoaded', cargarTodosClimas);\nsetInterval(cargarTodosClimas, 900000);\n<\/script>\n\n<!-- Estilo adicional para m\u00f3viles -->\n<style>\n@media (max-width: 768px) {\n  .pronosticos-container {\n    grid-template-columns: 1fr !important;\n  }\n}\n<\/style>\n\n\n\n<div class=\"pronostico-extendido\" style=\"background: #fffff; border-radius: 10px; padding: 20px; font-family: 'Segoe UI', Arial, sans-serif; max-width: 1200px; margin: 0 auto;\">\n  <h2 style=\"margin-top: 0; color: #333; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px;\">Pron\u00f3stico 5 d\u00edas &#8211; Mercedes, BA<\/h2>\n  \n  <div class=\"dias-container\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; margin-top: 20px;\">\n    \n    <!-- D\u00eda 1 -->\n    <div class=\"dia\" style=\"background: white; border-radius: 8px; padding: 12px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n      <div class=\"nombre-dia\" style=\"font-weight: 600; color: #2c3e50; margin-bottom: 10px;\" id=\"dia1-nombre\">Lun<\/div>\n      <div class=\"icono-clima\" style=\"margin: 10px 0;\">\n        <img decoding=\"async\" id=\"dia1-icono\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163661.png\" alt=\"Clima\" style=\"width: 40px; height: 40px;\">\n      <\/div>\n      <div class=\"temp-max\" style=\"font-size: 18px; font-weight: bold; color: #e74c3c;\" id=\"dia1-max\">&#8211;\u00b0<\/div>\n      <div class=\"temp-min\" style=\"font-size: 14px; color: #3498db;\" id=\"dia1-min\">&#8211;\u00b0<\/div>\n      <div class=\"precipitacion\" style=\"font-size: 12px; color: #555; margin-top: 8px;\" id=\"dia1-precip\">&#8211;%<\/div>\n    <\/div>\n    \n    <!-- D\u00eda 2 -->\n    <div class=\"dia\" style=\"background: white; border-radius: 8px; padding: 12px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n      <div class=\"nombre-dia\" style=\"font-weight: 600; color: #2c3e50; margin-bottom: 10px;\" id=\"dia2-nombre\">Mar<\/div>\n      <div class=\"icono-clima\" style=\"margin: 10px 0;\">\n        <img decoding=\"async\" id=\"dia2-icono\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163661.png\" alt=\"Clima\" style=\"width: 40px; height: 40px;\">\n      <\/div>\n      <div class=\"temp-max\" style=\"font-size: 18px; font-weight: bold; color: #e74c3c;\" id=\"dia2-max\">&#8211;\u00b0<\/div>\n      <div class=\"temp-min\" style=\"font-size: 14px; color: #3498db;\" id=\"dia2-min\">&#8211;\u00b0<\/div>\n      <div class=\"precipitacion\" style=\"font-size: 12px; color: #555; margin-top: 8px;\" id=\"dia2-precip\">&#8211;%<\/div>\n    <\/div>\n    \n    <!-- D\u00eda 3 -->\n    <div class=\"dia\" style=\"background: white; border-radius: 8px; padding: 12px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n      <div class=\"nombre-dia\" style=\"font-weight: 600; color: #2c3e50; margin-bottom: 10px;\" id=\"dia3-nombre\">Mi\u00e9<\/div>\n      <div class=\"icono-clima\" style=\"margin: 10px 0;\">\n        <img decoding=\"async\" id=\"dia3-icono\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163661.png\" alt=\"Clima\" style=\"width: 40px; height: 40px;\">\n      <\/div>\n      <div class=\"temp-max\" style=\"font-size: 18px; font-weight: bold; color: #e74c3c;\" id=\"dia3-max\">&#8211;\u00b0<\/div>\n      <div class=\"temp-min\" style=\"font-size: 14px; color: #3498db;\" id=\"dia3-min\">&#8211;\u00b0<\/div>\n      <div class=\"precipitacion\" style=\"font-size: 12px; color: #555; margin-top: 8px;\" id=\"dia3-precip\">&#8211;%<\/div>\n    <\/div>\n    \n    <!-- D\u00eda 4 -->\n    <div class=\"dia\" style=\"background: white; border-radius: 8px; padding: 12px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n      <div class=\"nombre-dia\" style=\"font-weight: 600; color: #2c3e50; margin-bottom: 10px;\" id=\"dia4-nombre\">Jue<\/div>\n      <div class=\"icono-clima\" style=\"margin: 10px 0;\">\n        <img decoding=\"async\" id=\"dia4-icono\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163661.png\" alt=\"Clima\" style=\"width: 40px; height: 40px;\">\n      <\/div>\n      <div class=\"temp-max\" style=\"font-size: 18px; font-weight: bold; color: #e74c3c;\" id=\"dia4-max\">&#8211;\u00b0<\/div>\n      <div class=\"temp-min\" style=\"font-size: 14px; color: #3498db;\" id=\"dia4-min\">&#8211;\u00b0<\/div>\n      <div class=\"precipitacion\" style=\"font-size: 12px; color: #555; margin-top: 8px;\" id=\"dia4-precip\">&#8211;%<\/div>\n    <\/div>\n    \n    <!-- D\u00eda 5 -->\n    <div class=\"dia\" style=\"background: white; border-radius: 8px; padding: 12px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n      <div class=\"nombre-dia\" style=\"font-weight: 600; color: #2c3e50; margin-bottom: 10px;\" id=\"dia5-nombre\">Vie<\/div>\n      <div class=\"icono-clima\" style=\"margin: 10px 0;\">\n        <img decoding=\"async\" id=\"dia5-icono\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163661.png\" alt=\"Clima\" style=\"width: 40px; height: 40px;\">\n      <\/div>\n      <div class=\"temp-max\" style=\"font-size: 18px; font-weight: bold; color: #e74c3c;\" id=\"dia5-max\">&#8211;\u00b0<\/div>\n      <div class=\"temp-min\" style=\"font-size: 14px; color: #3498db;\" id=\"dia5-min\">&#8211;\u00b0<\/div>\n      <div class=\"precipitacion\" style=\"font-size: 12px; color: #555; margin-top: 8px;\" id=\"dia5-precip\">&#8211;%<\/div>\n    <\/div>\n    \n  <\/div>\n  \n  <div style=\"text-align: center; margin-top: 20px; font-size: 12px; color: #999;\">\n    <span id=\"ultima-actualizacion\">Actualizado: &#8211;:&#8211;<\/span>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Funci\u00f3n para obtener icono seg\u00fan c\u00f3digo meteorol\u00f3gico\nfunction obtenerIconoClima(codigo) {\n  const iconos = {\n    0: 'https:\/\/cdn-icons-png.flaticon.com\/512\/2698\/2698219.png', \/\/ Despejado\n    1: 'https:\/\/cdn-icons-png.flaticon.com\/512\/3222\/3222807.png', \/\/ Mayormente despejado\n    2: 'https:\/\/cdn-icons-png.flaticon.com\/512\/1146\/1146857.png', \/\/ Parcialmente nublado\n    3: 'https:\/\/cdn-icons-png.flaticon.com\/512\/1146\/1146860.png', \/\/ Nublado\n    45: 'https:\/\/cdn-icons-png.flaticon.com\/512\/2936\/2936886.png', \/\/ Niebla\n    51: 'https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163661.png', \/\/ Llovizna\n    61: 'https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163677.png', \/\/ Lluvia\n    71: 'https:\/\/cdn-icons-png.flaticon.com\/512\/3261\/3261919.png', \/\/ Nieve\n    80: 'https:\/\/cdn-icons-png.flaticon.com\/512\/1163\/1163677.png', \/\/ Lluvias\n    95: 'https:\/\/cdn-icons-png.flaticon.com\/512\/1146\/1146866.png'  \/\/ Tormenta\n  };\n  return iconos[codigo] || 'https:\/\/cdn-icons-png.flaticon.com\/512\/1146\/1146869.png'; \/\/ Predeterminado\n}\n\nasync function cargarPronosticoExtendido() {\n  try {\n    \/\/ Coordenadas de Mercedes, BA\n    const response = await fetch('https:\/\/api.open-meteo.com\/v1\/forecast?latitude=-34.6515&longitude=-59.4307&daily=weather_code,temperature_2m_max,temperature_2m_min,precipitation_probability_max&timezone=America%2FArgentina%2FBuenos_Aires');\n    const data = await response.json();\n    \n    if(data.error) throw new Error(data.reason);\n    \n    const pronostico = data.daily;\n    const diasSemana = ['Dom', 'Lun', 'Mar', 'Mi\u00e9', 'Jue', 'Vie', 'S\u00e1b'];\n    \n    \/\/ Actualizar cada d\u00eda\n    for(let i = 0; i < 5; i++) {\n      const fecha = new Date(pronostico.time[i]);\n      document.getElementById(`dia${i+1}-nombre`).textContent = diasSemana[fecha.getDay()];\n      document.getElementById(`dia${i+1}-max`).textContent = `${Math.round(pronostico.temperature_2m_max[i])}\u00b0`;\n      document.getElementById(`dia${i+1}-min`).textContent = `${Math.round(pronostico.temperature_2m_min[i])}\u00b0`;\n      document.getElementById(`dia${i+1}-precip`).textContent = `${pronostico.precipitation_probability_max[i]}%`;\n      document.getElementById(`dia${i+1}-icono`).src = obtenerIconoClima(pronostico.weather_code[i]);\n    }\n    \n    document.getElementById('ultima-actualizacion').textContent = `Actualizado: ${new Date().toLocaleTimeString('es-AR', {hour: '2-digit', minute:'2-digit'})}`;\n    \n  } catch (error) {\n    console.error(\"Error al cargar pron\u00f3stico:\", error);\n    document.getElementById('ultima-actualizacion').textContent = \"Error al cargar datos\";\n  }\n}\n\n\/\/ Cargar al iniciar y cada 6 horas\ndocument.addEventListener('DOMContentLoaded', cargarPronosticoExtendido);\nsetInterval(cargarPronosticoExtendido, 21600000); \/\/ 6 horas\n<\/script>\n\n<!-- Estilos adicionales para m\u00f3viles -->\n<style>\n@media (max-width: 600px) {\n  .dias-container {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n@media (max-width: 400px) {\n  .dias-container {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mercedes, BA &#8211;\u00b0C &#8212; &#8211;% humedad &#8212; km\/h viento Actualizado: ahora Altamira, BA &#8211;\u00b0C &#8212; &#8211;% humedad &#8212; km\/h viento &#8230; <a title=\"El tiempo en Mercedes y la zona\" class=\"read-more\" href=\"https:\/\/www.hoymercedes.com.ar\/principal\/pronostico-mercedes-y-la-zona\/\" aria-label=\"Leer m\u00e1s sobre El tiempo en Mercedes y la zona\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-184429","page","type-page","status-publish"],"wps_subtitle":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/pages\/184429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/comments?post=184429"}],"version-history":[{"count":8,"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/pages\/184429\/revisions"}],"predecessor-version":[{"id":185780,"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/pages\/184429\/revisions\/185780"}],"wp:attachment":[{"href":"https:\/\/www.hoymercedes.com.ar\/principal\/wp-json\/wp\/v2\/media?parent=184429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}