.mtm{color:#213e51}.mtm-timeline{list-style:none;margin:6px 0 20px;padding:0;display:flex;flex-direction:column;gap:15px;position:relative}.mtm-timeline:before{content:"";position:absolute;left:91px;top:18px;bottom:18px;width:2px;background:#dbe8ef}.mtm-card{--accent:#3788b4;--tint:#edf6fc;position:relative;margin:0 0 0 115px;padding:15px 20px;background:linear-gradient(130deg,var(--tint),#fff);border:1px solid #e2edf2;border-radius:15px;display:grid;grid-template-columns:1fr auto;gap:6px 16px;min-width:0}.mtm-card:before{content:"";position:absolute;left:-31px;top:23px;width:12px;height:12px;border:3px solid #fff;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px #dbe8ef}.mtm-card[hidden]{display:none}.mtm-max{--accent:#ce7559;--tint:#fff3ec}.mtm-wind{--accent:#278d87;--tint:#edf8f5}.mtm-first-rain{--accent:#3987b9;--tint:#edf5fc}.mtm-label{font-size:14px;font-weight:600;color:#54748a;align-self:center}.mtm-label>span{color:var(--accent);font-size:22px;margin-right:7px}.mtm-card>strong,.mtm-rain-total>strong{font-size:28px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.mtm strong small{font-size:14px;font-weight:500;color:#638397}.mtm-card>.mtm-time{position:absolute;left:-116px;top:23px;width:76px;font-size:12px;font-weight:600;color:var(--accent);line-height:1.5;text-align:right}.mtm-small{font-size:11px;color:#7390a1;line-height:1.6;grid-column:1/-1}.mtm-rain-total{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;background:#edf6fc;border:1px solid #dcebf4;border-radius:14px;padding:16px 20px}.mtm-rain-total>span:first-child{font-size:14px;font-weight:600}.mtm-rain-total>.mtm-time{font-size:12px;color:#638397;margin-left:auto}.mtm-footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#6b899a;margin-top:16px}.mtm .mtm-status{font-size:12px;color:#6b899a;margin:12px 0 0;line-height:1.6}.mtm-status[data-warning=true]{color:#9a6c2c}.mtm-status:empty{display:none}.mtm-help{border-top:1px solid #e4edf2;padding-top:14px;margin-top:17px;color:#607e90}.mtm-help summary{font-size:12px;font-weight:600;color:#416e86;cursor:pointer}.mtm-help p{font-size:12px;line-height:1.7;margin:12px 0 0}.mtm .panel-action{flex-shrink:0;white-space:nowrap;width:auto;min-width:76px}.mtm .panel-action:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.mtm-card{grid-template-columns:1fr;padding:13px;margin-left:91px;gap:8px}.mtm-timeline:before{left:72px}.mtm-card:before{left:-27px;top:22px}.mtm-card>.mtm-time{left:-92px;width:56px;font-size:11px;top:18px}.mtm-label{font-size:12px}.mtm-card>strong{font-size:25px}.mtm-small{font-size:10px}.mtm-rain-total{padding:14px}.mtm-rain-total>.mtm-time{margin-left:0;width:100%}.mtm .panel-action{font-size:11px;padding:8px 10px}}

/* Els intervals segueixen les hores dels punts, sobre una línia esquemàtica. */
.mtm-timeline.mtm-has-rain{padding-top:32px;padding-bottom:32px}.mtm-has-rain:before{top:12px;bottom:12px}
.mtm-rain-overlay{position:absolute;inset:0;list-style:none;pointer-events:none;z-index:1}.mtm-rain-overlay[hidden]{display:none}
.mtm-rain-segment{position:absolute;left:88px;width:8px;border-radius:3px;background:repeating-linear-gradient(135deg,#237fae 0,#237fae 2px,#d4effa 2px,#d4effa 5px);pointer-events:auto;box-shadow:0 0 0 1px #c6e3ee}
.mtm-rain-segment:focus-visible{outline:2px solid #164f74;outline-offset:3px}.mtm-card:before{z-index:2}
.mtm-boundary{position:absolute;left:0;width:76px;text-align:right;font-size:10px;color:#638397;line-height:16px}.mtm-boundary-start{top:4px}.mtm-boundary-end{bottom:4px}
.mtm .mtm-rain-key{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.5;color:#54748a;margin:0 0 12px}.mtm .mtm-rain-key[hidden]{display:none}.mtm-rain-key>span{display:inline-block;flex-shrink:0;width:8px;height:18px;background:repeating-linear-gradient(135deg,#237fae 0,#237fae 2px,#d4effa 2px,#d4effa 5px);border-radius:2px}
@media(max-width:600px){.mtm-rain-segment{left:69px}.mtm-boundary{width:56px}}

.mtm-rain-segment:hover:after,.mtm-rain-segment:focus:after{content:attr(data-tooltip);position:absolute;left:16px;top:0;width:180px;box-sizing:border-box;padding:8px 10px;border-radius:8px;background:#193e54;color:#fff;font-size:11px;line-height:1.5;box-shadow:0 3px 10px #193e5433;z-index:5;pointer-events:none}
@media(max-width:350px){.mtm-rain-segment:hover:after,.mtm-rain-segment:focus:after{width:150px}}