.trp-meteogram-wrap{overflow-x:auto;border:1px solid var(--trp-predicted,#c991f1);border-radius:12px;background:#16111f;padding:8px 4px;scrollbar-color:#74568f #191320}.trp-meteogram{display:block;width:100%;height:auto;min-width:640px;aspect-ratio:1000/560;background:transparent!important;border:0!important;margin:0!important}.trp-meteogram text{fill:#cdc4dc;font:11px Segoe UI,Arial,sans-serif}.trp-meteogram .mt-title{font-size:12px;font-weight:600;fill:#e6dcf0}.trp-meteogram .mt-tick{font-size:10px}.trp-meteogram .mt-layer{font-size:10px;font-weight:600}.trp-meteogram .mt-percent{font-size:9px}.meteogram-key{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:10px;color:#c1b7cf;margin:10px 0;line-height:1.6}.mt-temp{color:#fa8b8c}.mt-humidity{color:#c991f1}.mt-probability{color:#ed8bcf}.mt-rain{color:#64a6ef}.mt-conv{color:#62dbc5}.mt-wind{color:#7bafff}.mt-gust{color:#52d9cd}.mt-cloud{color:#ddd6e8}.mt-now{color:#ed7ecc}.trp-meteogram .mt-probability-curve path{stroke-dasharray:5 3}.trp-meteogram .mt-wind-direction{font-size:9px;fill:#dcc9ea}.meteogram-details{font-size:11px;color:#b4a9c3;margin:7px 0}.meteogram-details summary{cursor:pointer}.meteogram-details p{font-size:11px;line-height:1.5}.meteogram-method{font-size:10px;color:#a89bb9;line-height:1.5;margin:8px 0}.point-dialog .trp-meteogram-wrap svg{border:0}.point-dialog{width:min(1100px,calc(100vw - 20px))}@media(max-width:700px){.meteogram-key{gap:7px 12px}.trp-meteogram text{font-size:18px}.trp-meteogram .mt-title{font-size:20px}.trp-meteogram .mt-tick{font-size:16px}.trp-meteogram .mt-percent,.trp-meteogram .mt-layer,.trp-meteogram .mt-wind-direction{font-size:14px}.trp-meteogram-wrap:after{content:"Desliz\e1  horizontalmente para ver todas las horas \2192";position:sticky;left:6px;display:block;color:#b69ec8;font-size:10px;margin-top:8px}}.trp-meteogram[data-hourly=true]{min-width:0;aspect-ratio:1000/560}.meteogram-window-controls{display:flex;gap:6px;align-items:center;margin:8px 0}.meteogram-window-controls button{min-width:44px;min-height:40px;padding:6px 10px;font-size:14px;border:1px solid var(--line,#665075);border-radius:8px;background:var(--panel,#221a30);color:var(--text,#eee4f5)}.meteogram-window-controls button[aria-pressed=true]{background:#694080;color:#fff;border-color:#c991f1}.meteogram-window-controls button[data-mt-move="-1"]{margin-left:auto}.meteogram-window-controls button[data-mt-move]{font-size:24px;line-height:1}.meteogram-window-dates{font-size:12px;line-height:1.4;margin:5px 0 10px;color:var(--text,#ddd6e8)}.meteogram-explorer .trp-meteogram-wrap{padding:6px 0;border-radius:9px;scrollbar-width:thin}.meteogram-explorer .meteogram-chart-view[data-window-hours="24"] .trp-meteogram{min-width:720px}.meteogram-explorer .meteogram-chart-view[data-window-hours="48"] .trp-meteogram,.meteogram-explorer .meteogram-chart-view[data-window-hours="168"] .trp-meteogram{min-width:1000px}.meteogram-explorer .trp-meteogram-wrap:after{content:none}.meteogram-explorer .meteogram-key,.meteogram-explorer .meteogram-method{display:none}.meteogram-explorer .meteogram-details{font-size:12px;margin:8px 0}.meteogram-hour-picker{margin-top:10px}.meteogram-hour-picker>label{display:flex;align-items:center;gap:10px;font-size:14px}.meteogram-hour-picker input{flex:1;min-width:0;min-height:38px;accent-color:#be7ddb}.meteogram-hour-card{padding:12px;border:1px solid var(--line,#665075);border-radius:10px;background:var(--panel,#221a30);color:var(--text,#f1eaf6)}.meteogram-hour-card>strong{font-size:16px}.meteogram-hour-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:12px 0 0}.meteogram-hour-card dt{font-size:12px;line-height:1.3;opacity:.85}.meteogram-hour-card dd{margin:3px 0 0;font-size:19px;font-weight:600;line-height:1.25}.meteogram-hour-card small{display:block;margin-top:12px;font-size:11px;line-height:1.4}@media(min-width:701px){.meteogram-explorer .meteogram-hour-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.meteogram-explorer .trp-meteogram text{font-size:15px}.meteogram-explorer .trp-meteogram .mt-title{font-size:17px}.meteogram-explorer .trp-meteogram .mt-tick{font-size:13px}}
