signalk-mareas-ihm 2.1.3 → 2.1.5

package/dist/build-info.json

@@ -1,7 +1,7 @@
 {
-  "version": "2.1.3",
-  "timestamp": "20260609-0150",
+  "version": "2.1.5",
+  "timestamp": "20260609-0225",
   "gitHash": null,
   "gitDirty": true,
-  "builtAt": "2026-06-08T23:50:21.804Z"
+  "builtAt": "2026-06-09T00:25:39.157Z"
 }

package/dist/index.js

@@ -49,7 +49,7 @@ function isPositionValue(v) {
 // timestamp + git hash so we can verify exactly which build is running on the Pi
 // without ambiguity. ("¿Qué versión tengo deployada?" → /api/paths or landing.)
 const PLUGIN_VERSION = esmRequire("../package.json").version;
-const PLUGIN_REVISION = "Rev314";
+const PLUGIN_REVISION = "Rev317";
 let _buildInfo = null;
 try {
     _buildInfo = esmRequire("./build-info.json");
@@ -3507,6 +3507,24 @@ export default function (app) {
                     }
                 });
                 expressApp.get("/signalk-mareas-ihm/navtiles/:z/:x/:y.png", async (req, res) => {
+                    /* Rev317: guard res.headersSent en todos los error paths. Si la conexión
+                       upstream falla MID-STREAM (después de pipe()), no se puede llamar a
+                       res.status/send porque ya se enviaron headers → "Cannot set headers
+                       after they are sent". Solución: solo enviar 502 si headersSent=false;
+                       en otro caso destruir el socket para cortar el stream colgado. */
+                    const sendFallback = () => {
+                        if (res.headersSent) {
+                            try {
+                                res.end();
+                            }
+                            catch { /* socket already closed */ }
+                            return;
+                        }
+                        try {
+                            res.status(502).set("Content-Type", "image/png").send(TRANSPARENT_PNG);
+                        }
+                        catch { /* ignore */ }
+                    };
                     try {
                         const { token, bearer } = await fetchChartTokens();
                         const z = req.params.z, x = req.params.x, y = req.params.y;
@@ -3519,16 +3537,24 @@ export default function (app) {
                                 "Origin": "https://maps.garmin.com"
                             }
                         }, (tileResp) => {
+                            if (res.headersSent) {
+                                try {
+                                    tileResp.destroy();
+                                }
+                                catch { }
+                                return;
+                            }
                             const ct = tileResp.headers["content-type"] || "image/png";
                             res.set("Content-Type", ct);
                             res.set("Cache-Control", "public, max-age=15552000, immutable");
+                            tileResp.on("error", sendFallback);
                             tileResp.pipe(res);
                         });
-                        tileReq.on("error", () => { res.status(502).send(TRANSPARENT_PNG); });
+                        tileReq.on("error", sendFallback);
                         tileReq.end();
                     }
                     catch {
-                        res.status(502).send(TRANSPARENT_PNG);
+                        sendFallback();
                     }
                 });
                 // ═══════════════ SSE (Server-Sent Events) for multi-device sync ═══════════════

package/dist/mobile.html

@@ -755,6 +755,33 @@ body.mobile-ui #m-bottom-bar .m-bb-grade .ic{font-size:10px}
 body.mobile-ui #m-bottom-bar .m-bb-grade #m-bb-grade{width:28px!important;height:28px!important;font-size:18px!important}
 body.mobile-ui #m-bottom-bar #m-bb-pres-svg{width:50px!important;height:18px!important}
 
