.mtpt{box-sizing:border-box;min-width:0;max-width:100%;margin:24px 0;padding:28px;border:1px solid #dce8ef;border-radius:26px;background:#fff;box-shadow:0 16px 40px #11354b0d;color:#102638;font:inherit;line-height:1.55}.mtpt *{box-sizing:border-box}.mtpt [hidden]{display:none!important}.mtpt button{font:inherit;cursor:pointer}.mtpt button:focus-visible,.mtpt-scroll:focus-visible{outline:3px solid #0b67a3;outline-offset:3px}.mtpt-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mtpt-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#0b67a3}.mtpt h2{margin:3px 0;font-size:clamp(19px,3vw,25px);line-height:1.25;letter-spacing:-.025em}.mtpt-header p{margin:7px 0;color:#627888;font-size:13px}.mtpt-refresh,.mtpt-tools button{border:1px solid #d6e5ed;border-radius:12px;background:#f3f8fb;color:#245c7c;padding:9px 13px;font-size:12px;font-weight:700}.mtpt button:disabled{opacity:.5;cursor:wait}.mtpt-meta{font-size:11px;color:#627888;margin:13px 0}.mtpt-summary{background:linear-gradient(110deg,#edf6fb,#f5faf8);border-left:3px solid #41a0bb;padding:14px 17px;border-radius:4px 12px 12px 4px;font-size:14px}.mtpt-confidence{font-size:12px;color:#54748a;margin:10px 0 18px}.mtpt-days{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.mtpt-days button{border:1px solid #dce8ef;border-radius:10px;background:#fff;padding:7px 10px;color:#54748a;font-size:12px}.mtpt-days button[aria-pressed=true]{background:#eaf5fa;border-color:#92becf;color:#08466e}.mtpt-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;color:#627888;font-size:11px}.mtpt-tools>div{display:flex;gap:6px}.mtpt-tools button{padding:5px 12px;font-size:18px}.mtpt-scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;padding:4px 3px 16px;scrollbar-color:#a8c5d5 #edf4f8;scrollbar-width:thin}.mtpt-track{display:flex;width:max-content;gap:16px}.mtpt-day{flex:none;min-width:0}.mtpt-day h3{position:sticky;left:0;width:max-content;max-width:240px;margin:0 0 10px;padding:0 7px;font-size:13px;font-weight:700;color:#416e86}.mtpt-hours{display:flex;gap:5px;padding-right:15px;border-right:1px solid #dce8ef}.mtpt-hour{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;min-height:154px;padding:12px 4px 10px;border:1px solid transparent;border-radius:14px;background:#f5f8fa;color:#213e51;flex:none;font-variant-numeric:tabular-nums}.mtpt-hour[data-night=true]{background:#eef1f7}.mtpt-hour:hover{border-color:#a8c5d5}.mtpt-hour[aria-pressed=true]{background:#e6f3fa;border-color:#0b67a3;box-shadow:inset 0 0 0 1px #0b67a3}.mtpt-hour time{font-size:12px}.mtpt-hour img{width:43px;height:43px}.mtpt-hour strong{font-size:19px;line-height:1.25}.mtpt-pop{font-size:11px;color:#156b9b;min-height:17px}.mtpt-hour[data-event=true]:after{content:"";height:3px;width:24px;background:#5c9bad;border-radius:4px;position:absolute;bottom:4px}.mtpt-detail{margin-top:12px;padding:20px;background:linear-gradient(120deg,#f0f7fb,#fbfcfd);border:1px solid #dce8ef;border-radius:18px}.mtpt-detail-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.mtpt-detail-head img{width:66px;height:66px}.mtpt-detail-head h3{font-size:14px;color:#54748a;margin:0 0 4px}.mtpt-detail-head p{font-size:20px;font-weight:700;margin:0}.mtpt-detail dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 20px}.mtpt-detail dl>div{min-width:0}.mtpt-detail dt{font-size:11px;color:#627888}.mtpt-detail dd{margin:2px 0 0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.mtpt-selected-period{font-size:12px;color:#416e86;margin:15px 0 0}.mtpt-periods{display:grid;gap:8px;margin-top:18px}.mtpt-periods details{border:1px solid #e0eaf0;background:#f8fbfc;border-radius:12px;padding:10px 13px;font-size:12px;color:#54748a;overflow-wrap:anywhere}.mtpt-periods summary{cursor:pointer;color:#245c7c;font-weight:600}.mtpt-periods p{margin:8px 0 0}.mtpt-status{font-size:12px;color:#806022;margin:12px 0}.mtpt-status:empty{display:none}.mtpt-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#627888;margin-top:16px}.mtpt img{object-fit:contain;max-width:100%}@media(max-width:600px){.mtpt{padding:17px 13px;border-radius:18px}.mtpt-header{gap:8px;align-items:flex-start}.mtpt-refresh{padding:8px;font-size:11px}.mtpt-header p{font-size:11px}.mtpt-summary{font-size:13px;padding:12px}.mtpt-hour{width:65px;min-height:146px}.mtpt-hour strong{font-size:17px}.mtpt-hour img{width:39px;height:39px}.mtpt-days{gap:5px}.mtpt-days button{font-size:11px;padding:7px}.mtpt-detail{padding:14px}.mtpt-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mtpt-detail-head p{font-size:18px}.mtpt-detail-head{gap:10px}.mtpt-detail-head img{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.mtpt-scroll{scroll-behavior:auto}}
.mtpt-hour strong{white-space:nowrap}

/* v1.1.0: una sola franja contínua; dimensions segons l'espai real disponible. */
.mtpt-hour{width:var(--mtpt-card-width,86px);min-height:164px}
.mtpt-track{gap:6px}
.mtpt-hours{padding-right:6px;border-right:2px solid #c8dfe9}
.mtpt-day:last-child .mtpt-hours{border-right:0}
.mtpt-day h3{max-width:100%;background:#fff;z-index:1}
.mtpt-pop{color:#627888}
.mtpt-hour[data-rain-level=high] .mtpt-pop{color:#075c8e;font-weight:800;background:#d9edf8;border-radius:6px;padding:0 5px}
.mtpt-rain{font-size:10px;color:#156b9b;white-space:nowrap;line-height:1.3}
.mtpt-tools button{min-width:44px;min-height:44px}
.mtpt-scroll{touch-action:pan-x pan-y}
@media(max-width:600px){.mtpt-hour{width:var(--mtpt-card-width,74px);min-height:154px}.mtpt-tools button{min-width:42px;min-height:42px}}

/* v1.2.1: controls encapsulats del reproductor de previsió. */
.mtpt .mtpt-audio{display:block;margin:16px 0 20px;padding:18px 20px;border:1px solid #d5e6ef;border-radius:18px;background:linear-gradient(115deg,#edf6fc 0%,#f7fbfd 70%,#f0f8f8 100%);box-shadow:0 5px 16px #123f5b05}
.mtpt .mtpt-audio-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-width:0}
.mtpt .mtpt-audio-radio{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#dceef7;color:#247899}
.mtpt .mtpt-audio-radio svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mtpt .mtpt-audio strong{font-size:14px;font-weight:750;color:#194c6b;line-height:1.35;display:block}
.mtpt .mtpt-audio-publication{margin:4px 0 0;font-size:11px;color:#658092}
.mtpt .mtpt-audio-date{margin-left:auto;flex:none;color:#52758b;font-size:11px;font-variant-numeric:tabular-nums;background:#fff9;padding:5px 9px;border:1px solid #dce9f0;border-radius:8px}
.mtpt .mtpt-audio-date:empty{display:none}
.mtpt .mtpt-audio-controls{display:grid;grid-template-columns:52px minmax(100px,1fr) auto;gap:16px;align-items:center}
.mtpt .mtpt-audio-toggle{display:grid;place-items:center;position:relative;width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(135deg,#167eaf,#095b89);color:#fff;box-shadow:0 4px 10px #106b9b28;transition:transform .15s ease,box-shadow .15s ease}
.mtpt .mtpt-audio-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 14px #106b9b36}
.mtpt .mtpt-audio-toggle svg{width:23px;height:23px;fill:currentColor;stroke:none}
.mtpt .mtpt-audio-icon-pause{display:none}
.mtpt .mtpt-audio-toggle[aria-pressed=true] .mtpt-audio-icon-play{display:none}
.mtpt .mtpt-audio-toggle[aria-pressed=true] .mtpt-audio-icon-pause{display:block}
.mtpt .mtpt-audio[data-mtpt-audio-state=loading] .mtpt-audio-toggle:after{content:"";position:absolute;inset:-4px;border:2px solid #9ccfe2;border-top-color:#177ca8;border-radius:50%;animation:mtpt-audio-spin 1s linear infinite}
@keyframes mtpt-audio-spin{to{transform:rotate(360deg)}}
.mtpt .mtpt-audio-progress{min-width:0;padding-top:8px}
.mtpt .mtpt-audio-times{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:10px;color:#54748a;font-variant-numeric:tabular-nums}
.mtpt .mtpt-audio-seek,.mtpt .mtpt-audio-volume{--mtpt-fill:0%;display:block;width:100%;height:6px;margin:0;padding:0;border:0;border-radius:9px;outline:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#2089b5 0 var(--mtpt-fill),#d6e5ed var(--mtpt-fill) 100%);cursor:pointer;touch-action:pan-y}
.mtpt .mtpt-audio-seek::-webkit-slider-thumb,.mtpt .mtpt-audio-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#167daa;box-shadow:0 0 0 1px #2186ad35}
.mtpt .mtpt-audio-seek::-moz-range-thumb,.mtpt .mtpt-audio-volume::-moz-range-thumb{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#167daa;box-shadow:0 0 0 1px #2186ad35}
.mtpt .mtpt-audio-seek:focus-visible,.mtpt .mtpt-audio-volume:focus-visible{outline:3px solid #75b4d4;outline-offset:6px}
.mtpt .mtpt-audio-seek:disabled{cursor:default;opacity:.5}
.mtpt .mtpt-audio-tools{display:flex;align-items:center;gap:7px}
.mtpt .mtpt-audio-tools button{display:grid;place-items:center;width:34px;height:36px;padding:6px;border:0;border-radius:9px;color:#608398;background:transparent}
.mtpt .mtpt-audio-tools button:hover{color:#146c99;background:#deedf5}
.mtpt .mtpt-audio-tools button[aria-pressed=true]{color:#956039;background:#f8eee4}
.mtpt .mtpt-audio-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mtpt .mtpt-audio-volume{--mtpt-fill:80%;width:65px;height:4px}
.mtpt .mtpt-audio-restart{margin-left:5px;border-left:1px solid #d7e6ee!important;border-radius:0 9px 9px 0!important}
.mtpt .mtpt-audio-tools button:disabled{opacity:.35;cursor:default}
.mtpt .mtpt-audio-status{margin:12px 0 0;font-size:11px;line-height:1.5;color:#627f91}
.mtpt .mtpt-audio-status:empty{display:none}
.mtpt .mtpt-audio[data-mtpt-stale=true] .mtpt-audio-date{color:#8a6b41;background:#fcf6e9;border-color:#ede1c9}
.mtpt .mtpt-audio-player{display:none!important}
@media(max-width:600px){.mtpt .mtpt-audio{padding:15px 13px}.mtpt .mtpt-audio-heading{gap:9px;flex-wrap:wrap;margin-bottom:15px}.mtpt .mtpt-audio-radio{width:36px;height:36px;border-radius:11px}.mtpt .mtpt-audio strong{font-size:13px}.mtpt .mtpt-audio-date{margin-left:45px;font-size:10px;padding:3px 7px}.mtpt .mtpt-audio-controls{grid-template-columns:48px minmax(0,1fr);gap:6px 13px}.mtpt .mtpt-audio-toggle{width:48px;height:48px;grid-row:1/3}.mtpt .mtpt-audio-tools{grid-column:2;justify-self:stretch;justify-content:flex-end}.mtpt .mtpt-audio-volume{width:64px}.mtpt .mtpt-audio-progress{padding-top:6px}}
@media(prefers-reduced-motion:reduce){.mtpt .mtpt-audio-toggle{transition:none}.mtpt .mtpt-audio[data-mtpt-audio-state=loading] .mtpt-audio-toggle:after{animation:none}}

.mtpt .mtpt-audio-seek{box-sizing:content-box;height:6px;padding:9px 0;margin:-9px 0;background-clip:content-box}
.mtpt .mtpt-audio-volume{box-sizing:content-box;height:4px;padding:10px 0;margin:-10px 0;background-clip:content-box}
@media(max-width:600px){.mtpt .mtpt-audio-tools{gap:4px;min-width:0}.mtpt .mtpt-audio-volume{flex:1;min-width:24px;max-width:70px}.mtpt .mtpt-audio-restart{margin-left:2px}}

/* Comparació observada: només ocupa espai quan hi ha una lectura vàlida. */
.mtpt .mtpt-hours{align-items:flex-start}
.mtpt .mtpt-observed{display:grid;gap:2px;color:#4c6575;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:0;text-align:center;margin:0;max-width:100%}
.mtpt .mtpt-observed>span{display:block;min-width:0;font:inherit;letter-spacing:0;white-space:nowrap}
.mtpt .mtpt-hour[data-observed=true] .mtpt-pop:empty{display:none}
.mtpt .mtpt-detail-comparison{margin-top:16px;padding-top:14px;border-top:1px solid #dce8ef}
.mtpt .mtpt-detail-comparison p{font-size:11px;color:#627888;margin:10px 0 0}
.mtpt .mtpt-observations-status{font-size:11px;color:#627888;margin:10px 0}