/* Sólo el sector meteorológico inferior y su configuración. */
.dashboard,.section,.outdoor-grid,.primary-row,.bottom-row,.primary-cell,.info-block{min-width:0}
.primary-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
/* Alinear sólo esta pareja de bloques, sin cambiar el resto del reloj. */
.weather-widget-row{align-items:center}
.weather-widget-row>.info-block:first-child{display:flex;align-items:center}
.weather-widget-row .pressure-wrap{margin-top:0}
.rotating-widget{position:relative;min-width:0;min-height:144px;height:144px;padding:6px 0;display:grid;grid-template-rows:minmax(0,1fr) 24px;align-self:center}
.rotating-widget .condition-wrap{margin:0;min-width:0;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;text-align:left;padding:0 30px 0 0}
.rotating-widget .condition-icon{width:100px;height:100px;font-size:76px;flex:0 0 100px}
.rotating-widget .condition-icon img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.rotating-widget .condition-copy{flex:1 1 0;min-width:0;max-height:100%;display:flex;flex-direction:column;justify-content:center}
.condition-label{font-size:14px;color:var(--muted);line-height:1.2;margin-bottom:4px}
.condition-reading{display:flex;align-items:center;gap:6px;max-width:100%;min-height:0;line-height:1.05;color:var(--reading-color,var(--text))}
.rotating-widget .condition-text,.rotating-widget .condition-direction{font-size:var(--value-size,clamp(54px,5vw,78px));font-weight:320;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;flex:none}
.rotating-widget .condition-text.text-reading{font-size:var(--value-size,clamp(26px,2.5vw,42px));white-space:normal;overflow-wrap:anywhere;flex:0 1 auto;min-width:0}
.condition-unit{font-size:clamp(16px,1.1vw,22px);white-space:nowrap;flex:none}
.condition-detail{color:var(--reading-color,var(--muted));font-size:14px;line-height:1.15;min-width:min-content;flex:0 1 auto;white-space:normal}
.condition-unit:empty,.condition-direction:empty,.condition-detail:empty{display:none}
.widget-status{font-size:10px;line-height:1.2;text-align:left;color:var(--muted);padding:0 30px 0 116px;overflow-wrap:anywhere;align-self:center}
.widget-status:empty{visibility:hidden}
.widget-settings{position:absolute;z-index:1;right:0;top:5px;display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);opacity:.7;cursor:pointer}
.widget-settings:hover,.widget-settings:focus-visible{opacity:1;color:var(--blue-soft);border-color:var(--line-strong)}
.widget-settings svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.widget-dialog{color-scheme:dark;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid var(--line-strong);border-radius:16px;background:#061421;color:var(--text);box-shadow:0 20px 90px #0009}
.widget-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.widget-dialog [hidden]{display:none!important}
.widget-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.widget-dialog h2{margin:0;font-size:23px}.widget-help{color:var(--muted);font-size:14px;line-height:1.4}
.widget-dialog button{border:1px solid var(--line-strong);border-radius:8px;background:#0a263c;color:var(--text);font:inherit;padding:9px 13px;cursor:pointer}
.widget-dialog button:focus-visible,.widget-dialog input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.widget-dialog-head button{font-size:24px;padding:0 10px}
.widget-dialog fieldset{border:0;border-top:1px solid var(--line);margin:16px 0 0;padding:10px 0 0;min-width:0}
.widget-dialog legend{font-weight:650;color:var(--blue-soft);padding-right:10px;font-size:14px}
.widget-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.widget-options-grid label{display:flex;align-items:center;gap:9px;padding:6px 2px;min-height:36px;font-size:14px;line-height:1.3;cursor:pointer}
.widget-options-grid input{accent-color:#54b8ef;width:18px;height:18px;flex:none;margin:0}
.widget-interval{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.widget-interval>label{display:block;margin-bottom:10px;font-weight:650}
.widget-stepper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.widget-stepper input{width:94px;min-height:42px;border:1px solid var(--line-strong);border-radius:8px;background:#03101b;color:var(--text);font:inherit;font-size:18px;text-align:center;padding:7px}
.widget-stepper button{width:42px;height:42px;font-size:22px;padding:0}
.widget-stepper span{color:var(--muted);font-size:14px}
#intervalHint{color:var(--muted);font-size:12px;line-height:1.4}#widgetError{color:var(--danger);font-size:14px;line-height:1.4}
.widget-dialog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.widget-dialog-actions span{flex:1}.widget-dialog .widget-save{background:#087dc2;border-color:#54b8ef}
@media(min-width:921px) and (max-height:680px){.rotating-widget{min-height:132px;height:132px}.rotating-widget .condition-wrap{gap:12px}.rotating-widget .widget-status{padding-left:96px}.rotating-widget .condition-icon{width:84px;height:84px;flex-basis:84px;font-size:66px}.condition-detail{font-size:12px}.condition-label{font-size:12px}}
@media(max-width:920px){.rotating-widget{align-self:auto}.rotating-widget .condition-text,.rotating-widget .condition-direction{font-size:var(--value-size,clamp(54px,8vw,78px))}.rotating-widget .condition-text.text-reading{font-size:var(--value-size,clamp(26px,5vw,42px))}}
@media(max-width:480px){.rotating-widget{min-height:132px;height:132px}.rotating-widget .condition-wrap{gap:12px}.rotating-widget .condition-icon{width:84px;height:84px;flex-basis:84px;font-size:66px}.rotating-widget .widget-status{padding-left:96px}.condition-detail{font-size:12px}.widget-dialog{padding:16px}.widget-options-grid{grid-template-columns:1fr}.widget-dialog-actions span{display:none}.widget-dialog-actions button{flex:1}.widget-dialog-actions #widgetReset{flex-basis:100%}}
@media(max-width:360px){.primary-cell .metric-value{font-size:clamp(48px,16vw,58px)}}
@media(prefers-reduced-motion:reduce){.rotating-widget *{scroll-behavior:auto}}