+/* Rev315: estilos UNIFICADOS de back-button y título en TODAS las ventanas.
+   Estas clases utility se pueden aplicar a cualquier botón/título de un modal
+   para forzar la misma apariencia visual en todo el plugin. Color principal
+   var(--org) naranja, peso 900, tamaño 22px back y 28px título. */
+.m-back-btn{
+  background:rgba(255,178,63,.15)!important;
+  border:1px solid var(--org)!important;
+  color:var(--org)!important;
+  font-size:18px!important;
+  font-weight:800!important;
+  padding:12px 18px!important;
+  border-radius:12px!important;
+  cursor:pointer!important;
+  min-height:48px!important;
+  display:inline-flex!important;align-items:center!important;gap:4px!important;
+  letter-spacing:-.2px!important;
+}
+.m-back-btn:active{opacity:.6!important;transform:scale(.95)!important}
+.m-modal-title{
+  font-size:28px!important;
+  font-weight:900!important;
+  color:#fff!important;
+  letter-spacing:-.3px!important;
+  text-align:center!important;
+  margin:0!important;
+}
+
 /* === MODALES fullscreen Rev173: contenido MUCHO más grande, sin pinch, sin scroll horizontal === */
 body.mobile-ui .popup-overlay{
   align-items:stretch!important;justify-content:stretch!important;
@@ -790,19 +817,24 @@ body.mobile-ui .m-modal-hdr{
   display:flex;align-items:center;justify-content:space-between;
   padding:0 12px;
 }
+/* Rev315: m-back UNIFICADO (alineado con clase utility .m-back-btn). Ya no
+   necesita min-width:110px ni height fija — es más compacto y consistente
+   con todos los demás botones Back del proyecto (Anchor Calculation, etc). */
 body.mobile-ui .m-modal-hdr .m-back{
   background:rgba(255,178,63,.15);border:1px solid var(--org);color:var(--org);
-  font-size:22px;font-weight:800;cursor:pointer;padding:14px 20px;
-  display:flex;align-items:center;gap:6px;min-width:110px;height:56px;
-  border-radius:12px;
+  font-size:18px;font-weight:800;cursor:pointer;padding:12px 18px;
+  display:flex;align-items:center;gap:4px;min-height:48px;
+  border-radius:12px;letter-spacing:-.2px;
 }
 body.mobile-ui .m-modal-hdr .m-back:active{opacity:.6;transform:scale(.95)}
+/* Rev315: título UNIFICADO 28px (antes 38px). Coherente con la clase
+   utility .m-modal-title y con todos los modales del proyecto. */
 body.mobile-ui .m-modal-hdr .m-title{
-  flex:1;text-align:center;font-size:38px;font-weight:900;color:#fff;
+  flex:1;text-align:center;font-size:28px;font-weight:900;color:#fff;
   overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
-  padding:0 8px;letter-spacing:-.4px;
+  padding:0 8px;letter-spacing:-.3px;
 }
-body.mobile-ui .m-modal-hdr .m-close-spacer{min-width:110px}
+body.mobile-ui .m-modal-hdr .m-close-spacer{min-width:80px}
 
 /* === Tipografía GIGANTE dentro de modales (legibilidad marítima de sol) ===
    Rev183: subimos todo +2-4 px más. El usuario insiste en que todavía
@@ -1271,26 +1303,24 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
 <!-- Rev296: botones izquierdos dentro de #m-leftbar (scroll vertical, mismo
      estilo que #m-sidebar derecha). -->
 <div id="m-leftbar">
-  <button id="m-ham" title="Menú" onclick="document.getElementById('m-menu').classList.add('open')"><span class="ico">☰</span></button>
-  <button id="m-cartas" title="Activar / desactivar audio" onclick="toggleAudioEnable&&toggleAudioEnable()">
+  <button id="m-ham" data-i18n-title="lb_ham_tip" title="Menú" onclick="document.getElementById('m-menu').classList.add('open')"><span class="ico">☰</span></button>
+  <button id="m-cartas" data-i18n-title="lb_audio_tip" title="Activar / desactivar audio" onclick="toggleAudioEnable&&toggleAudioEnable()">
     <span class="ico" id="m-mute-icon">🔊</span>
     <span class="lbl" data-i18n="m_silencio">Silencio</span>
   </button>
-  <button id="m-snooze" title="Snooze 5 min" onclick="m_toggleSnooze()">
+  <button id="m-snooze" data-i18n-title="lb_snooze_tip" title="Snooze 5 min" onclick="m_toggleSnooze()">
     <span class="ico" id="m-snooze-icon">💤</span>
     <span class="lbl" id="m-snooze-lbl" data-i18n="m_snooze">Snooze</span>
   </button>
-  <button id="m-fav" title="Fondeo favorito" onclick="m_favClick()">
+  <button id="m-fav" data-i18n-title="lb_fav_tip" title="Fondeo favorito" onclick="m_favClick()">
     <span class="ico">❤</span>
     <span class="lbl" data-i18n="m_favorito">Favorito</span>
   </button>
-  <!-- Rev296: acceso directo a Curvas y Mareas también desde la left bar
-       (entre Favorito y KIP). Mismos handlers que los del sidebar derecho. -->
-  <button id="m-lb-curvas" title="Curvas" onclick="openPopup('curvas-pop');fetchCurvas&&fetchCurvas()">
+  <button id="m-lb-curvas" data-i18n-title="sb_curvas" title="Curvas" onclick="openPopup('curvas-pop');fetchCurvas&&fetchCurvas()">
     <span class="ico">〰️</span>
     <span class="lbl" data-i18n="sb_curvas">Curvas</span>
   </button>
-  <button id="m-lb-mareas" title="Mareas (TidesView)" onclick="m_openMareas&&m_openMareas()">
+  <button id="m-lb-mareas" data-i18n-title="lb_mareas_tip" title="Mareas (TidesView)" onclick="m_openMareas&&m_openMareas()">
     <span class="ico" style="display:inline-flex;align-items:center;justify-content:center">
       <svg viewBox="0 0 44 44" width="30" height="30">
         <rect x="2" y="2" width="40" height="14" rx="2" fill="#ffd966"/>
@@ -1302,10 +1332,10 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
     </span>
     <span class="lbl" data-i18n="sb_mareas">Mareas</span>
   </button>
-  <button id="m-kip" title="Abrir KIP dashboard" onclick="window.location.href = window.location.origin + '/@mxtommy/kip/'">
+  <button id="m-kip" data-i18n-title="lb_kip_tip" title="Abrir KIP dashboard" onclick="window.location.href = window.location.origin + '/@mxtommy/kip/'">
     <span class="ico" style="font-weight:900;letter-spacing:1px">KIP</span>
   </button>
-  <button id="m-fb" title="Abrir Freeboard-SK" onclick="window.location.href = window.location.origin + '/@signalk/freeboard-sk/'">
+  <button id="m-fb" data-i18n-title="lb_fb_tip" title="Abrir Freeboard-SK" onclick="window.location.href = window.location.origin + '/@signalk/freeboard-sk/'">
     <img src="assets/freeboard.png" alt="Freeboard"
          style="width:42px;height:42px;object-fit:contain;background:#fff;border-radius:6px;padding:2px;display:block;box-sizing:border-box"/>
   </button>
@@ -1357,7 +1387,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
       <span class="vl" id="m-bb-wind-kt-txt">—<span style="font-size:11px;font-weight:700;opacity:.75;margin-left:2px">kts</span></span>
     </div>
   </div>
-  <div class="it" data-i18n-title="bb_sonda_tip" title="Profundidad bajo quilla · Sonda" onclick="openPopup&&openPopup('sonda-pop')"><span class="lb" data-i18n="bb_sonda">Sonda</span><span class="vl" id="m-bb-sonda">—</span><span id="m-bb-sonda-status" style="display:none;font-size:9px;font-weight:800;margin-top:2px;text-align:center;line-height:1.1"></span></div>
+  <div class="it" data-i18n-title="bb_sonda_tip" title="Profundidad bajo quilla · Sonda" onclick="openPopup&&openPopup('sonda-pop');typeof fetchSondaData==='function'&&fetchSondaData()"><span class="lb" data-i18n="bb_sonda">Sonda</span><span class="vl" id="m-bb-sonda">—</span><span id="m-bb-sonda-status" style="display:none;font-size:9px;font-weight:800;margin-top:2px;text-align:center;line-height:1.1"></span></div>
   <div class="it" data-i18n-title="bb_cadena_tip" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
   <div class="it" data-i18n-title="bb_dist_tip" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
   <div class="it m-bb-graph" data-i18n-title="bb_presion_tip" title="Presión barométrica · línea naranja = AHORA · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
@@ -1561,18 +1591,20 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
     </div>
     <!-- Popup info histórico ola: leyenda colores + tabla detallada. -->
     <div class="popup-overlay" id="wave-hist-info-pop" onclick="closePopup('wave-hist-info-pop')">
-      <div class="popup-box" onclick="event.stopPropagation()" style="width:620px;max-width:96vw;max-height:88vh;overflow-y:auto;padding:18px 22px">
-        <button onclick="closePopup('wave-hist-info-pop')" style="position:absolute;top:8px;right:12px;background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;line-height:1">✕</button>
-        <h4 style="margin:0 0 8px 0;font-size:19px">Historial de olas — leyenda y detalle</h4>
-        <div style="font-size:14px;color:#9ad;margin-bottom:14px">Cada barra resume 15 minutos. Color = intensidad media medida por el IMU del barco. Altura = oscilación del bin.</div>
-        <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px">
-          <div style="text-align:center"><div style="width:100%;height:18px;background:#3aa856;border-radius:3px"></div><div style="font-size:12px;color:#fff;margin-top:2px;font-weight:700" data-i18n="m_calma">Calma</div><div style="font-size:10px;color:#888">&lt;0.5°</div></div>
-          <div style="text-align:center"><div style="width:100%;height:18px;background:#a3c813;border-radius:3px"></div><div style="font-size:12px;color:#fff;margin-top:2px;font-weight:700">Rizada</div><div style="font-size:10px;color:#888">0.5–1.5°</div></div>
-          <div style="text-align:center"><div style="width:100%;height:18px;background:#f3c812;border-radius:3px"></div><div style="font-size:12px;color:#fff;margin-top:2px;font-weight:700">Moderada</div><div style="font-size:10px;color:#888">1.5–3°</div></div>
-          <div style="text-align:center"><div style="width:100%;height:18px;background:#f37812;border-radius:3px"></div><div style="font-size:12px;color:#fff;margin-top:2px;font-weight:700">Agitada</div><div style="font-size:10px;color:#888">3–6°</div></div>
-          <div style="text-align:center"><div style="width:100%;height:18px;background:#e74c3c;border-radius:3px"></div><div style="font-size:12px;color:#fff;margin-top:2px;font-weight:700">Fuerte</div><div style="font-size:10px;color:#888">&gt;6°</div></div>
+      <!-- Rev316: ventana wave-hist-info ampliada (antes 620px / 88vh) y todo
+           bilingüe. Estilo título alineado con resto de modales (.m-modal-title). -->
+      <div class="popup-box" onclick="event.stopPropagation()" style="width:900px;max-width:96vw;max-height:92vh;overflow-y:auto;padding:28px 32px">
+        <button onclick="closePopup('wave-hist-info-pop')" style="position:absolute;top:10px;right:14px;background:none;border:none;color:#aaa;font-size:28px;cursor:pointer;line-height:1">✕</button>
+        <h4 style="margin:0 0 12px 0;font-size:24px;font-weight:900;color:#fff" data-i18n="sh_wh_title">Historial de olas — leyenda y detalle</h4>
+        <div style="font-size:16px;color:#9ad;margin-bottom:18px" data-i18n="sh_wh_subtitle">Cada barra resume 15 minutos. Color = intensidad media medida por el IMU del barco. Altura = oscilación del bin.</div>
+        <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px">
+          <div style="text-align:center"><div style="width:100%;height:22px;background:#3aa856;border-radius:3px"></div><div style="font-size:14px;color:#fff;margin-top:4px;font-weight:700" data-i18n="m_calma">Calma</div><div style="font-size:12px;color:#888">&lt;0.5°</div></div>
+          <div style="text-align:center"><div style="width:100%;height:22px;background:#a3c813;border-radius:3px"></div><div style="font-size:14px;color:#fff;margin-top:4px;font-weight:700" data-i18n="sh_wh_rizada">Rizada</div><div style="font-size:12px;color:#888">0.5–1.5°</div></div>
+          <div style="text-align:center"><div style="width:100%;height:22px;background:#f3c812;border-radius:3px"></div><div style="font-size:14px;color:#fff;margin-top:4px;font-weight:700" data-i18n="sh_wh_moderada">Moderada</div><div style="font-size:12px;color:#888">1.5–3°</div></div>
+          <div style="text-align:center"><div style="width:100%;height:22px;background:#f37812;border-radius:3px"></div><div style="font-size:14px;color:#fff;margin-top:4px;font-weight:700" data-i18n="sh_wh_agitada">Agitada</div><div style="font-size:12px;color:#888">3–6°</div></div>
+          <div style="text-align:center"><div style="width:100%;height:22px;background:#e74c3c;border-radius:3px"></div><div style="font-size:14px;color:#fff;margin-top:4px;font-weight:700" data-i18n="sh_wh_fuerte">Fuerte</div><div style="font-size:12px;color:#888">&gt;6°</div></div>
         </div>
-        <div id="wave-hist-info-table" style="font-size:13px;color:#cfd8dc"></div>
+        <div id="wave-hist-info-table" style="font-size:15px;color:#cfd8dc"></div>
       </div>
     </div>
     <!-- Rev79: popup explicacion del % de proteccion -->
@@ -1744,6 +1776,12 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
         <div class="alarm-info"><b style="color:var(--red)" data-i18n="alarma_sonda">🌊 Alarma Sonda</b><br><small style="color:#aaa" data-i18n="alarma_sonda_desc">Riesgo de varada por profundidad</small><div class="alarm-st" id="alarm-sonda-st"></div></div>
         <div class="alarm-sw"><input type="checkbox" id="chk-alarm-sonda" onclick="event.stopPropagation()" onchange="setAlarm('sonda',this.checked)"><label for="chk-alarm-sonda" onclick="event.stopPropagation()"></label></div>
       </div>
+      <!-- Rev316: nuevo selector "Mala condición climática" — alerta cuando
+           la previsión meteo en las próximas 6h tiene viento > 25 kt o ola > 1.5 m. -->
+      <div class="alarm-row" id="ar-weather" onclick="var c=document.getElementById('chk-alarm-weather');c.checked=!c.checked;setAlarm('weather',c.checked)">
+        <div class="alarm-info"><b style="color:#ffb23f" data-i18n="alarma_meteo">⛈️ Mala condición climática</b><br><small style="color:#aaa" data-i18n="alarma_meteo_desc">Aviso si previsión 6h supera viento 25 kt u ola 1.5 m</small><div class="alarm-st" id="alarm-weather-st"></div></div>
+        <div class="alarm-sw"><input type="checkbox" id="chk-alarm-weather" onclick="event.stopPropagation()" onchange="setAlarm('weather',this.checked)"><label for="chk-alarm-weather" onclick="event.stopPropagation()"></label></div>
+      </div>
     </div>
     <div id="alarm-active-list" style="margin-top:6px"></div>
     <!-- Rev184: orden correcto — debajo de alarmas va el VOLUMEN, luego
@@ -2023,6 +2061,54 @@ var _i18n={
   sb_abrigo_tip:{es:'Previsión abrigo',en:'Shelter forecast'},
   sb_alarmas_tip:{es:'Panel de alarmas',en:'Alarms panel'},
   sb_fondeo_tip:{es:'Cálculo fondeo',en:'Anchorage calculator'},
+  /* Rev315: meteo panel AHORA + row labels */
+  met_viento:{es:'VIENTO',en:'WIND'},
+  met_aire:{es:'AIRE',en:'AIR'},
+  met_mar:{es:'MAR',en:'SEA'},
+  met_resumen:{es:'Resumen',en:'Summary'},
+  met_row_aire:{es:'Aire',en:'Air'},
+  met_row_presion:{es:'Presión',en:'Pressure'},
+  met_row_lluvia:{es:'Lluvia',en:'Rain'},
+  met_row_tmar:{es:'T. Mar',en:'Sea T.'},
+  met_row_ola:{es:'Ola',en:'Wave'},
+  met_row_periodo:{es:'Período',en:'Period'},
+  met_row_dirola:{es:'Dir ola',en:'Wave dir'},
+  /* Rev315: shelter NOW box */
+  sh_veleta:{es:'Veleta',en:'Vane'},
+  sh_sensor:{es:'Sensor',en:'Sensor'},
+  sh_racha:{es:'racha',en:'gust'},
+  sh_aire:{es:'aire',en:'air'},
+  sh_agua:{es:'agua',en:'water'},
+  m_ahora_low:{es:'ahora',en:'now'},
+  /* Rev315: labels flotantes visor (mapa) */
+  m_viento:{es:'Viento',en:'Wind'},
+  m_olas:{es:'Olas',en:'Waves'},
+  m_mar_calma:{es:'Mar en calma',en:'Calm sea'},
+  /* Rev316: wave-hist-info popup */
+  sh_wh_title:{es:'Historial de olas — leyenda y detalle',en:'Wave history — legend & details'},
+  sh_wh_subtitle:{es:'Cada barra resume 15 minutos. Color = intensidad media medida por el IMU del barco. Altura = oscilación del bin.',en:'Each bar summarises 15 minutes. Color = average intensity measured by boat IMU. Bar height = bin oscillation.'},
+  sh_wh_no_data:{es:'No hay datos todavía. Echa el ancla y espera al menos 15 min para que aparezcan barras.',en:'No data yet. Drop anchor and wait at least 15 min for bars to appear.'},
+  sh_wh_inicio:{es:'Inicio',en:'Start'},
+  sh_wh_intensidad:{es:'Intensidad',en:'Intensity'},
+  sh_wh_periodo:{es:'Período',en:'Period'},
+  sh_wh_altura:{es:'Altura',en:'Height'},
+  sh_wh_rms:{es:'RMS',en:'RMS'},
+  sh_wh_rizada:{es:'Rizada',en:'Rippled'},
+  sh_wh_moderada:{es:'Moderada',en:'Moderate'},
+  sh_wh_agitada:{es:'Agitada',en:'Rough'},
+  sh_wh_fuerte:{es:'Fuerte',en:'Strong'},
+  sh_wh_actual:{es:'ACTUAL',en:'CURRENT'},
+  /* Rev316: tooltips left bar */
+  lb_ham_tip:{es:'Menú',en:'Menu'},
+  lb_audio_tip:{es:'Activar / desactivar audio',en:'Enable / disable audio'},
+  lb_snooze_tip:{es:'Snooze 5 min',en:'Snooze 5 min'},
+  lb_fav_tip:{es:'Fondeo favorito',en:'Favourite anchorage'},
+  lb_mareas_tip:{es:'Mareas (TidesView)',en:'Tides (TidesView)'},
+  lb_kip_tip:{es:'Abrir KIP dashboard',en:'Open KIP dashboard'},
+  lb_fb_tip:{es:'Abrir Freeboard-SK',en:'Open Freeboard-SK'},
+  /* Rev316: alarma meteo */
+  alarma_meteo:{es:'⛈️ Mala condición climática',en:'⛈️ Bad weather conditions'},
+  alarma_meteo_desc:{es:'Aviso si previsión 6h supera viento 25 kt u ola 1.5 m',en:'Warning if 6h forecast exceeds wind 25 kt or wave 1.5 m'},
   /* Rev313: modal guardar favorito */
   fav_guardar_title:{es:'❤ Guardar fondeo favorito',en:'❤ Save favourite anchorage'},
   fav_guardar_hint:{es:'Nombre del favorito (vacío = nombre automático por geolocalización):',en:'Favourite name (empty = auto name by geolocation):'},
@@ -4797,25 +4883,32 @@ function _renderWaveHistInfo(){
     var bins=Array.isArray(j.bins)?j.bins.slice():[];
     if(j.currentBin)bins.push(j.currentBin);
     if(bins.length===0){
-      el.innerHTML='<div style="color:#888;text-align:center;padding:12px">No hay datos todavía. Echa el ancla y espera al menos 15 min para que aparezcan barras.</div>';
+      var _noDataMsg=(typeof T==='function')?T('sh_wh_no_data','No hay datos todavía. Echa el ancla y espera al menos 15 min para que aparezcan barras.'):'No hay datos todavía. Echa el ancla y espera al menos 15 min para que aparezcan barras.';
+      el.innerHTML='<div style="color:#888;text-align:center;padding:12px">'+_noDataMsg+'</div>';
       return;
     }
-    /* Encabezado tabla */
-    var rows=['<div style="display:grid;grid-template-columns:80px 1fr 60px 70px 90px;gap:4px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.18);font-weight:800;color:#9ad;font-size:12px;letter-spacing:.8px;text-transform:uppercase">',
-      '<span>Inicio</span>','<span>Intensidad</span>','<span style="text-align:right">Período</span>','<span style="text-align:right">Altura</span>','<span style="text-align:right">RMS</span>',
+    /* Rev316: headers i18n. */
+    var _tw=function(k,fb){ return (typeof T==='function')?T(k,fb):fb; };
+    var _hInicio=_tw('sh_wh_inicio','Inicio'), _hInten=_tw('sh_wh_intensidad','Intensidad'),
+        _hPer=_tw('sh_wh_periodo','Período'), _hAlt=_tw('sh_wh_altura','Altura'), _hRms=_tw('sh_wh_rms','RMS');
+    var _capCalma=_tw('m_calma','Calma'), _capRiz=_tw('sh_wh_rizada','Rizada'),
+        _capMod=_tw('sh_wh_moderada','Moderada'), _capAgi=_tw('sh_wh_agitada','Agitada'), _capFue=_tw('sh_wh_fuerte','Fuerte');
+    var _capMap={calma:_capCalma,rizada:_capRiz,moderada:_capMod,agitada:_capAgi,fuerte:_capFue};
+    var _badgeActual=_tw('sh_wh_actual','ACTUAL');
+    var rows=['<div style="display:grid;grid-template-columns:80px 1fr 60px 70px 90px;gap:4px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.18);font-weight:800;color:#9ad;font-size:13px;letter-spacing:.8px;text-transform:uppercase">',
+      '<span>'+_hInicio+'</span>','<span>'+_hInten+'</span>','<span style="text-align:right">'+_hPer+'</span>','<span style="text-align:right">'+_hAlt+'</span>','<span style="text-align:right">'+_hRms+'</span>',
       '</div>'];
-    /* Más recientes arriba */
     var sorted=bins.slice().reverse();
     for(var i=0;i<sorted.length;i++){
       var b=sorted[i];
       var d=new Date(b.binStartMs);
       var hhmm=('0'+d.getHours()).slice(-2)+':'+('0'+d.getMinutes()).slice(-2);
       var color=_WAVE_INT_COLORS[b.intensityMode]||'#888';
-      var intCap=(b.intensityMode||'').charAt(0).toUpperCase()+(b.intensityMode||'').slice(1);
+      var intCap=_capMap[b.intensityMode||'']||((b.intensityMode||'').charAt(0).toUpperCase()+(b.intensityMode||'').slice(1));
       var per=(typeof b.periodAvgSec==='number'&&b.periodAvgSec>0)?b.periodAvgSec.toFixed(1)+'s':'—';
       var alt=(typeof b.heightSigMaxM==='number'&&b.heightSigMaxM>0)?b.heightSigMaxM.toFixed(2).replace('.',',')+' m':'<5cm';
       var rms=(typeof b.rmsMaxDeg==='number'&&b.rmsMaxDeg>0)?b.rmsMaxDeg.toFixed(2)+'°':'—';
-      var curBadge=b.isCurrent?' <span style="font-size:10px;color:#ffeb3b;font-weight:800;margin-left:4px">ACTUAL</span>':'';
+      var curBadge=b.isCurrent?' <span style="font-size:10px;color:#ffeb3b;font-weight:800;margin-left:4px">'+_badgeActual+'</span>':'';
       rows.push('<div style="display:grid;grid-template-columns:80px 1fr 60px 70px 90px;gap:4px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);align-items:center">'+
         '<span style="color:#fff;font-weight:700">'+hhmm+'</span>'+
         '<span><span style="display:inline-block;width:10px;height:10px;border-radius:2px;background:'+color+';margin-right:6px;vertical-align:middle"></span>'+intCap+curBadge+'</span>'+
@@ -5324,8 +5417,11 @@ function _shelterRenderPopup(){
        temperaturas. Sin sensor → forecast Open-Meteo (sin badge).
        _BADGE_VELETA y _BADGE_SENSOR son verdes (#3aa856), mismo tono que
        el badge "IMU" pre-existente para coherencia visual. */
-    var _BADGE_VELETA=' <span style="color:#3aa856;font-size:11px;font-weight:800;margin-left:4px">Veleta</span>';
-    var _BADGE_SENSOR=' <span style="color:#3aa856;font-size:10px;font-weight:800;margin-left:3px">Sensor</span>';
+    /* Rev315: badges Veleta/Sensor i18n. */
+    var _badgeVeletaTxt=(typeof T==='function')?T('sh_veleta','Veleta'):'Veleta';
+    var _badgeSensorTxt=(typeof T==='function')?T('sh_sensor','Sensor'):'Sensor';
+    var _BADGE_VELETA=' <span style="color:#3aa856;font-size:11px;font-weight:800;margin-left:4px">'+_badgeVeletaTxt+'</span>';
+    var _BADGE_SENSOR=' <span style="color:#3aa856;font-size:10px;font-weight:800;margin-left:3px">'+_badgeSensorTxt+'</span>';
     var _useSensorWind=isNow&&_boatWind;
     var _useSensorEnv=isNow&&_envSensors;
     var stWindKt,stDirDeg,windBadge;
@@ -5481,7 +5577,7 @@ function _shelterRenderPopup(){
       var axis=
         '<text x="'+x_24h.toFixed(1)+'" y="'+(H-6)+'" text-anchor="start" fill="rgba(255,255,255,.78)" font-size="13" font-weight="700">-24 h</text>'+
         '<text x="'+x_12h.toFixed(1)+'" y="'+(H-6)+'" text-anchor="middle" fill="rgba(255,255,255,.65)" font-size="13" font-weight="700">-12 h</text>'+
-        '<text x="'+nowX.toFixed(1)+'" y="'+(H-6)+'" text-anchor="middle" fill="#ffeb3b" font-size="13" font-weight="900">ahora</text>'+
+        '<text x="'+nowX.toFixed(1)+'" y="'+(H-6)+'" text-anchor="middle" fill="#ffeb3b" font-size="13" font-weight="900">'+((typeof T==='function')?T('m_ahora_low','ahora'):'ahora')+'</text>'+
         '<text x="'+x_max.toFixed(1)+'" y="'+(H-6)+'" text-anchor="end" fill="rgba(255,235,59,.85)" font-size="13" font-weight="800">+'+maxFutureH+' h</text>'+
         '<text x="2" y="'+(padTop+10)+'" text-anchor="start" fill="rgba(255,255,255,.6)" font-size="11" font-weight="700">'+Math.round(pMax)+'</text>'+
         '<text x="2" y="'+(H-padBot-2)+'" text-anchor="start" fill="rgba(255,255,255,.6)" font-size="11" font-weight="700">'+Math.round(pMin)+'</text>';
@@ -5525,11 +5621,13 @@ function _shelterRenderPopup(){
     /* Rev128: reorden infobox — wind, gust, wave, TEMPS, pressure-num, sparkline.
        La sparkline queda al final para visual cleanliness (es el elemento más
        alto y rompía si quedaba en medio). */
+    /* Rev315: labels i18n (racha/aire/agua). */
+    var _ts=function(k,fb){ return (typeof T==='function')?T(k,fb):fb; };
     statusBody.innerHTML=
       '<div>🌬 <b style="font-size:24px">'+Math.round(stWindKt)+' kt</b> <span style="color:#9ad">'+stDir+'</span>'+windBadge+'</div>'+
-      '<div>💨 racha <b style="font-size:21px">'+Math.round(stGustKt)+' kt</b>'+gustBadge+'</div>'+
+      '<div>💨 '+_ts('sh_racha','racha')+' <b style="font-size:21px">'+Math.round(stGustKt)+' kt</b>'+gustBadge+'</div>'+
       '<div>'+waveLine+'</div>'+
-      '<div>🌡 aire <b style="font-size:20px">'+tempA+'</b>'+tempABadge+'  &nbsp;&nbsp; 🌊 agua <b style="font-size:20px">'+tempW+'</b>'+tempWBadge+'</div>'+
+      '<div>🌡 '+_ts('sh_aire','aire')+' <b style="font-size:20px">'+tempA+'</b>'+tempABadge+'  &nbsp;&nbsp; 🌊 '+_ts('sh_agua','agua')+' <b style="font-size:20px">'+tempW+'</b>'+tempWBadge+'</div>'+
       pressureNumLine+
       sparkRow;
     /* Botón AHORA: resaltado si NO hay hora seleccionada */
@@ -5896,7 +5994,7 @@ function _wxMapMarkerUpdate(){
   if(_wDeg!==null){
     var wEdge=geoEdge(pos.lat,pos.lng,alarmR,_wDeg);
     var wDirTxt=_wxC16?_wxC16(_wDeg):'';
-    var wLabel='Viento '+(wDirTxt?wDirTxt+' ':'')+Math.round(_wKt)+' kt';
+    var wLabel=((typeof T==='function')?T('m_viento','Viento'):'Viento')+' '+(wDirTxt?wDirTxt+' ':'')+Math.round(_wKt)+' kt';
     var html=_wxMarkerHtml('#ffeb3b',wLabel,_wDeg,'wind',_labOffW);
     var icon=L.divIcon({html:html,iconSize:[1,1],iconAnchor:[0,0],className:'wx-map-marker'});
     if(_wxMapMarkers.wind){_wxMapMarkers.wind.setIcon(icon);_wxMapMarkers.wind.setLatLng(wEdge);_wxMapMarkers.wind.setZIndexOffset(300);if(!map.hasLayer(_wxMapMarkers.wind))_wxMapMarkers.wind.addTo(map);}
@@ -5910,13 +6008,12 @@ function _wxMapMarkerUpdate(){
     var oEdge=geoEdge(pos.lat,pos.lng,alarmR,_vDirEff);
     var oDirTxt=_wxC16?_wxC16(_vDirEff):'';
     var oLabel;
+    /* Rev315: labels "Olas" y "Mar en calma" i18n. */
+    var _tw=function(k,fb){ return (typeof T==='function')?T(k,fb):fb; };
     if(_boatWave){
-      /* Rev128: si la ola es despreciable (intensidad calma), no marear con
-         direcciones y períodos cortos sin sentido — decir simplemente
-         "Mar en calma". Si hay movimiento medible, mostrar altura+dir+período. */
       var _vbCalm=(_boatWave.intensity==='calma')&&(typeof _boatWave.heightSigM!=='number'||_boatWave.heightSigM<0.05);
       if(_vbCalm){
-        oLabel='Mar en calma';
+        oLabel=_tw('m_mar_calma','Mar en calma');
       }else{
         var _vbPer=(typeof _boatWave.periodSec==='number'&&_boatWave.periodSec>0)?Math.round(_boatWave.periodSec)+'s':'';
         var _vbMain;
@@ -5925,10 +6022,10 @@ function _wxMapMarkerUpdate(){
         }else{
           _vbMain=(_boatWave.intensity||'').charAt(0).toUpperCase()+(_boatWave.intensity||'').slice(1);
         }
-        oLabel='Olas '+(oDirTxt?oDirTxt+' ':'')+_vbMain+(_vbPer?' · '+_vbPer:'');
+        oLabel=_tw('m_olas','Olas')+' '+(oDirTxt?oDirTxt+' ':'')+_vbMain+(_vbPer?' · '+_vbPer:'');
       }
     }else{
-      oLabel='Olas '+(oDirTxt?oDirTxt+' ':'')+h.waveHeightM.toFixed(1).replace('.',',')+' m'+(h.wavePeriodSec>0?' · '+Math.round(h.wavePeriodSec)+' s':'');
+      oLabel=_tw('m_olas','Olas')+' '+(oDirTxt?oDirTxt+' ':'')+h.waveHeightM.toFixed(1).replace('.',',')+' m'+(h.wavePeriodSec>0?' · '+Math.round(h.wavePeriodSec)+' s':'');
     }
     var oHtml=_wxMarkerHtml('#4dd0ff',oLabel,_vDirEff,'wave',_labOffV);
     var oIcon=L.divIcon({html:oHtml,iconSize:[1,1],iconAnchor:[0,0],className:'wx-map-marker'});
@@ -6642,8 +6739,44 @@ function setAlarm(type,on){
         document.getElementById('alarm-sonda-st').textContent=T('activa');document.getElementById('alarm-sonda-st').style.color='var(--grn)';
       }
     });
+  }else if(type==='weather'){
+    /* Rev316: alarma meteo — frontend-only por ahora. Estado en localStorage
+       y check periódico contra _shelterCache.assessment.hours (próximas 6 h).
+       Si viento > 25 kt u ola > 1.5 m → setAlarmActive('weather', true). */
+    _alarmWeatherEnabled = on;
+    localStorage.setItem('ihm-weather-alarm', on?'1':'0');
+    var st = document.getElementById('alarm-weather-st');
+    if (st) {
+      st.textContent = on ? T('activa','activa') : T('desactivada','desactivada');
+      st.style.color = on ? 'var(--grn)' : '#666';
+    }
+    if (!on) {
+      try { setAlarmActive('weather', false); } catch(_){}
+    } else {
+      try { _checkWeatherAlarm(); } catch(_){}
+    }
   }
 }
+/* Rev316: estado y comprobación de alarma meteo (frontend-only).
+   Mira las próximas 6h de _shelterCache.assessment.hours buscando viento>25kt
+   u ola>1.5m. Se invoca tras tocar el switch y cada 5 min mientras esté on. */
+var _alarmWeatherEnabled = (localStorage.getItem('ihm-weather-alarm')==='1');
+function _checkWeatherAlarm(){
+  if (!_alarmWeatherEnabled) return;
+  try {
+    var asm = (typeof _shelterCache!=='undefined' && _shelterCache) ? _shelterCache.assessment : null;
+    if (!asm || !asm.hours || !asm.hours.length) return;
+    var bad = false;
+    for (var i=0; i<Math.min(6, asm.hours.length); i++){
+      var hr = asm.hours[i];
+      var w = hr.windKt || hr.exposureKt || 0;
+      var wave = hr.waveM || 0;
+      if (w > 25 || wave > 1.5) { bad = true; break; }
+    }
+    setAlarmActive('weather', bad);
+  } catch(_){}
+}
+setInterval(_checkWeatherAlarm, 5*60*1000);
 /* ══════════════ CALC SONDA ══════════════ */
 /* ═══ SHARED INPUT STYLE (touch-friendly, wide for fingers) ═══ */
 /* ═══ SHARED INPUT STYLE (touch-friendly) ═══ */
@@ -8051,13 +8184,17 @@ function m_syncBottomBarGraphs(){
       var v = srcVal.textContent.trim();
       if (v && v !== '—') dstVal.textContent = v;
     }
-    /* Grade del abrigo: A=verde, B=verde claro, C=naranja, D=naranja oscuro, F=rojo */
+    /* Grade del abrigo: A=verde, B=verde claro, C=naranja, D=naranja oscuro, F=rojo.
+       Rev316: el % del donut leía un mapa hardcoded por letra (A=100, B=80, ...)
+       que NO coincidía con el % real del shelter modal. Ahora lee el valor REAL
+       (asm.scorePercent) del _shelterCache. Si no hay cache aún caemos al mapa
+       como antes. */
     var srcGrade = document.getElementById('wx-shelter-grade');
     var dstGrade = document.getElementById('m-bb-grade');
     var dstDonut = document.getElementById('m-bb-donut');
     var dstDonutText = document.getElementById('m-bb-donut-text');
     var gradeColors = { 'A':'#3aa856','B':'#9ed02e','C':'#ffb23f','D':'#ff7043','F':'#f44336' };
-    var donutPct =  { 'A':100,         'B':80,         'C':60,         'D':40,         'F':20         };
+    var donutPctFallback = { 'A':100, 'B':80, 'C':60, 'D':40, 'F':20 };
     if (srcGrade && dstGrade){
       var g = (srcGrade.textContent.trim() || '—').toUpperCase();
       if (g && g !== '—' && g !== '?') {
@@ -8065,15 +8202,19 @@ function m_syncBottomBarGraphs(){
         var bgColor = gradeColors[g] || 'rgba(120,120,120,.35)';
         dstGrade.style.background = bgColor;
         dstGrade.style.color = '#fff';
+        /* Pct real del cache shelter; fallback al mapa por letra si no hay. */
+        var realPct = null;
+        try {
+          var _asm = (typeof _shelterCache !== 'undefined' && _shelterCache) ? _shelterCache.assessment : null;
+          if (_asm && typeof _asm.scorePercent === 'number') realPct = Math.round(_asm.scorePercent);
+        } catch(_){}
+        if (realPct === null) realPct = donutPctFallback[g] || 0;
         if (dstDonut) {
-          var pct = donutPct[g] || 0;
-          dstDonut.setAttribute('stroke-dasharray', pct + ',100');
+          dstDonut.setAttribute('stroke-dasharray', realPct + ',100');
           dstDonut.setAttribute('stroke', bgColor);
         }
-        /* Rev286: porcentaje (con %) dentro del donut, no letra. */
         if (dstDonutText) {
-          var p = donutPct[g] || 0;
-          dstDonutText.textContent = p + '%';
+          dstDonutText.textContent = realPct + '%';
         }
       }
     }
@@ -9033,12 +9174,14 @@ function m_renderMeteoWindy(d, seaD){
   var nowColW = (nowWindKt!=null) ? wColor(nowWindKt) : '#fff';
   var nowColG = (nowGustKt!=null) ? wColor(nowGustKt) : '#fff';
   /* Rev238: panel AHORA — sin iconos en labels (limpio). */
+  /* Rev315: AHORA panel — labels i18n. */
+  var _tn = function(k,fb){ return (typeof T==='function')?T(k,fb):fb; };
   var nowPanelHtml =
     '<div style="display:flex;flex-direction:column;height:100%;background:var(--bg);border:3px solid var(--org);box-sizing:border-box">' +
-      '<div style="background:var(--org);color:#000;font-size:22px;font-weight:900;text-align:center;padding:4px 4px;letter-spacing:2px;line-height:1">AHORA</div>' +
+      '<div style="background:var(--org);color:#000;font-size:22px;font-weight:900;text-align:center;padding:4px 4px;letter-spacing:2px;line-height:1">'+_tn('m_ahora','AHORA')+'</div>' +
       '<div style="display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1;gap:0;color:#fff;text-align:center">' +
         '<div style="border-right:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);padding:4px 4px;display:flex;flex-direction:column;justify-content:center">' +
-          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">VIENTO'+srcBadge(srcWind)+'</div>' +
+          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">'+_tn('met_viento','VIENTO').toUpperCase()+srcBadge(srcWind)+'</div>' +
           '<div style="font-size:32px;font-weight:900;color:#fff;line-height:1.05;display:flex;align-items:center;justify-content:center;gap:4px">'+
             '<span>'+fmtKt(nowWindKt)+'</span>'+
             '<span style="font-size:14px;color:#9aa;font-weight:700">kt</span>'+
@@ -9046,15 +9189,15 @@ function m_renderMeteoWindy(d, seaD){
           '</div>' +
         '</div>' +
         '<div style="border-bottom:1px solid rgba(255,255,255,.4);padding:4px 4px;display:flex;flex-direction:column;justify-content:center">' +
-          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">RACHA'+srcBadge(srcGust)+'</div>' +
+          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">'+_tn('met_racha','RACHA').toUpperCase()+srcBadge(srcGust)+'</div>' +
           '<div style="font-size:32px;font-weight:900;color:#fff;line-height:1.05">'+fmtKt(nowGustKt)+'<span style="font-size:14px;color:#9aa;font-weight:700"> kt</span></div>' +
         '</div>' +
         '<div style="border-right:1px solid rgba(255,255,255,.4);padding:4px 4px;display:flex;flex-direction:column;justify-content:center">' +
-          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">AIRE'+srcBadge(srcAir)+'</div>' +
+          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">'+_tn('met_aire','AIRE').toUpperCase()+srcBadge(srcAir)+'</div>' +
           '<div style="font-size:32px;font-weight:900;color:#fff;line-height:1.05">'+fmtT(nowTAir)+'</div>' +
         '</div>' +
         '<div style="padding:4px 4px;display:flex;flex-direction:column;justify-content:center">' +
-          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">MAR'+srcBadge(srcSea)+'</div>' +
+          '<div style="font-size:16px;color:var(--org);font-weight:700;letter-spacing:1px;line-height:1">'+_tn('met_mar','MAR').toUpperCase()+srcBadge(srcSea)+'</div>' +
           '<div style="font-size:32px;font-weight:900;color:#fff;line-height:1.05">'+fmtT(nowTSea)+'</div>' +
         '</div>' +
       '</div>' +
@@ -9203,32 +9346,27 @@ function m_renderMeteoWindy(d, seaD){
       if (kn == null) return '–';
       return '<span style="color:'+wColor(kn)+';font-size:32px">'+kn.toFixed(0)+'</span>';
     });
-  /* Aire */
-  if (h.temperature_2m) rows += rowMetric('Aire','🌡️','#ffb23f','°C',
+  /* Rev315: row labels i18n. */
+  var _tr=function(k,fb){ return (typeof T==='function')?T(k,fb):fb; };
+  if (h.temperature_2m) rows += rowMetric(_tr('met_row_aire','Aire'),'🌡️','#ffb23f','°C',
     function(col){ return getVal(h.temperature_2m, col); },
     function(v){ return v==null?'–':'<span style="font-size:30px">'+v.toFixed(0)+'°</span>'; });
-  /* Presión */
-  if (h.pressure_msl || h.surface_pressure) rows += rowMetric('Presión','🔵','#9ad','mbar',
+  if (h.pressure_msl || h.surface_pressure) rows += rowMetric(_tr('met_row_presion','Presión'),'🔵','#9ad','mbar',
     function(col){ return getVal(h.pressure_msl || h.surface_pressure, col); },
     function(v){ return v==null?'–':'<span style="font-size:26px">'+Math.round(v)+'</span>'; });
-  /* Lluvia */
-  if (h.precipitation || h.rain) rows += rowMetric('Lluvia','💧','#4dd0ff','mm',
+  if (h.precipitation || h.rain) rows += rowMetric(_tr('met_row_lluvia','Lluvia'),'💧','#4dd0ff','mm',
     function(col){ return getVal(h.precipitation || h.rain, col); },
     function(v){ return (v==null||v===0)?'–':'<span style="font-size:28px">'+v.toFixed(1)+'</span>'; });
-  /* T. Mar */
-  if (seaH.sea_surface_temperature) rows += rowMetric('T. Mar','🐟','#4dd0ff','°C',
+  if (seaH.sea_surface_temperature) rows += rowMetric(_tr('met_row_tmar','T. Mar'),'🐟','#4dd0ff','°C',
     function(col){ return getSeaVal(seaH.sea_surface_temperature, col); },
     function(v){ return v==null?'–':'<span style="font-size:30px">'+v.toFixed(0)+'°</span>'; });
-  /* Ola altura */
-  if (seaH.wave_height) rows += rowMetric('Ola','🌊','#4dd0ff','m',
+  if (seaH.wave_height) rows += rowMetric(_tr('met_row_ola','Ola'),'🌊','#4dd0ff','m',
     function(col){ return getSeaVal(seaH.wave_height, col); },
     function(v){ return v==null?'–':'<span style="font-size:30px">'+v.toFixed(1)+'</span>'; });
-  /* Período */
-  if (seaH.wave_period) rows += rowMetric('Período','⏱️','#9ad','s',
+  if (seaH.wave_period) rows += rowMetric(_tr('met_row_periodo','Período'),'⏱️','#9ad','s',
     function(col){ return getSeaVal(seaH.wave_period, col); },
     function(v){ return v==null?'–':'<span style="font-size:28px">'+Math.round(v)+'</span>'; });
-  /* Dir ola — número de grados + flecha rotada pequeña (Rev228). */
-  if (seaH.wave_direction) rows += rowMetric('Dir ola','🧭','#4dd0ff','°',
+  if (seaH.wave_direction) rows += rowMetric(_tr('met_row_dirola','Dir ola'),'🧭','#4dd0ff','°',
     function(col){ return getSeaVal(seaH.wave_direction, col); },
     function(v){
       if (v == null) return '–';
@@ -9338,7 +9476,7 @@ function m_renderMeteoWindy(d, seaD){
     try { collapsed = localStorage.getItem('m-met-summary-collapsed') === '1'; } catch(_){}
     return '<div id="m-met-summary" class="' + (collapsed ? 'collapsed' : '') + '" style="background:rgba(20,40,60,.7);border-top:2px solid var(--org);color:#dde;flex-shrink:0">' +
            '<button id="m-met-summary-toggle" onclick="m_toggleMeteoSummary()" style="display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--org);font-size:28px;font-weight:900;padding:18px 24px;cursor:pointer;text-align:left">' +
-             '<span>📰 Resumen</span>' +
+             '<span>📰 '+((typeof T==='function')?T('met_resumen','Resumen'):'Resumen')+'</span>' +
              '<span id="m-met-summary-chev" style="font-size:24px">' + (collapsed ? '▼' : '▲') + '</span>' +
            '</button>' +
            '<div id="m-met-summary-body" style="padding:0 24px 18px;font-size:24px;line-height:1.55;' + (collapsed ? 'display:none' : '') + '">' +