@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101923;--card:#1b2938;--edge:#2b3b4b;--ink:#edf4f8;--muted:#9aabba;--accent:#e99b57;--accent-soft:#4a3429;--blue:#83bde0}
body[data-season="winter"]{--accent:#86c4e9;--accent-soft:#263e4b}body[data-season="spring"]{--accent:#79c3a6;--accent-soft:#253f39}body[data-season="summer"]{--accent:#f1c56d;--accent-soft:#463a24}body[data-season="autumn"]{--accent:#e99b57;--accent-soft:#4a3429}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#263343 0,#101923 47%);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;min-height:100vh}.shell{max-width:1120px;margin:auto;padding:0 36px}.topbar{height:82px;border-bottom:1px solid #263647;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brand-mark{width:42px;height:42px}.logo-sun{fill:var(--accent)}.logo-cloud{fill:#d9e7f0}.logo-rain{fill:none;stroke:#71b8e5;stroke-width:2.5;stroke-linecap:round}.brand-name{font:800 18px Manrope,sans-serif;letter-spacing:1.5px}.brand-name span{color:#edf4f8}.brand-name b{color:var(--accent)}.place{color:#c0ced9;font-weight:600}.history-link{color:#e5b08a;text-decoration:none;font-size:11px;font-weight:600;margin-left:auto}.history-link span{color:var(--accent)}.connection{margin-left:0;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}.connection i{width:8px;height:8px;border-radius:50%;background:#d7ae64}.connection i.ok{background:#64c39d}.connection i.error{background:#e37c83}
.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:32px 0 19px}.eyebrow,.label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8da3b4;margin:0 0 8px}.intro h1{font:700 32px/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:0}.intro h1 em{font-style:normal;color:var(--accent)}.subtitle{color:#a3b3c1;margin:8px 0 0}.updated{font-size:10px;color:var(--muted);line-height:1.6;text-align:right}.updated strong{display:block;color:#d5e2eb;font-size:12px}
.hero{min-height:277px;position:relative;overflow:hidden;border-radius:20px;padding:27px 32px;background:linear-gradient(112deg,#203545,#263743 58%,#33404a);border:1px solid #334552;box-shadow:0 15px 38px #0003;display:flex;align-items:center}.hero-copy{position:relative;z-index:2}.label{color:#aac5d2}.temperature{font:500 76px/.98 Manrope,sans-serif;letter-spacing:-5px;margin:9px 0;color:#f3f6f8}.temperature small{font-size:31px;vertical-align:top;letter-spacing:0;margin-left:5px}.feels{color:#b1c0ca;margin:0;font-size:12px}.feels strong{color:#f2d0ac;font-weight:600;margin-left:5px}.extremes{display:flex;align-items:center;gap:13px;color:#a7bac7;font-size:11px;margin-top:22px}.extremes span:not(.line){display:grid;gap:3px}.extremes small{font-size:9px;color:#9eafbb}.extremes b{color:#e2edf3;font-weight:600}.extremes i{font-style:normal;font-size:9px;color:#adc1cf}.line{width:58px;height:3px;background:#526572;border-radius:4px}
.hero-side{position:absolute;right:32%;top:56px;z-index:2;padding-left:23px;border-left:1px solid #62737e66}.humidity-label{font-size:9px;letter-spacing:1px;color:#a3b5c1;font-weight:700}.humidity-value{font:600 36px Manrope,sans-serif;color:#e9f1f5;margin:4px 0 15px}.humidity-value small{font:500 14px 'DM Sans',sans-serif;color:#a3b5c1;margin-left:3px}.dew-row{display:grid;grid-template-columns:20px auto;gap:3px 6px;align-items:center;color:#b4c2cb;font-size:10px}.dew-icon{grid-row:span 2;color:var(--accent);font-size:17px}.dew-row strong{grid-column:2;color:#f2d0ac;font-size:13px}.hero-art{position:absolute;width:340px;height:220px;right:4%;top:10px;opacity:.92}.sun{position:absolute;right:80px;top:18px;width:78px;height:78px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 14%,transparent),0 0 55px color-mix(in srgb,var(--accent) 25%,transparent)}.cloud{position:absolute;border-radius:60px;background:#bacbd4;filter:drop-shadow(0 12px 14px #08121c66)}.cloud:before,.cloud:after{position:absolute;content:'';background:inherit;border-radius:50%}.cloud-back{right:29px;top:105px;width:178px;height:52px;opacity:.75}.cloud-back:before{width:70px;height:70px;top:-33px;left:32px}.cloud-back:after{width:58px;height:58px;top:-23px;right:25px}.cloud-front{right:104px;top:127px;width:178px;height:56px;background:#dce6e9}.cloud-front:before{width:78px;height:78px;top:-40px;left:38px}.cloud-front:after{width:64px;height:64px;top:-30px;right:20px}.rain-drop{position:absolute;top:188px;width:3px;height:15px;border-radius:4px;background:#71b8e5;transform:rotate(17deg)}.rd1{right:221px}.rd2{right:178px;top:193px}.rd3{right:135px}.hero-message{position:absolute;right:21px;bottom:12px;color:#a8bfce;font-size:9px}
.rain-card{margin-top:14px;padding:20px 24px 13px;border-radius:17px;background:linear-gradient(110deg,#302a2a,#302d31 58%,#263540);border:1px solid #51403a;box-shadow:0 10px 28px #0002}.rain-heading{display:flex;align-items:center;justify-content:space-between}.rain-heading .eyebrow{color:#c69772;margin:0 0 4px}.rain-heading h2{font:650 17px Manrope,sans-serif;margin:0}.rain-symbol{font-size:25px;color:var(--accent);background:var(--accent-soft);width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.rain-main{display:grid;grid-template-columns:1.15fr 2fr;align-items:center;margin-top:11px}.rain-today{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 15px;border-right:1px solid #64514a;padding-right:22px}.rain-today>span{font-size:11px;color:#c3b3a9}.rain-today>strong{font:650 35px Manrope,sans-serif;color:#f3f4f4;letter-spacing:-1px}.rain-today>strong small{font:500 13px 'DM Sans',sans-serif;color:#afbec7;margin-left:4px}.rain-today>small{grid-column:1/-1;color:#aebbc4;font-size:10px}.rain-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-left:25px}.rain-stats div{padding:2px 14px;border-right:1px solid #554842}.rain-stats div:last-child{border:0}.rain-stats span{display:block;color:#b9aaa0;font-size:10px;margin-bottom:6px}.rain-stats strong{font:600 19px Manrope,sans-serif;color:#f2d0ac}.rain-foot{font-size:9px;color:#91877f;margin-top:13px;text-align:right}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.metric{min-height:138px;padding:17px 20px;background:var(--card);border:1px solid var(--edge);border-radius:15px;box-shadow:0 8px 25px #050b1225;position:relative}.metric-head{color:#c4d2dc;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.ico{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:16px}.blue{background:#20394a;color:#83bde0}.violet{background:#302c43;color:#b3a4e2}.value{font:600 29px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin-top:8px;color:#f0f5f8}.value small{font:500 11px 'DM Sans',sans-serif;letter-spacing:0;color:#9cafbd;margin-left:5px}.metric p{font-size:10px;color:#9bacb9;margin:4px 0 0}.wind-detail{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9bacb9;margin-top:4px}.wind-detail b{color:#d6e3eb}.arrow{font-size:20px;color:#83bde0;display:inline-block;transform-origin:center}.gust{font-size:10px;color:#98aab8;border-top:1px solid #30404d;padding-top:7px;margin-top:9px}.gust strong{float:right;color:#d6e3eb}.pressure-card{background:linear-gradient(135deg,#1b2938,#202b3a)}
footer{display:flex;justify-content:space-between;gap:12px;padding:19px 0 24px;color:#9aabba;font-size:10px}footer b{color:#d2dee7;letter-spacing:1px;font-size:9px}
@media(max-width:760px){.shell{padding:0 20px}.hero-side{right:30%}.hero-art{right:-5%;opacity:.6}.intro h1{font-size:28px}}
@media(max-width:540px){.shell{padding:0 14px}.topbar{height:68px;gap:12px}.brand-mark{width:34px;height:34px}.brand-name{font-size:15px;letter-spacing:1.2px}.place{font-size:11px}.intro{padding:25px 0 16px;align-items:flex-start}.intro h1{font-size:24px}.subtitle{font-size:11px;max-width:210px;line-height:1.5}.updated{font-size:9px}.updated strong{font-size:10px}.hero{min-height:305px;padding:22px 20px;align-items:flex-start}.temperature{font-size:62px}.temperature small{font-size:26px}.hero-side{right:auto;left:20px;top:auto;bottom:40px;padding:0;border:0}.humidity-label{font-size:8px}.humidity-value{font-size:27px;margin:2px 0 4px}.dew-row{display:flex;gap:5px}.dew-row strong{font-size:11px}.hero-art{right:-104px;top:54px;transform:scale(.72);transform-origin:right top;opacity:.55}.hero-message{left:20px;right:auto;bottom:10px}.extremes{margin-top:17px;gap:9px}.line{width:35px}.rain-card{padding:16px 15px 11px}.rain-main{grid-template-columns:.9fr 2fr;margin-top:9px}.rain-today{gap:2px 8px;padding-right:11px}.rain-today>strong{font-size:27px}.rain-today>small{font-size:9px}.rain-stats{padding-left:9px}.rain-stats div{padding:2px 7px}.rain-stats span{font-size:8px}.rain-stats strong{font-size:14px}.rain-foot{font-size:8px}.metrics{grid-template-columns:1fr;gap:9px}.metric{min-height:128px}.metric .value{font-size:27px}footer{flex-direction:column;font-size:9px}}
.history-link{margin-left:auto}.connection{margin-left:0}
/* Capçalera fosca amb marca i accés a l'arxiu ben visibles */
.topbar{height:91px!important;background:transparent!important;border-bottom:1px solid #263647!important;border-radius:0!important;padding:0 8px!important;margin-bottom:0!important;box-shadow:none!important}
.brand-mark{width:48px!important;height:48px!important}.brand-name{font-size:21px!important;letter-spacing:1.8px!important}.brand-name span{color:#edf4f8!important}.place{color:#c0ced9!important;font-size:12px!important}
.history-link{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;padding:10px 14px!important;border:1px solid #a86c43!important;border-radius:10px!important;background:#263342!important;box-shadow:0 4px 12px #0002!important;color:#f0bd91!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;letter-spacing:.15px!important;white-space:nowrap!important}.history-icon{font-size:15px!important;color:#f0bd91!important}.history-arrow{font-size:16px!important;line-height:1!important;color:#e9a05e!important}.connection{color:#9aabba!important}
@media(max-width:540px){.topbar{height:76px!important;padding:0 2px!important;gap:8px!important}.brand-mark{width:38px!important;height:38px!important}.brand-name{font-size:17px!important;letter-spacing:1.1px!important}.place{font-size:10px!important}.history-link{gap:5px!important;padding:9px 10px!important;font-size:10px!important;border-radius:9px!important}.history-icon{font-size:13px!important}.history-arrow{font-size:14px!important}.connection{font-size:0!important;gap:0!important}.connection i{width:8px!important;height:8px!important}}@media(max-width:390px){.place{display:none!important}}

/* Segona fase: capçalera jeràrquica, dades en graella i tipografia més llegible */
.topbar{height:auto!important;min-height:126px!important;display:flex!important;align-items:center!important;gap:20px!important;padding:16px 4px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid #263647!important}
.brand{flex:0 1 75%;min-width:0;display:grid!important;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center}
.brand-mark{grid-column:1;grid-row:1/3;width:56px!important;height:56px!important}.brand-name{grid-column:2;grid-row:1;font-size:38px!important;line-height:1.02;letter-spacing:1.4px!important}.brand-name span{color:#f4f7f9!important}.brand-name b{color:var(--accent)!important}.place{grid-column:2;grid-row:2;display:block!important;margin:2px 0 0;color:#c0ced9!important;font-size:15px!important;font-weight:700;letter-spacing:1.5px}
.header-actions{flex:0 0 25%;min-width:185px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px}.connection{font-size:13px!important;color:#bac9d4!important}.connection i{width:10px;height:10px}.history-link{display:inline-flex!important;align-items:center;gap:8px!important;padding:10px 14px!important;border:1px solid #a86c43!important;border-radius:10px!important;background:#263342!important;color:#f0bd91!important;font-size:14px!important;font-weight:700!important;white-space:nowrap;box-shadow:0 4px 12px #0002}.history-icon,.history-arrow{color:#f0bd91!important;font-size:16px!important}
.intro{padding-top:27px!important;padding-bottom:8px!important}.intro .eyebrow{font-size:12px!important}.intro h1{font-size:34px!important}.subtitle{font-size:16px!important}.updated{font-size:13px!important}.updated strong{font-size:14px!important}
.seasonal-mark{height:54px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 4px;color:var(--accent)}.seasonal-mark:before,.seasonal-mark:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#45515a)}.seasonal-mark:after{transform:scaleX(-1)}.seasonal-mark span{width:56px;text-align:center;font:400 31px/1 Georgia,serif;color:var(--accent);opacity:.7}.seasonal-mark span:before{content:"❧"}.seasonal-mark span:after{content:"";position:absolute;left:50%;top:50%;width:110px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);filter:blur(11px);z-index:-1}
body[data-season="spring"] .seasonal-mark span:before{content:"❋"}body[data-season="summer"] .seasonal-mark span:before{content:"☼"}body[data-season="winter"] .seasonal-mark span:before{content:"❄"}
.weather-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.weather-grid>.metric{min-height:240px;padding:22px 24px;border-radius:17px}.weather-grid>.rain-card{grid-column:1/-1;margin:0;min-height:202px;padding:23px 26px 16px;border-radius:17px}.metric-head{font-size:18px!important;color:#e0e9ef!important}.card-caption{margin:6px 0 0!important;color:#b2c0ca!important;font-size:14px!important;line-height:1.45}.weather-grid .value{font-size:46px!important;margin-top:16px!important;letter-spacing:-1.5px}.weather-grid .value small{font-size:17px!important}.weather-grid .temp-value{font-size:62px!important;color:#fff!important}.weather-grid .feels{font-size:14px!important;margin:2px 0 0!important;color:#c4d1d9!important}.weather-grid .feels strong{color:#f2d0ac!important}.weather-grid .extremes{font-size:14px!important;gap:18px;margin-top:18px!important}.weather-grid .extremes small{font-size:13px!important}.weather-grid .extremes b{font-size:19px;color:#f0f5f8}.weather-grid .extremes i{font-size:12px!important;display:block;margin-top:2px}.weather-grid .line{width:40px}.dew-row{grid-template-columns:22px auto!important;font-size:13px!important;margin-top:13px}.dew-row strong{font-size:15px!important}.weather-grid .humidity-value{font-size:62px!important;margin-top:26px!important}.humidity-scale{height:9px;background:#293b48;border-radius:10px;margin:20px 0 10px;overflow:hidden}.humidity-scale span{display:block;width:var(--humidity-level,50%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#74b9df,#a9d5e8)}.humidity-note{font-size:13px;color:#b2c0ca;margin:0}
.rain-heading h2{font-size:23px!important}.rain-heading .card-caption{font-size:14px!important;color:#c2b5ac!important}.rain-symbol{font-size:28px!important}.rain-main{margin-top:15px!important}.rain-today>span{font-size:15px!important}.rain-today>strong{font-size:43px!important}.rain-today>strong small{font-size:15px!important}.rain-today>small{font-size:13px!important}.rain-stats span{font-size:14px!important;color:#c6b8ae!important}.rain-stats strong{font-size:23px!important}.rain-foot{font-size:12px!important;margin-top:13px!important}.weather-grid .metric p.card-caption{font-size:14px!important}.weather-grid .wind-detail{font-size:14px!important;margin-top:8px!important}.weather-grid .gust{font-size:14px!important;padding-top:10px;margin-top:12px}.weather-grid .gust strong{font-size:15px}.weather-grid .metric p:not(.card-caption){font-size:14px!important;margin-top:10px!important}.ico{width:34px!important;height:34px!important;font-size:19px!important}.orange{background:var(--accent-soft);color:var(--accent)}.status-message{min-height:24px;color:#aebdca;font-size:13px;text-align:right;margin:12px 2px 0}
footer{font-size:12px!important}footer b{font-size:11px!important}
@media(max-width:760px){.shell{padding:0 22px}.topbar{min-height:112px!important}.brand{grid-template-columns:52px minmax(0,1fr);column-gap:11px}.brand-mark{width:48px!important;height:48px!important}.brand-name{font-size:31px!important}.place{font-size:13px!important}.header-actions{min-width:160px}.connection{font-size:12px!important}.history-link{font-size:13px!important;padding:9px 11px!important}.weather-grid>.metric{padding:19px}.weather-grid .temp-value,.weather-grid .humidity-value{font-size:54px!important}}
@media(max-width:540px){.shell{padding:0 16px}.topbar{min-height:92px!important;padding:12px 0!important;gap:8px!important}.brand{flex-basis:70%;grid-template-columns:38px minmax(0,1fr);column-gap:8px}.brand-mark{width:36px!important;height:36px!important}.brand-name{font-size:23px!important;letter-spacing:.7px!important}.place{font-size:10px!important;letter-spacing:.9px;margin-top:3px}.header-actions{flex:1;min-width:0;gap:7px}.connection{font-size:10px!important;gap:5px}.connection i{width:8px;height:8px}.history-link{gap:5px!important;padding:8px 9px!important;font-size:11px!important;border-radius:8px!important}.history-icon,.history-arrow{font-size:13px!important}.intro{padding:21px 0 8px!important;gap:10px}.intro h1{font-size:27px!important}.intro .eyebrow{font-size:10px!important}.subtitle{font-size:14px!important}.updated{font-size:11px!important}.updated strong{font-size:12px!important}.seasonal-mark{height:43px}.weather-grid{grid-template-columns:minmax(0,1fr);gap:12px}.weather-grid>.metric,.weather-grid>.rain-card{grid-column:1;min-height:unset;padding:19px 18px}.weather-grid>.metric{min-height:210px}.weather-grid .temp-value{font-size:62px!important}.weather-grid .humidity-value{font-size:56px!important;margin-top:18px!important}.weather-grid>.rain-card{padding:20px 18px 14px}.rain-heading h2{font-size:21px!important}.rain-main{grid-template-columns:.8fr 1.7fr!important}.rain-today{padding-right:9px!important;gap:3px 8px!important}.rain-today>strong{font-size:34px!important}.rain-stats{padding-left:9px!important}.rain-stats div{padding:2px 7px!important}.rain-stats span{font-size:11px!important}.rain-stats strong{font-size:17px!important}.rain-foot{font-size:11px!important}.weather-grid .metric-head{font-size:17px!important}.card-caption{font-size:13px!important}.weather-grid .extremes{gap:15px}.weather-grid .line{width:48px}.status-message{text-align:left;font-size:12px}footer{font-size:11px!important}}
@media(max-width:370px){.brand-mark{display:none!important}.brand{grid-template-columns:minmax(0,1fr)}.brand-name,.place{grid-column:1}.brand-name{font-size:21px!important}.place{font-size:9px!important}.history-link{font-size:10px!important;padding:7px!important}.rain-main{grid-template-columns:1fr!important;gap:12px}.rain-today{border-right:0!important;border-bottom:1px solid #64514a;padding:0 0 10px!important}.rain-stats{padding-left:0!important}}

/* Refinament visual: dades equilibrades, capçalera en dues línies i indicadors útils */
.brand{display:flex!important;flex-direction:column;align-items:flex-start;gap:9px!important;text-decoration:none}.brand-identity{display:flex;align-items:center;gap:12px}.brand-mark{display:block!important;width:48px!important;height:48px!important}.logo-cloud{fill:#d9e7f0}.logo-cloud-line{fill:none;stroke:#91bad0;stroke-width:2;stroke-linecap:round}.logo-sun,.logo-rain{display:none}.brand-name{font-size:38px!important;line-height:1!important;letter-spacing:1.5px!important}.place{display:block!important;grid-column:auto!important;grid-row:auto!important;margin:0 0 0 60px!important;color:#c0ced9!important;font-size:13px!important;font-weight:600;letter-spacing:.35px!important;text-transform:none;line-height:1.3}
.intro{align-items:center!important;padding:25px 0 8px!important}.intro h1{font-size:34px!important;letter-spacing:-.7px!important}.intro h1 em{color:var(--accent)}.updated{font-size:13px!important}.updated strong{font-size:14px!important}
.seasonal-mark{height:72px!important;justify-content:flex-end!important;align-items:center!important;margin:0 0 5px!important;overflow:hidden}.seasonal-mark:before,.seasonal-mark:after{content:none!important}.seasonal-leaf{display:block;width:104px;height:76px;overflow:visible;transform:rotate(-7deg);opacity:.68;filter:drop-shadow(0 5px 12px #0003)}.leaf-shape{fill:#c78043;fill-opacity:.24;stroke:#df9b5b;stroke-width:1.4;stroke-linejoin:round}.leaf-vein,.leaf-stem{fill:none;stroke:#e5a66e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.84}body[data-season="spring"] .leaf-shape{fill:#68aa82;stroke:#93d0a4}body[data-season="spring"] .leaf-vein,body[data-season="spring"] .leaf-stem{stroke:#a4d8ad}body[data-season="summer"] .leaf-shape{fill:#dbab4f;stroke:#f1cb75}body[data-season="summer"] .leaf-vein,body[data-season="summer"] .leaf-stem{stroke:#f2d18c}body[data-season="winter"] .leaf-shape{fill:#6496ad;stroke:#a6d5e7}body[data-season="winter"] .leaf-vein,body[data-season="winter"] .leaf-stem{stroke:#add7e4}
.weather-grid{gap:16px!important}.weather-grid>.metric{min-height:238px!important;padding:22px 24px!important}.weather-grid>.rain-card{min-height:205px!important;padding:22px 26px 16px!important}.weather-grid .metric-head,.rain-heading h2{font-size:18px!important;line-height:1.25!important;font-weight:700!important}.card-caption,.rain-heading .card-caption{margin:7px 0 0!important;font-size:14px!important;line-height:1.4!important;color:#b9c6d0!important}.weather-grid .value{margin-top:0!important;font-size:43px!important;line-height:1.1!important;letter-spacing:-1.1px!important}.weather-grid .value small{font-size:15px!important}.weather-grid .temp-value{font-size:62px!important;line-height:1!important;letter-spacing:-3.2px!important}.temp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,.82fr);align-items:center;gap:14px;margin-top:19px}.temp-primary{min-width:0}.weather-grid .feels{margin:10px 0 0!important;font-size:13px!important;line-height:1.45;color:#bac8d2!important}.weather-grid .feels strong{color:#f2d0ac!important;font-weight:600}.extreme-column{display:grid;gap:13px;border-left:1px solid #40515f;padding-left:17px}.extreme-item{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 9px}.extreme-item small{grid-column:1/-1;color:#aebdca;font-size:13px!important;line-height:1.25}.extreme-item b{font:650 20px/1.15 Manrope,sans-serif;color:#edf4f8}.extreme-item i{font:500 12px/1.3 'DM Sans',sans-serif;color:#a8bbc8;text-align:right;font-style:normal;white-space:nowrap}
.humidity-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:21px}.weather-grid .humidity-value{font-size:49px!important;line-height:1!important;letter-spacing:-1.5px!important}.humidity-scale{height:8px!important;margin:16px 0 0!important}.dew-row{display:grid!important;grid-template-columns:18px auto!important;gap:3px 6px!important;align-items:center!important;max-width:150px;color:#b4c2cb!important;font-size:12px!important;line-height:1.3}.dew-icon{grid-row:span 2;color:var(--accent);font-size:16px}.dew-row strong{grid-column:2;color:#f2d0ac;font-size:15px!important;line-height:1.2}.humidity-note{display:none}
.rain-heading{align-items:center}.rain-heading h2{margin:0!important}.rain-heading .card-caption{margin-top:7px!important}.rain-main{grid-template-columns:1.05fr 2fr!important;margin-top:17px!important;align-items:center}.rain-today{gap:7px 15px!important}.rain-today>span,.rain-stats span{font-size:13px!important;line-height:1.3;color:#c6b8ae!important}.rain-today>strong{font-size:57px!important;line-height:1!important;letter-spacing:-2px!important}.rain-today>strong small{font-size:15px!important}.rain-today>small{font-size:13px!important;margin-top:3px}.rain-stats{padding-left:24px!important}.rain-stats div{padding:2px 14px!important}.rain-stats span{margin-bottom:7px!important}.rain-stats strong{font-size:22px!important;line-height:1.15!important}.rain-foot{font-size:12px!important;margin-top:12px!important}
.wind-layout{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:12px;margin-top:18px}.wind-data{min-width:0}.wind-data .value{font-size:43px!important}.wind-detail{display:flex!important;gap:5px;justify-content:flex-start!important;margin-top:8px!important;font-size:13px!important;color:#aebdca!important}.wind-detail b{color:#e0e9ef;margin-left:3px}.gust{font-size:13px!important;padding-top:9px!important;margin-top:10px!important}.gust strong{font-size:14px}.wind-rose{width:108px;height:108px;position:relative;border:1px solid #415365;border-radius:50%;background:radial-gradient(circle at center,#263949 0 3px,#1b2938 4px 100%);box-shadow:inset 0 0 0 5px #223342}.wind-rose:before,.wind-rose:after{content:"";position:absolute;background:#43546255}.wind-rose:before{width:1px;height:72%;left:50%;top:14%;transform:translateX(-50%)}.wind-rose:after{height:1px;width:72%;left:14%;top:50%;transform:translateY(-50%)}.wind-rose span{position:absolute;z-index:2;color:#a9bac6;font-size:9px;font-weight:700;line-height:1}.rose-n{top:8px;left:50%;transform:translateX(-50%);color:#f1c99f!important}.rose-e{right:8px;top:50%;transform:translateY(-50%)}.rose-s{bottom:8px;left:50%;transform:translateX(-50%)}.rose-w{left:8px;top:50%;transform:translateY(-50%)}.rose-needle{position:absolute;z-index:3;bottom:50%;left:calc(50% - 1px);width:2px;height:34%;transform-origin:50% 100%;background:#f0a15e;border-radius:2px}.rose-needle:before{content:"";position:absolute;left:50%;top:-5px;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #f0a15e}.rose-center{position:absolute;z-index:4;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#f3bf8c;border:2px solid #263949}
.pressure-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);align-items:center;gap:12px;margin-top:22px}.pressure-layout .value{font-size:43px!important}.pressure-trend{min-height:92px;padding:12px 13px;border:1px solid #344655;border-radius:13px;background:#202f3d;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.pressure-trend>span{font:600 29px/1 Manrope,sans-serif;color:#99b8c9}.pressure-trend strong{font-size:13px;line-height:1.25;color:#dce8ef;font-weight:600}.pressure-trend[data-trend="rising-slow"],.pressure-trend[data-trend="rising-fast"]{border-color:#466351}.pressure-trend[data-trend="rising-slow"]>span,.pressure-trend[data-trend="rising-fast"]>span{color:#8bc7a3}.pressure-trend[data-trend="falling-slow"],.pressure-trend[data-trend="falling-fast"]{border-color:#5c4a3d}.pressure-trend[data-trend="falling-slow"]>span,.pressure-trend[data-trend="falling-fast"]>span{color:#e6a36f}.pressure-trend[data-trend="steady"]>span{color:#8db8d0}
footer{padding-top:17px!important}
@media(max-width:760px){.brand-name{font-size:31px!important}.place{font-size:12px!important;margin-left:51px!important}.brand-mark{width:42px!important;height:42px!important}.weather-grid>.metric{min-height:232px!important;padding:20px!important}.weather-grid .temp-value{font-size:57px!important}.weather-grid .humidity-value{font-size:45px!important}.rain-today>strong{font-size:50px!important}.wind-layout{grid-template-columns:minmax(0,1fr) 102px}.wind-rose{width:98px;height:98px}.pressure-layout{grid-template-columns:minmax(0,1fr) 125px}}
@media(max-width:540px){.topbar{min-height:104px!important;padding:12px 0!important;gap:8px!important}.brand{flex:0 1 70%;gap:7px!important}.brand-identity{gap:8px}.brand-mark{width:34px!important;height:34px!important}.brand-name{font-size:23px!important;letter-spacing:.7px!important}.place{margin:0 0 0 42px!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.1px!important}.header-actions{min-width:0;flex:1;gap:7px}.connection{font-size:10px!important;gap:5px}.history-link{font-size:11px!important;padding:8px 9px!important;gap:5px!important}.history-icon,.history-arrow{font-size:13px!important}.intro{padding:20px 0 2px!important;align-items:center!important}.intro h1{font-size:27px!important}.updated{font-size:11px!important}.updated strong{font-size:12px!important}.seasonal-mark{height:56px!important;margin:0 0 3px!important}.seasonal-leaf{width:75px;height:56px}.weather-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.weather-grid>.metric{grid-column:1;min-height:unset!important;padding:19px 18px!important}.weather-grid>.rain-card{grid-column:1;padding:20px 18px 14px!important;min-height:unset!important}.weather-grid .metric-head,.rain-heading h2{font-size:17px!important}.card-caption,.rain-heading .card-caption{font-size:13px!important;margin-top:6px!important}.temp-layout{grid-template-columns:minmax(0,1fr) minmax(127px,.8fr);gap:10px;margin-top:16px}.weather-grid .temp-value{font-size:54px!important;letter-spacing:-2.6px!important}.weather-grid .feels{font-size:12px!important;margin-top:8px!important}.extreme-column{gap:11px;padding-left:12px}.extreme-item{gap:2px 5px}.extreme-item small{font-size:12px!important}.extreme-item b{font-size:18px}.extreme-item i{font-size:11px}.humidity-layout{margin-top:17px;gap:8px}.weather-grid .humidity-value{font-size:43px!important}.dew-row{font-size:11px!important;max-width:133px}.dew-row strong{font-size:14px!important}.humidity-scale{margin-top:13px!important}.rain-main{grid-template-columns:.85fr 1.75fr!important;gap:0;margin-top:15px!important}.rain-today{gap:7px 8px!important;padding-right:10px!important}.rain-today>span,.rain-stats span{font-size:11px!important}.rain-today>strong{font-size:43px!important}.rain-today>strong small{font-size:12px!important}.rain-today>small{font-size:11px!important}.rain-stats{padding-left:10px!important}.rain-stats div{padding:2px 7px!important}.rain-stats strong{font-size:17px!important}.rain-foot{font-size:10px!important}.wind-layout{grid-template-columns:minmax(0,1fr) 96px;margin-top:15px}.wind-data .value,.pressure-layout .value{font-size:39px!important}.wind-rose{width:92px;height:92px}.pressure-layout{grid-template-columns:minmax(0,1fr) 122px;margin-top:16px}.pressure-trend{min-height:80px;padding:10px}.pressure-trend>span{font-size:25px}.pressure-trend strong{font-size:12px}.status-message{text-align:left;font-size:11px}footer{font-size:11px!important}}
@media(max-width:370px){.brand-mark{display:block!important;width:30px!important;height:30px!important}.brand{flex-basis:68%!important}.brand-name{font-size:20px!important}.place{margin-left:38px!important;font-size:9px!important}.header-actions{min-width:92px}.connection{font-size:9px!important}.history-link{font-size:10px!important;padding:7px!important}.weather-grid .temp-value{font-size:48px!important}.temp-layout{grid-template-columns:minmax(0,1fr) minmax(112px,.8fr)}.extreme-column{padding-left:9px}.extreme-item b{font-size:16px}.extreme-item i{font-size:10px}.humidity-layout{grid-template-columns:1fr}.dew-row{max-width:none}.humidity-scale{margin-top:10px!important}.rain-main{grid-template-columns:1fr!important;gap:12px}.rain-today{border-right:0!important;border-bottom:1px solid #64514a;padding:0 0 10px!important}.rain-stats{padding-left:0!important}.wind-layout{grid-template-columns:minmax(0,1fr) 88px}.wind-rose{width:84px;height:84px}.pressure-layout{grid-template-columns:minmax(0,1fr) 114px}}
.weather-grid .dew-row{font-size:13px!important}.weather-grid .dew-row strong{font-size:15px!important}.wind-detail,.gust{font-size:13px!important}.pressure-trend strong{font-size:13px!important}
@media(max-width:540px){.weather-grid .dew-row,.weather-grid .wind-detail,.weather-grid .gust{font-size:12px!important}.weather-grid .dew-row strong{font-size:14px!important}.pressure-trend strong{font-size:12px!important}.rain-today>span,.rain-today>small,.rain-stats span{font-size:12px!important}.extreme-item small{font-size:12px!important}}

/* Complement visual: tonalitats coordinades i rosa dels vents centrada */
.weather-grid>.temperature-card{background:linear-gradient(145deg,#213243,#1d2b3a 76%);border-color:#304253}
.weather-grid>.humidity-card{background:linear-gradient(145deg,#192735,#1c2a38 78%);border-color:#2b3d4d}
.weather-grid>.rain-card{background:linear-gradient(110deg,#302a2a,#302d31 58%,#263540);border-color:#51403a}
.weather-grid>.wind{background:linear-gradient(145deg,#1d2e3c,#1a2937 78%);border-color:#2d4150}
.weather-grid>.pressure-card{background:linear-gradient(145deg,#222b3b,#1b2938 78%);border-color:#343d50}
.intro h1{font-size:27px!important;letter-spacing:-.35px!important}
.weather-grid>.metric{box-shadow:0 8px 25px #050b1225, inset 0 1px #ffffff08}
.weather-grid>.rain-card{box-shadow:0 10px 28px #0002, inset 0 1px #ffffff08}
.weather-grid>.temperature-card .ico{background:#493729;color:#efb273}
.weather-grid>.humidity-card .ico{background:#20394a;color:#91c6e3}
.weather-grid>.wind .ico{background:#203b43;color:#8bc9c5}
.weather-grid>.pressure-card .ico{background:#302c43;color:#b3a4e2}
.weather-grid .wind-layout{grid-template-columns:minmax(0,1fr) minmax(128px,34%)!important;align-items:stretch!important;min-height:145px}
.wind-compass{min-width:0;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;justify-self:center;align-self:center}
.weather-grid .wind-rose{width:112px;height:112px;border-color:#506476;background:radial-gradient(circle at center,#34495a 0 3px,#202f3e 4px 100%);box-shadow:inset 0 0 0 5px #293b4b,0 5px 16px #07121b55}
.wind-rose:before{height:72%;top:14%;background:#8294a322}
.wind-rose:after{width:72%;left:14%;background:#8294a322}
.wind-rose span{font-size:8px;color:#b9c8d3;text-shadow:0 1px 2px #1119}
.wind-rose .rose-n{top:7px;color:#f3c38f!important}
.wind-rose .rose-e{right:7px}
.wind-rose .rose-s{bottom:7px}
.wind-rose .rose-w{left:7px}
.wind-rose .rose-ne{right:19%;top:18%;transform:translate(50%,-50%)}
.wind-rose .rose-se{right:19%;bottom:18%;transform:translate(50%,50%)}
.wind-rose .rose-sw{left:19%;bottom:18%;transform:translate(-50%,50%)}
.wind-rose .rose-nw{left:19%;top:18%;transform:translate(-50%,-50%)}
.rose-needle{height:35%;width:2px;background:linear-gradient(to top,#edaa70,#ffd29f);box-shadow:0 0 8px #edaa7040}
.rose-needle:before{border-bottom-color:#ffd29f}
.rose-center{width:9px;height:9px;background:#ffd09a;border-color:#293b4b}
.wind-name{max-width:100%;color:#e7c39f;font-size:11px;font-weight:600;line-height:1.1;text-align:center;white-space:nowrap}
@media(max-width:540px){.weather-grid>.wind{min-height:unset!important}.weather-grid .wind-layout{grid-template-columns:minmax(0,1fr) 112px!important;min-height:128px;margin-top:14px}.wind-compass{min-height:120px;gap:5px}.weather-grid .wind-rose{width:96px;height:96px}.wind-rose .rose-n{top:6px}.wind-rose .rose-e{right:6px}.wind-rose .rose-s{bottom:6px}.wind-rose .rose-w{left:6px}.wind-name{font-size:10px}}
@media(max-width:370px){.weather-grid .wind-layout{grid-template-columns:minmax(0,1fr) 98px!important;min-height:116px}.wind-compass{min-height:108px}.weather-grid .wind-rose{width:84px;height:84px}.wind-rose span{font-size:7px}.wind-rose .rose-ne{right:18%;top:18%}.wind-rose .rose-se{right:18%;bottom:18%}.wind-rose .rose-sw{left:18%;bottom:18%}.wind-rose .rose-nw{left:18%;top:18%}.wind-name{font-size:9px}}
@media(max-width:370px){.weather-grid .rain-main{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.weather-grid .rain-today{border-right:0!important;border-bottom:1px solid #64514a;padding:0 0 10px!important}.weather-grid .rain-stats{padding-left:0!important}}

/* Fase de disseny: capçalera, jerarquia i ordre prioritari en mòbil */
body.home-page .intro h1{font-size:27px!important;letter-spacing:-.35px!important}
body.home-page .topbar{height:auto!important;min-height:116px!important;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;align-items:center!important;gap:16px!important;padding:15px 4px!important}
body.home-page .brand{grid-column:1;grid-row:1;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;min-width:0;width:100%;flex:none!important}
body.home-page .brand-identity{display:flex;align-items:center;gap:14px;min-width:0}
body.home-page .brand-mark{width:58px!important;height:51px!important;flex:none}
body.home-page .brand-mark .logo-sun{display:block!important;fill:var(--accent)!important}
body.home-page .brand-mark .logo-cloud{fill:#dce8ee!important}
body.home-page .brand-mark .logo-rain{display:block!important;fill:none!important;stroke:#82c7e7!important;stroke-width:2.5;stroke-linecap:round}
body.home-page .brand-name{font-size:38px!important;line-height:1!important;letter-spacing:1.7px!important;white-space:nowrap}
body.home-page .place{display:flex!important;flex-direction:column;gap:3px;margin:0 0 0 72px!important;color:#aabac6!important;font-size:10px!important;font-weight:700!important;line-height:1.25;letter-spacing:1.7px!important}
body.home-page .place strong{color:#edf3f6;font-size:15px;letter-spacing:1.4px}
body.home-page .season-icon{width:30px;height:30px;flex:none;margin-left:7px;overflow:visible}
body.home-page .season-glyph{display:none;fill:none;stroke:var(--accent);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
body.home-page .season-glyph.season-spring path{fill:#7bc7a4;fill-opacity:.2;stroke:#8bcda9}body.home-page .season-glyph.season-spring circle{fill:#e99b57;stroke:#f2c383}
body.home-page .season-glyph.season-summer circle{fill:#edb763;stroke:#f4cc79}body.home-page .season-glyph.season-summer path{stroke:#edb763}
body.home-page .season-glyph.season-autumn path:first-child{fill:#c47a3d;fill-opacity:.3;stroke:#e99b57}body.home-page .season-glyph.season-autumn path:last-child{stroke:#edb278}
body.home-page .season-glyph.season-winter{stroke:#9bcde4}
body.home-page[data-season="spring"] .season-spring,body.home-page[data-season="summer"] .season-summer,body.home-page[data-season="autumn"] .season-autumn,body.home-page[data-season="winter"] .season-winter{display:block}
body.home-page .header-actions{grid-column:2;grid-row:1;flex:none!important;min-width:0!important;width:100%;align-items:flex-end!important;gap:12px!important}
.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.weather-grid .temp-value,.weather-grid .rain-today>strong{font-size:62px!important;line-height:1!important;letter-spacing:-3px!important}
.weather-grid .humidity-value,.weather-grid .wind-data .value,.weather-grid .pressure-layout .value{font-size:43px!important;line-height:1.08!important}
.weather-grid .humidity-value{margin-top:0!important}
.rain-symbol{display:grid;place-items:center}
.rain-symbol svg{width:31px;height:31px;fill:none;stroke:#f0bd91;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.seasonal-mark{display:none!important}
@media(max-width:700px){body.home-page .topbar{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:13px 2px!important}body.home-page .brand{grid-column:1;grid-row:1}body.home-page .header-actions{grid-column:1;grid-row:2;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}body.home-page .place{margin-left:70px!important}}
@media(max-width:540px){body.home-page .intro h1{font-size:24px!important}.weather-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"temperature" "rain" "humidity" "wind" "pressure"!important}.weather-grid>.temperature-card{grid-area:temperature;grid-column:1!important}.weather-grid>.rain-card{grid-area:rain;grid-column:1!important}.weather-grid>.humidity-card{grid-area:humidity;grid-column:1!important}.weather-grid>.wind{grid-area:wind;grid-column:1!important}.weather-grid>.pressure-card{grid-area:pressure;grid-column:1!important}.weather-grid .temp-value,.weather-grid .rain-today>strong{font-size:52px!important;line-height:1!important;letter-spacing:-2.5px!important}.weather-grid .humidity-value,.weather-grid .wind-data .value,.weather-grid .pressure-layout .value{font-size:40px!important;line-height:1.08!important}.weather-grid>.rain-card{min-height:unset!important}.weather-grid .rain-main{grid-template-columns:minmax(128px,.9fr) minmax(0,1.8fr)!important}.weather-grid .rain-today>strong{font-size:52px!important}body.home-page .brand-name{font-size:31px!important}body.home-page .brand-mark{width:48px!important;height:43px!important}body.home-page .brand-identity{gap:10px}body.home-page .place{margin-left:58px!important;font-size:9px!important;letter-spacing:1.4px!important}body.home-page .place strong{font-size:13px}body.home-page .season-icon{width:25px;height:25px;margin-left:1px}}
@media(max-width:370px){.weather-grid .temp-value,.weather-grid .rain-today>strong{font-size:46px!important;letter-spacing:-2px!important}.weather-grid .humidity-value,.weather-grid .wind-data .value,.weather-grid .pressure-layout .value{font-size:36px!important}body.home-page .brand-name{font-size:27px!important}body.home-page .brand-mark{width:43px!important;height:39px!important}body.home-page .brand-identity{gap:8px}body.home-page .place{margin-left:51px!important}body.home-page .header-actions .history-link{font-size:11px!important}.weather-grid .rain-main{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.weather-grid .rain-today{border-right:0!important;border-bottom:1px solid #64514a;padding:0 0 10px!important}.weather-grid .rain-stats{padding-left:0!important}}

/* Retocs finals: capçalera clara, valors alineats i rosa simplificada */
body.home-page .topbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;min-height:0!important;height:auto!important;padding:0!important;margin:0 0 4px!important;border:0!important;border-radius:17px!important;overflow:hidden;background:transparent!important;box-shadow:0 10px 28px #0002!important}
body.home-page .brand{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0;min-height:112px;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:clamp(18px,4vw,42px)!important;padding:19px 24px!important;margin:0!important;border:1px solid #aabcc5!important;border-bottom:0!important;border-radius:17px 17px 0 0!important;background:linear-gradient(115deg,#dce6e9 0%,#ccdbe0 60%,#c3d2d9 100%)!important;text-decoration:none}
body.home-page .brand-identity{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:14px!important;min-width:0}
body.home-page .brand-mark{width:58px!important;height:51px!important;flex:none}
body.home-page .brand-mark .logo-cloud{fill:#536b7a!important}
body.home-page .brand-mark .logo-sun{fill:#e99b57!important}
body.home-page .brand-mark .logo-rain{stroke:#528eae!important}
body.home-page .brand-name{font-size:38px!important;line-height:1!important;letter-spacing:1.7px!important;white-space:nowrap}
body.home-page .brand-name span{color:#243746!important}
body.home-page .brand-name b{color:#b96b35!important}
body.home-page .place{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:2px 0 2px clamp(18px,3vw,34px)!important;border-left:1px solid #95aab4!important;color:#415867!important;font-size:11px!important;line-height:1.3!important;letter-spacing:1.4px!important;font-weight:700!important}
body.home-page .place strong{color:#203542!important;font-size:16px!important;letter-spacing:1.15px!important}
body.home-page .header-actions{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 20px!important;border:1px solid #a3b7c0!important;border-top:1px solid #b6c6cd!important;border-radius:0 0 17px 17px!important;background:linear-gradient(100deg,#becdd3,#b2c3ca)!important}
body.home-page .connection{margin:0!important;color:#2c4350!important;font-size:13px!important;font-weight:600!important}
body.home-page .connection i{width:9px!important;height:9px!important}
body.home-page .history-link{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:8px 12px!important;border:1px solid #405a6a!important;border-radius:9px!important;background:#304858!important;color:#f0f5f7!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 3px 9px #20313d30!important}
body.home-page .history-link span{color:#f0f5f7!important}
body.home-page .history-link:hover{background:#263e4d!important}
body.home-page .intro{padding-top:23px!important}
.weather-grid>.wind{background:linear-gradient(135deg,rgba(211,226,233,.17),rgba(154,180,194,.09) 74%),#1d2e3c!important;border-color:#435866!important}
.weather-grid>.pressure-card{background:linear-gradient(135deg,rgba(211,226,233,.15),rgba(171,184,210,.08) 76%),#222b3b!important;border-color:#465161!important}
.rain-main{grid-template-columns:minmax(150px,.95fr) minmax(0,2fr)!important;align-items:stretch!important;gap:0!important}
.rain-today{grid-template-columns:minmax(0,1fr)!important;align-content:center!important;align-items:start!important;justify-items:start!important;gap:6px!important;padding-right:22px!important}
.rain-today>span{grid-column:1!important;display:block!important;font-size:14px!important;line-height:1.3!important;color:#d8c9bd!important}
.rain-today>strong{grid-column:1!important;display:block!important;text-align:left!important;white-space:nowrap!important}
.rain-today>small{grid-column:1!important;display:block!important;margin-top:2px!important;font-size:14px!important;line-height:1.35!important;color:#c2ccd1!important}
.rain-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;padding-left:22px!important}
.rain-stats div{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0;padding:0 10px!important}
.rain-stats span{display:flex!important;align-items:flex-end!important;min-height:2.6em!important;margin:0 0 7px!important;font-size:13px!important;line-height:1.3!important;color:#c6b8ae!important}
.rain-stats strong{display:block!important;font-size:21px!important;line-height:1.2!important;white-space:nowrap!important}
.wind-detail{justify-content:flex-start!important;flex-wrap:wrap!important;column-gap:5px!important;row-gap:2px!important;font-size:13px!important}
.wind-detail b{margin:0!important;white-space:nowrap}
.wind-name{display:inline!important;max-width:none!important;margin:0!important;font-size:12px!important;white-space:nowrap!important;color:#edc39e!important}
.wind-name:before{content:"—";display:inline-block;margin:0 5px;color:#a9bac5}
.gust{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:8px!important;white-space:nowrap;font-size:13px!important}
.gust strong{float:none!important;margin:0!important;font-size:14px!important;color:#edf4f8!important}
.wind-compass{position:relative!important;display:block!important;width:140px!important;height:140px!important;min-width:0!important;min-height:0!important;justify-self:center!important;align-self:center!important}
.weather-grid .wind-rose{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:88px!important;height:88px!important;border:1px solid #728692!important;border-radius:50%!important;background:radial-gradient(circle,#d1dee3 0 2px,#31434f 3px 100%)!important;box-shadow:inset 0 0 0 3px #2b3e49,0 4px 12px #07121b38!important}
.wind-rose:before,.wind-rose:after{display:none!important}
.compass-point{position:absolute!important;z-index:2;color:#d9e4e9!important;font:700 8px/1 'DM Sans',Arial,sans-serif!important;text-shadow:0 1px 3px #1119;white-space:nowrap}
.compass-n{top:0;left:50%;transform:translateX(-50%);color:#ffd09a!important}
.compass-ne{top:17%;right:13%;transform:translate(50%,-50%)}
.compass-e{top:50%;right:0;transform:translateY(-50%);color:#ffd09a!important}
.compass-se{right:13%;bottom:17%;transform:translate(50%,50%)}
.compass-s{bottom:0;left:50%;transform:translateX(-50%);color:#ffd09a!important}
.compass-sw{left:13%;bottom:17%;transform:translate(-50%,50%)}
.compass-w{left:0;top:50%;transform:translateY(-50%);color:#ffd09a!important}
.compass-nw{left:13%;top:17%;transform:translate(-50%,-50%)}
.rose-needle{position:absolute!important;z-index:3!important;left:calc(50% - 4px)!important;bottom:50%!important;width:8px!important;height:38%!important;transform-origin:50% 100%!important;clip-path:polygon(50% 0,100% 100%,50% 82%,0 100%);border:0!important;border-radius:0!important;background:linear-gradient(180deg,#ffd5a4,#e99b57)!important;box-shadow:none!important}
.rose-needle:before{display:none!important}
.rose-center{position:absolute!important;z-index:4!important;top:50%!important;left:50%!important;width:8px!important;height:8px!important;transform:translate(-50%,-50%)!important;background:#ffd09a!important;border:2px solid #31434f!important}
@media(max-width:700px){body.home-page .brand{min-height:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px!important;padding:17px 18px!important}body.home-page .brand-identity{grid-column:1!important;grid-row:1!important}body.home-page .place{grid-column:1!important;grid-row:2!important;margin:0 0 0 58px!important;padding:0!important;border:0!important;font-size:9px!important;letter-spacing:1.25px!important}body.home-page .place strong{font-size:14px!important}body.home-page .header-actions{padding:9px 14px!important}body.home-page .connection{font-size:12px!important}.rain-main{grid-template-columns:minmax(130px,.9fr) minmax(0,1.8fr)!important}.rain-today{padding-right:12px!important}.rain-stats{padding-left:11px!important}.rain-stats div{padding:0 6px!important}.rain-stats span{font-size:12px!important}.rain-stats strong{font-size:18px!important}.wind-layout{grid-template-columns:minmax(0,1fr) 118px!important;min-height:145px!important}.wind-compass{width:116px!important;height:116px!important}.weather-grid .wind-rose{width:74px!important;height:74px!important}.compass-point{font-size:7px!important}.wind-name{font-size:11px!important}}
@media(max-width:370px){body.home-page .brand-identity{gap:8px!important}body.home-page .brand-name{font-size:25px!important}body.home-page .brand-mark{width:40px!important;height:36px!important}body.home-page .place{margin-left:48px!important}body.home-page .header-actions{gap:8px!important;padding:8px 10px!important}body.home-page .connection{font-size:10px!important}body.home-page .history-link{font-size:10px!important;padding:7px 8px!important}.rain-main{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.rain-today{border-right:0!important;border-bottom:1px solid #64514a!important;padding:0 0 10px!important}.rain-stats{padding-left:0!important}.rain-stats div{padding:0 8px!important}.rain-stats span{min-height:2.6em!important}.wind-layout{grid-template-columns:minmax(0,1fr) 100px!important;min-height:118px!important}.wind-compass{width:98px!important;height:98px!important}.weather-grid .wind-rose{width:62px!important;height:62px!important}.compass-point{font-size:6px!important}.gust{gap:5px!important;font-size:12px!important}.gust strong{font-size:13px!important}}

/* Ajustos complementaris: freqüència, intensitat i franges de capçalera */
body.home-page .brand{background:linear-gradient(115deg,#cfdadd 0%,#c3cfd3 60%,#bac7cc 100%)!important;border-color:#9cabb1!important}
body.home-page .place{color:#3d535f!important}
body.home-page .place strong{color:#1e303b!important}
body.home-page .header-actions{background:linear-gradient(100deg,#384b57,#30434f)!important;border-color:#526671!important;border-top-color:#536a77!important}
body.home-page .connection{color:#edf3f6!important}

/* Separa subtilment la capçalera i manté marca i descripció als extrems en mòbil. */
body.home-page .topbar{border:1px solid #344858!important;border-radius:18px!important;background:linear-gradient(145deg,#172530,#111d27)!important;box-shadow:0 12px 30px #0004!important;margin-bottom:15px!important}
body.home-page .updated .connection{justify-content:flex-end;margin-top:3px;font-size:10px!important;gap:6px!important}
@media(max-width:700px){body.home-page .brand{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;justify-items:stretch!important;text-align:left!important;gap:8px!important}body.home-page .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:start!important;justify-content:flex-start!important;gap:6px!important;min-width:0}body.home-page .brand-mark{width:42px!important;height:38px!important}body.home-page .brand-name{font-size:24px!important;letter-spacing:.8px!important}body.home-page .place{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-items:flex-end!important;text-align:right!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;font-size:7.5px!important;line-height:1.25!important;letter-spacing:.3px!important}body.home-page .place strong{font-size:10px!important;letter-spacing:.25px!important}body.home-page .updated .connection{font-size:10px!important}}
@media(max-width:370px){body.home-page .brand{gap:6px!important}body.home-page .brand-mark{width:34px!important;height:32px!important}body.home-page .brand-name{font-size:21px!important;letter-spacing:.5px!important}body.home-page .place{max-width:46%!important;font-size:7px!important;letter-spacing:.15px!important}body.home-page .place strong{font-size:9px!important}.updated{font-size:9px!important}.updated .connection{font-size:9px!important}}
body:not(.home-page) .topbar{border:1px solid #344858!important;border-radius:16px!important;background:linear-gradient(145deg,#172530,#111d27)!important;box-shadow:0 12px 30px #0004!important;margin-bottom:14px!important}
@media(max-width:700px){body:not(.home-page) .topbar{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:8px 10px!important;padding:12px!important}.topbar>.brand{grid-column:1!important;grid-row:1!important;min-width:0}.topbar>.place{display:block!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;text-align:right!important;font-size:9px!important;line-height:1.25!important;max-width:145px!important}.topbar>.history-link{grid-column:2!important;grid-row:2!important;justify-self:end!important;margin:0!important}}
@media(max-width:370px){body:not(.home-page) .topbar{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:9px!important}.topbar>.brand{gap:5px!important}.topbar>.brand-mark{width:30px!important;height:30px!important}.topbar>.brand-name{font-size:18px!important;letter-spacing:.5px!important}.topbar>.place{max-width:115px!important;font-size:8px!important}}
body.home-page .history-link{background:#4a606e!important;border-color:#82949d!important;color:#f5f7f8!important}
body.home-page .history-link span{color:#f5f7f8!important}
body.home-page .history-link:hover{background:#536b79!important}
body.home-page .intro h1{margin-bottom:0!important}
body.home-page .data-frequency{margin:5px 0 0!important;color:#9cadb8!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.15px}
.rain-rate{display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap;color:#c4d1d9!important;font-size:14px!important;line-height:1.35!important}
.rain-rate strong{color:#f2d0ac!important;font-size:14px!important;font-weight:700!important;white-space:nowrap}
@media(max-width:540px){body.home-page .data-frequency{font-size:12px!important}.rain-rate{font-size:12px!important}.rain-rate strong{font-size:13px!important}.rain-stats{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:8px 0 0!important}.rain-stats div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:7px 4px!important;border-right:0!important;border-bottom:1px solid #554842!important}.rain-stats div:last-child{border-bottom:0!important}.rain-stats span{display:block!important;min-height:0!important;margin:0!important;align-self:center!important;font-size:13px!important;line-height:1.3!important}.rain-stats strong{justify-self:end!important;font-size:19px!important}}

/* Retocs visuals demanats: tardor, ubicació a la dreta i títols més visibles */
body.home-page .brand{background:linear-gradient(115deg,#c8b8a5 0%,#bca991 58%,#b09c82 100%)!important;border-color:#99876f!important}
body.home-page .brand-name span{color:#263541!important;text-shadow:0 1px 0 #ffffff55}
body.home-page .brand-name b{color:#a34f25!important;text-shadow:0 1px 0 #ffffff55}
body.home-page .brand-mark .logo-sun{fill:#c66d32!important}
body.home-page .brand-mark .logo-cloud{fill:#43545d!important}
body.home-page .brand-mark .logo-rain{stroke:#557f91!important}
@media(min-width:701px){body.home-page .place{justify-self:end!important;text-align:right!important;align-items:flex-end!important;width:max-content!important;max-width:100%!important}}
body.home-page .header-actions{background:linear-gradient(100deg,#493f35,#403a35)!important;border-color:#685746!important;border-top-color:#756149!important}
body.home-page .history-link{background:#67513d!important;border-color:#9b7753!important}
body.home-page .history-link:hover{background:#765b42!important}
.weather-grid .metric-head,.weather-grid .rain-heading h2{color:#efbd86!important;text-shadow:0 1px 8px #e99b571c}

/* Capçalera clara original, amb marca ampliada i centrada en mòbil */
body.home-page .brand{background:linear-gradient(115deg,#dce6e9 0%,#ccdbe0 60%,#c3d2d9 100%)!important;border-color:#aabcc5!important}
body.home-page .header-actions{background:linear-gradient(100deg,#384b57,#30434f)!important;border-color:#526671!important;border-top-color:#536a77!important}
body.home-page .history-link{background:#4a606e!important;border-color:#82949d!important}
body.home-page .history-link:hover{background:#536b79!important}
body.home-page .brand-name span{color:#243746!important;text-shadow:none}
body.home-page .brand-name b{color:#b96b35!important;text-shadow:none}
body.home-page .brand-mark .logo-cloud{fill:#536b7a!important}
body.home-page .brand-mark .logo-sun{fill:#e99b57!important}
body.home-page .brand-mark .logo-rain{stroke:#528eae!important}
body.home-page .place{color:#3d535f!important}
body.home-page .place strong{color:#1e303b!important}
@media(min-width:701px){body.home-page .brand-mark{width:68px!important;height:60px!important}body.home-page .brand-name{font-size:42px!important}}
@media(max-width:700px){body.home-page .brand{justify-items:center!important;text-align:center!important}body.home-page .brand-identity{justify-content:center!important}body.home-page .place{justify-self:center!important;align-items:center!important;text-align:center!important;margin:0!important;width:100%!important}body.home-page .brand-mark{width:58px!important;height:52px!important}body.home-page .brand-name{font-size:38px!important}}
body.home-page .history-link{background:linear-gradient(135deg,#d18a4f,#b96b35)!important;border:1px solid #f0bf8e!important;color:#fffaf4!important;box-shadow:0 3px 11px #10192366, inset 0 1px 0 #ffffff40!important}
body.home-page .history-link span{color:#fffaf4!important}
body.home-page .history-link:hover{background:linear-gradient(135deg,#df9b61,#c57a42)!important;transform:translateY(-1px)}
/* Retorn a la paleta blavosa original de la capçalera */
body.home-page .brand{background:linear-gradient(115deg,#344858 0%,#2f4352 60%,#2b3e4c 100%)!important;border-color:#536876!important}
body.home-page .brand-name span{color:#f0f5f7!important}
body.home-page .brand-name b{color:#e99b57!important}
body.home-page .brand-mark .logo-cloud{fill:#d9e7f0!important}
body.home-page .brand-mark .logo-sun{fill:#e99b57!important}
body.home-page .brand-mark .logo-rain{stroke:#83bde0!important}
body.home-page .place{color:#c0ced9!important}
body.home-page .place strong{color:#edf4f8!important}
body.home-page .header-actions{background:linear-gradient(100deg,#101923,#151f29)!important;border-color:#2b3b4b!important;border-top-color:#2b3b4b!important}
body.home-page .history-link{background:#4a606e!important;border-color:#82949d!important;color:#f5f7f8!important;box-shadow:0 3px 9px #0003!important}
body.home-page .history-link span{color:#f5f7f8!important}
body.home-page .history-link:hover{background:#536b79!important;transform:none}
/* Capçalera amb el fons original de la pàgina i botó d'històric discret */
body.home-page .brand{background:transparent!important;border-color:transparent!important}
body.home-page .brand-name{font-size:46px!important;letter-spacing:2px!important}
body.home-page .brand-mark{width:74px!important;height:66px!important}
body.home-page .history-link{background:rgba(229,176,138,.12)!important;border:1px solid rgba(229,176,138,.28)!important;border-radius:9px!important;box-shadow:none!important;color:#e5b08a!important;padding:8px 10px!important}
body.home-page .history-link span{color:#e5b08a!important}
body.home-page .history-link:hover{background:rgba(229,176,138,.19)!important;transform:none}

/* Separació subtil de la capçalera també a la pàgina Històric. */
body:not(.home-page) .topbar{border:1px solid #344858!important;border-radius:16px!important;background:linear-gradient(145deg,#172530,#111d27)!important;box-shadow:0 12px 30px #0004!important;margin-bottom:14px!important;padding:14px 18px!important}
@media(max-width:700px){body:not(.home-page) .topbar{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:8px 10px!important;padding:12px!important}.topbar>.brand{grid-column:1!important;grid-row:1!important;min-width:0}.topbar>.place{display:block!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;text-align:right!important;font-size:11px!important;line-height:1.25!important;max-width:145px!important}.topbar>.history-link{grid-column:2!important;grid-row:2!important;justify-self:end!important;margin:0!important}}
@media(max-width:370px){body:not(.home-page) .topbar{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:9px!important}.topbar>.brand{gap:5px!important}.topbar>.brand .brand-mark{width:30px!important;height:30px!important}.topbar>.brand .brand-name{font-size:18px!important;letter-spacing:.5px!important}.topbar>.place{max-width:115px!important;font-size:9px!important}}

/* En mòbil, identitat a l'esquerra i observatori alineat a la dreta. */
@media(max-width:700px){body.home-page .topbar>.brand{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:14px 16px!important}.topbar>.brand .brand-identity{flex:0 0 auto!important;justify-content:flex-start!important}.topbar>.brand .place{flex:0 1 auto!important;width:auto!important;max-width:48%!important;margin:0!important;justify-self:auto!important;align-items:flex-end!important;text-align:right!important;line-height:1.25!important}.topbar>.brand .place span,.topbar>.brand .place strong{display:block!important}.topbar>.brand .place strong{font-size:12px!important}}
@media(max-width:370px){body.home-page .topbar>.brand{gap:6px!important;padding:12px 10px!important}.topbar>.brand .brand-mark{width:34px!important;height:32px!important}.topbar>.brand .brand-name{font-size:21px!important;letter-spacing:.4px!important}.topbar>.brand .place{max-width:45%!important;font-size:8px!important;letter-spacing:.5px!important}.topbar>.brand .place strong{font-size:10px!important}}

/* Marca comuna a portada i històric: sense icona lateral i amb marca d'aigua meteorològica. */
.topbar{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;height:auto!important;min-height:0!important;margin:0 0 18px!important;padding:0!important;border:1px solid #344858!important;border-radius:17px!important;overflow:hidden!important;background:transparent!important;box-shadow:0 10px 28px #0003!important}
.topbar>.brand{position:relative!important;isolation:isolate;grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:16px!important;width:100%!important;min-width:0!important;min-height:116px!important;padding:18px 22px!important;border:0!important;border-radius:0!important;background:linear-gradient(110deg,#293c4b,#263a49 68%,#223542)!important;color:#eef4f7!important;text-decoration:none!important;overflow:hidden!important}
.topbar>.brand::before{content:"";position:absolute;z-index:-1;inset:-25% -3% auto auto;width:min(58%,480px);height:170%;opacity:.085;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cpath fill='%23dce9ef' d='M15 54h77a17 17 0 0 0 0-34 27 27 0 0 0-50-5 19 19 0 0 0-27 18 11 11 0 0 0 0 21Z'/%3E%3Cpath d='m39 65-7 14m29-14-7 14m29-14-7 14' stroke='%23e99b57' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.topbar>.brand .brand-mark{display:none!important}
.topbar>.brand .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;align-items:center!important;gap:0!important;min-width:0!important}
.topbar>.brand .brand-name{position:relative;z-index:1;display:inline-block!important;color:#f0f5f7!important;font-size:46px!important;line-height:1!important;font-weight:800!important;letter-spacing:2px!important;text-shadow:none!important;white-space:nowrap!important}
.topbar>.brand .brand-name span{color:#f0f5f7!important}.topbar>.brand .brand-name b{color:#e99b57!important}
.topbar>.brand .place{position:relative;z-index:1;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-items:flex-end!important;display:flex!important;flex-direction:column!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;color:#c0ced9!important;font-size:12px!important;font-weight:600!important;letter-spacing:1.25px!important;text-align:right!important;line-height:1.45!important}
.topbar>.brand .place span,.topbar>.brand .place strong{display:block!important}.topbar>.brand .place strong{color:#edf4f8!important;font-size:16px!important;letter-spacing:1.6px!important}
.topbar>.header-actions{position:relative;z-index:1;grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-width:0!important;padding:10px 20px!important;border:0!important;border-top:1px solid #35495a!important;border-radius:0!important;background:linear-gradient(100deg,#192733,#1c2b37)!important}
.topbar .connection,.topbar .archive-status{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#c6d3dc!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important}.topbar .connection i,.topbar .archive-status i{width:9px;height:9px;border-radius:50%;background:#8d9ca6;box-shadow:0 0 0 3px #8d9ca622}.topbar .connection i.ok,.topbar .archive-status i{background:#78c69a;box-shadow:0 0 0 3px #78c69a22}.topbar .connection i.error{background:#db8580;box-shadow:0 0 0 3px #db858022}
.topbar .history-link{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:9px 13px!important;border:1px solid #82949d!important;border-radius:9px!important;background:#4a606e!important;box-shadow:0 3px 9px #0003!important;color:#f5f7f8!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important}.topbar .history-link span{color:#f5f7f8!important}.topbar .history-link:hover{background:#536b79!important;transform:none!important}
.site-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;padding:18px 2px 24px!important;border-top:1px solid #2b3b48!important;color:#9aabba!important;font-size:11px!important}
.footer-identity{display:flex!important;align-items:baseline!important;gap:11px!important;flex-wrap:wrap!important}.footer-brand{font:800 16px/1 Manrope,sans-serif!important;letter-spacing:1.1px!important;color:#f0f5f7!important}.footer-brand span{color:#f0f5f7!important}.footer-brand b{color:#e99b57!important}.footer-links{display:flex!important;align-items:center!important;gap:15px!important}.footer-links a{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#b9c7d0!important;text-decoration:none!important;font-size:11px!important}.footer-links a:hover{color:#e99b57!important}.footer-links svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}.footer-links .icon-dot{fill:currentColor!important;stroke:none!important}.footer-copy{color:#8295a3!important;font-size:10px!important}
@media(max-width:700px){.topbar>.brand{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:center!important;gap:10px!important;min-height:0!important;padding:16px 18px!important;text-align:center!important}.topbar>.brand .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:center!important}.topbar>.brand .place{grid-column:1!important;grid-row:2!important;justify-self:center!important;align-items:center!important;text-align:center!important;max-width:100%!important;font-size:10px!important;letter-spacing:1px!important}.topbar>.brand .place strong{font-size:13px!important}.topbar>.brand::before{inset:-30% auto auto 50%;transform:translateX(-50%);width:84%;height:180%;opacity:.075}.topbar>.header-actions{padding:9px 14px!important}.topbar .connection,.topbar .archive-status{font-size:12px!important}.topbar .history-link{font-size:12px!important;padding:8px 10px!important}.site-footer{justify-content:center!important;text-align:center!important;gap:12px!important}.footer-identity{justify-content:center!important}.footer-links{justify-content:center!important}.footer-copy{flex:1 0 100%!important}}
@media(max-width:370px){.topbar>.brand .brand-name{font-size:37px!important;letter-spacing:1.3px!important}.topbar>.header-actions{padding:8px 10px!important;gap:8px!important}.topbar .connection,.topbar .archive-status{font-size:10px!important;gap:6px!important}.topbar .history-link{font-size:10px!important;padding:7px 8px!important}.footer-links{gap:10px!important}.site-footer{font-size:10px!important}}

/* Capçalera d'identitat comuna, amb la icona meteorològica centrada com a marca d'aigua. */
.topbar{display:block!important;margin-bottom:18px!important;border-bottom:0!important}
.topbar>.brand{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;grid-template-rows:auto!important;min-height:116px!important;padding:18px 22px!important}
.topbar>.brand::before{inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:190px!important;height:112px!important;opacity:.16!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Ccircle cx='79' cy='23' r='13' fill='%23e99b57'/%3E%3Cpath fill='%23dce9ef' d='M15 55h76a17 17 0 0 0 0-34 27 27 0 0 0-50-5 19 19 0 0 0-27 18 11 11 0 0 0 1 21Z'/%3E%3Cpath d='m38 66-7 13m29-13-7 13m29-13-7 13' stroke='%2383bde0' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E")!important}
.topbar>.brand .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.topbar>.brand .place{grid-column:2!important;grid-row:1!important}
.topbar>.header-actions{display:none!important}
.intro-history-link{margin:8px 0 0!important}
.updated .connection{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin-top:4px!important;font-size:12px!important;color:#c6d3dc!important}
.updated .connection i{width:8px;height:8px;border-radius:50%;background:#8d9ca6}.updated .connection i.ok{background:#78c69a}.updated .connection i.error{background:#db8580}
.intro-history-link{border-color:#82949d!important;background:#4a606e!important;color:#f5f7f8!important;font-size:12px!important;padding:8px 11px!important;box-shadow:0 3px 9px #0003!important}
.site-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:15px 2px 22px!important}
.footer-identity{display:inline-flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:5px!important;white-space:nowrap!important;color:#9aabba!important;font-size:10px!important}
.footer-brand{font:700 9px/1 'DM Sans',sans-serif!important;letter-spacing:1px!important;color:#d2dee7!important;white-space:nowrap!important}
.footer-brand span{color:#d2dee7!important}.footer-brand b{color:#e99b57!important}
.footer-meta{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:5px!important}
.footer-links{justify-content:flex-end!important;gap:13px!important}.footer-links a{font-size:10px!important}.footer-links svg{width:14px!important;height:14px!important}.footer-copy{font-size:9px!important;text-align:right!important;white-space:nowrap!important}
.archive-page .intro{width:100%!important;align-items:flex-start!important;justify-content:space-between!important;text-align:left!important;padding-left:0!important}
.archive-page .intro>div{margin:0!important;padding:0!important;text-align:left!important}
@media(max-width:700px){.topbar>.brand{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:center!important;gap:9px!important;min-height:0!important;padding:15px 16px!important;text-align:center!important}.topbar>.brand .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:center!important}.topbar>.brand .place{grid-column:1!important;grid-row:2!important;justify-self:center!important;align-items:center!important;width:auto!important;max-width:100%!important;text-align:center!important}.topbar>.brand::before{width:170px!important;height:100px!important;opacity:.18!important}.archive-page .intro{align-items:flex-start!important;flex-direction:row!important;width:100%!important;margin-left:0!important;padding:21px 0 8px!important;text-align:left!important}.archive-page .intro h1{font-size:34px!important}.archive-page .intro>div{margin:0!important}.site-footer{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.footer-identity{font-size:9px!important;gap:4px!important}.footer-brand{font-size:8px!important}.footer-links{gap:8px!important}.footer-links a{font-size:9px!important}.footer-copy{font-size:8px!important}.updated .connection{justify-content:flex-start!important}}
@media(max-width:540px){.topbar>.brand{gap:8px!important;padding:14px 12px!important}.topbar>.brand .brand-name{font-size:38px!important;letter-spacing:1.2px!important}.topbar>.brand .place{font-size:9px!important;letter-spacing:.8px!important}.topbar>.brand .place strong{font-size:12px!important}.archive-page .intro{flex-direction:column!important;align-items:flex-start!important;padding-top:21px!important}.archive-page .intro h1{font-size:27px!important}.archive-page .intro>div{width:100%!important}.archive-page .intro .subtitle{max-width:100%!important}.archive-page .intro-history-link{align-self:flex-start!important}.site-footer{grid-template-columns:minmax(0,1fr)!important;justify-items:start!important}.footer-identity{justify-self:start!important}.footer-meta{align-items:flex-start!important}.footer-copy{text-align:left!important}}

/* Estat i botons en una franja pròpia entre la marca i el contingut. */
.topbar{margin-bottom:0!important}
.topbar>.brand::before{content:none!important;display:none!important;background-image:none!important}
.header-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:50px!important;margin:0 0 18px!important;padding:8px 14px!important;border:1px solid #2e414f!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:linear-gradient(100deg,#192733,#1c2b37)!important}
.archive-strip{justify-content:flex-end!important}
.header-strip .connection{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#c6d3dc!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important}
.header-strip .connection i{width:9px;height:9px;border-radius:50%;background:#8d9ca6;box-shadow:0 0 0 3px #8d9ca622}.header-strip .connection i.ok{background:#78c69a;box-shadow:0 0 0 3px #78c69a22}.header-strip .connection i.error{background:#db8580;box-shadow:0 0 0 3px #db858022}
.header-strip .history-link{margin:0!important}
body.home-page .intro h1,.archive-page .intro h1{font-size:34px!important}
.footer-links{flex-direction:column!important;align-items:flex-end!important;gap:5px!important}
.footer-brand,.footer-brand span,.footer-brand b{font-size:9px!important;line-height:1!important}
@media(max-width:700px){.header-strip{min-height:46px!important;padding:7px 11px!important;margin-bottom:15px!important}.header-strip .connection{font-size:12px!important}.header-strip .history-link{font-size:11px!important;padding:7px 9px!important}.footer-meta{align-items:flex-end!important}.footer-links{align-items:flex-end!important}.footer-copy{text-align:right!important}}
@media(max-width:540px){body.home-page .intro h1,.archive-page .intro h1{font-size:27px!important}.footer-meta{align-items:flex-end!important}.footer-links{align-items:flex-end!important}.footer-copy{text-align:right!important}}

/* Capçalera compartida amb el símbol meteorològic original. */
.topbar{border:1px solid rgba(233,155,87,.42)!important;border-bottom:0!important;border-radius:17px 17px 0 0!important}
.topbar>.brand{grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important}
.topbar>.brand::before{content:none!important;display:none!important}
.topbar>.brand .brand-identity{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important}
.topbar>.brand .brand-mark{display:block!important;flex:0 0 auto!important;width:54px!important;height:48px!important}
.topbar>.brand .brand-mark .logo-sun{fill:#e99b57!important}.topbar>.brand .brand-mark .logo-cloud{fill:#d9e7f0!important}.topbar>.brand .brand-mark .logo-rain{stroke:#83bde0!important}
.header-strip{border:1px solid rgba(233,155,87,.42)!important;border-top:0!important;border-radius:0 0 12px 12px!important}
.header-strip .history-link{background:rgba(229,176,138,.12)!important;border:1px solid rgba(229,176,138,.28)!important;border-radius:9px!important;box-shadow:none!important;color:#e5b08a!important}
.header-strip .history-link span{color:#e5b08a!important}.header-strip .history-link:hover{background:rgba(229,176,138,.19)!important;transform:none!important}
.site-footer{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
.footer-identity{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-width:0!important;white-space:normal!important}
.footer-line{display:flex!important;align-items:baseline!important;white-space:nowrap!important;font-size:10px!important;color:#9aabba!important}
.footer-brand,.footer-brand span,.footer-brand b{font-size:9px!important;line-height:1!important}
.footer-description{color:#8295a3!important;font-size:9px!important;line-height:1.35!important}
.footer-meta{align-items:flex-end!important;justify-self:end!important;gap:6px!important;min-width:0!important}
.footer-links{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important}
.footer-links a{font-size:10px!important;white-space:nowrap!important}
@media(max-width:700px){.topbar>.brand{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;grid-template-rows:auto!important;justify-items:stretch!important;align-items:center!important;gap:8px!important;padding:15px 13px!important;text-align:initial!important}.topbar>.brand .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:start!important;gap:7px!important}.topbar>.brand .brand-mark{width:35px!important;height:33px!important}.topbar>.brand .brand-name{font-size:clamp(18px,4vw,25px)!important;letter-spacing:.7px!important}.topbar>.brand .place{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-items:flex-end!important;width:100%!important;max-width:100%!important;font-size:9px!important;line-height:1.35!important;text-align:right!important;letter-spacing:.7px!important}.topbar>.brand .place strong{font-size:11px!important;letter-spacing:.8px!important}.header-strip{margin-bottom:15px!important}.site-footer{grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;gap:9px!important}.footer-identity{justify-self:start!important;align-items:flex-start!important;max-width:100%!important}.footer-line{font-size:9px!important}.footer-description{max-width:100%!important;font-size:8px!important}.footer-meta{align-items:flex-end!important;justify-self:end!important}.footer-links{align-items:flex-end!important}.footer-links a{font-size:9px!important}.footer-copy{font-size:8px!important;text-align:right!important}}
@media(max-width:370px){.topbar>.brand{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:5px!important;padding:12px 9px!important}.topbar>.brand .brand-identity{gap:4px!important}.topbar>.brand .brand-mark{width:27px!important;height:27px!important}.topbar>.brand .brand-name{font-size:17px!important;letter-spacing:.3px!important}.topbar>.brand .place{font-size:8px!important;letter-spacing:.2px!important}.topbar>.brand .place strong{font-size:9px!important;letter-spacing:.2px!important}.footer-line{font-size:8px!important}.footer-brand,.footer-brand span,.footer-brand b{font-size:8px!important}.footer-description{font-size:7px!important}.footer-links a{font-size:8px!important}}

/* Correcció: el marc envolta només el bloc de marca, i els dos HTML comparteixen colors i símbol. */
.topbar{display:block!important;margin:0!important;padding:0!important;border:1px solid rgba(233,155,87,.48)!important;border-radius:17px!important;overflow:hidden!important;background:#293c4b!important;box-shadow:0 10px 28px #0003!important}
body.home-page .topbar>.brand,body.archive-page .topbar>.brand{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:16px!important;width:100%!important;min-height:116px!important;margin:0!important;padding:18px 22px!important;border:0!important;border-radius:0!important;background:linear-gradient(110deg,#293c4b,#263a49 68%,#223542)!important;color:#eef4f7!important;text-decoration:none!important}
body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{display:block!important;flex:0 0 auto!important;width:54px!important;height:48px!important;fill:#fff!important}
body.home-page .topbar>.brand .brand-mark .logo-sun,body.home-page .topbar>.brand .brand-mark .logo-cloud,body.archive-page .topbar>.brand .brand-mark .logo-sun,body.archive-page .topbar>.brand .brand-mark .logo-cloud{fill:#fff!important}
body.home-page .topbar>.brand .brand-mark .logo-rain,body.archive-page .topbar>.brand .brand-mark .logo-rain{stroke:#fff!important}
body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{display:flex!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;align-items:center!important;gap:12px!important;min-width:0!important}
body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:46px!important;letter-spacing:2px!important;line-height:1!important}
body.home-page .topbar>.brand .place,body.archive-page .topbar>.brand .place{grid-column:2!important;grid-row:1!important;justify-self:end!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;text-align:right!important;color:#c0ced9!important;font-size:12px!important;line-height:1.45!important;letter-spacing:1.25px!important}
body.home-page .topbar>.brand .place strong,body.archive-page .topbar>.brand .place strong{color:#edf4f8!important;font-size:16px!important;letter-spacing:1.6px!important}
.header-strip,.header-strip.archive-strip{min-height:0!important;margin:0 0 18px!important;padding:10px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.header-strip .history-link,.header-strip .history-link:hover{background:rgba(229,176,138,.12)!important;border:1px solid rgba(229,176,138,.28)!important;border-radius:9px!important;box-shadow:none!important;color:#e5b08a!important;transform:none!important}
.header-strip .history-link span{color:#e5b08a!important}
.footer-subline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline!important;gap:8px!important;width:100%!important}
.footer-subline .footer-copy{justify-self:end!important;white-space:nowrap!important}
.footer-links a[href^="https://olotemps.cat"]{display:inline-flex!important}
.footer-meta{align-items:flex-end!important;justify-content:center!important}
@media(max-width:700px){body.home-page .topbar>.brand,body.archive-page .topbar>.brand{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;grid-template-rows:auto!important;gap:7px!important;min-height:0!important;padding:13px 12px!important}.topbar>.brand .brand-identity{grid-column:1!important;grid-row:1!important;justify-self:start!important;gap:6px!important}.topbar>.brand .brand-mark{width:35px!important;height:33px!important}.topbar>.brand .brand-name{font-size:clamp(20px,6vw,28px)!important;letter-spacing:.6px!important}.topbar>.brand .place{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-items:flex-end!important;width:100%!important;max-width:100%!important;font-size:8px!important;line-height:1.3!important;letter-spacing:.25px!important;text-align:right!important}.topbar>.brand .place span,.topbar>.brand .place strong{display:block!important;white-space:nowrap!important}.topbar>.brand .place strong{font-size:10px!important;letter-spacing:.35px!important}.header-strip,.header-strip.archive-strip{justify-content:space-between!important;margin-bottom:15px!important;padding:8px 1px!important}.site-footer{grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;gap:8px!important}.footer-identity{min-width:0!important}.footer-meta{justify-self:end!important;align-items:flex-end!important}.footer-links{align-items:flex-end!important}.footer-links a{font-size:9px!important}.footer-description{font-size:8px!important}.footer-copy{font-size:8px!important}}
@media(max-width:370px){body.home-page .topbar>.brand,body.archive-page .topbar>.brand{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:5px!important;padding:11px 9px!important}.topbar>.brand .brand-identity{gap:4px!important}.topbar>.brand .brand-mark{width:28px!important;height:27px!important}.topbar>.brand .brand-name{font-size:19px!important;letter-spacing:.25px!important}.topbar>.brand .place{font-size:7.5px!important}.topbar>.brand .place strong{font-size:9px!important;letter-spacing:.15px!important}.footer-brand,.footer-brand span,.footer-brand b{font-size:8px!important}.footer-line{font-size:8px!important}.footer-description,.footer-copy{font-size:7px!important}.footer-meta{max-width:105px!important}.footer-links a{font-size:8px!important}}

/* Revisió final: quadre translúcid només per a la capçalera principal; estructura igual a les dues pàgines. */
.topbar{position:relative!important;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:16px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:14px 18px!important;border:1px solid #e99b57!important;border-radius:17px!important;background:transparent!important;box-shadow:0 10px 28px #0003!important;overflow:visible!important}
body.home-page .topbar>.brand,body.archive-page .topbar>.brand{grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#eef4f7!important;text-decoration:none!important;overflow:visible!important}
body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important}
body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{display:block!important;flex:0 0 auto!important;width:54px!important;height:48px!important}
body.home-page .topbar>.brand .brand-mark .logo-sun,body.home-page .topbar>.brand .brand-mark .logo-cloud,body.archive-page .topbar>.brand .brand-mark .logo-sun,body.archive-page .topbar>.brand .brand-mark .logo-cloud{fill:#fff!important}
body.home-page .topbar>.brand .brand-mark .logo-rain,body.archive-page .topbar>.brand .brand-mark .logo-rain{stroke:#fff!important}
body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:46px!important;line-height:1!important;letter-spacing:2px!important}
body.home-page .topbar>.place,body.archive-page .topbar>.place{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:flex-end!important;justify-self:end!important;justify-content:center!important;flex-direction:column!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c0ced9!important;font-size:12px!important;line-height:1.45!important;letter-spacing:1.25px!important;text-align:right!important}
body.home-page .topbar>.place span,body.archive-page .topbar>.place span{display:block!important;white-space:nowrap!important}
body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{display:block!important;color:#edf4f8!important;font-size:16px!important;letter-spacing:1.6px!important;white-space:nowrap!important}
.header-strip,.header-strip.archive-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;margin:0 0 18px!important;padding:10px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.header-strip.archive-strip{justify-content:flex-end!important}
.header-strip .history-link,.header-strip .history-link:hover{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:9px 13px!important;border:1px solid rgba(229,176,138,.38)!important;border-radius:9px!important;background:rgba(229,176,138,.12)!important;box-shadow:none!important;color:#e5b08a!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;transform:none!important}
.header-strip .history-link span{color:#e5b08a!important}
.site-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;justify-content:space-between!important;gap:18px!important;padding:16px 2px 23px!important;border-top:1px solid #2b3b48!important;text-align:left!important}
.footer-identity{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;justify-self:start!important;gap:4px!important;min-width:0!important;text-align:left!important}
.footer-line{display:flex!important;align-items:baseline!important;gap:0!important;color:#9aabba!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important}
.footer-brand,.footer-brand span,.footer-brand b{font-size:9px!important;line-height:1!important;letter-spacing:1px!important}
.footer-brand{font-family:'DM Sans',sans-serif!important;font-weight:700!important;color:#d2dee7!important}
.footer-brand span{color:#d2dee7!important}.footer-brand b{color:#e99b57!important;font-weight:700!important}
.footer-copy,.footer-description{display:block!important;align-self:flex-start!important;justify-self:start!important;color:#8295a3!important;font-size:9px!important;line-height:1.35!important;text-align:left!important;white-space:normal!important}
.footer-meta{display:block!important;align-self:start!important;justify-self:end!important;margin:0!important;padding:0!important;text-align:right!important}
.footer-links{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;padding:0!important}
.footer-links a{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;color:#b9c7d0!important;text-decoration:none!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important}
.footer-links a:hover{color:#e99b57!important}.footer-links svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}.footer-links .icon-dot{fill:currentColor!important;stroke:none!important}
@media(max-width:700px){.topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;margin:0!important;padding:9px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.topbar>.brand{grid-column:1!important;grid-row:1!important;display:block!important;margin:0!important;padding:10px 12px!important;border:1px solid #e99b57!important;border-radius:12px!important;background:transparent!important}.topbar>.place{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important;padding:7px 5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c0ced9!important;font-size:9px!important;line-height:1.3!important;letter-spacing:.3px!important;text-align:left!important}.topbar>.place span{white-space:nowrap!important}.topbar>.place strong{white-space:nowrap!important;font-size:10px!important;letter-spacing:.35px!important}.topbar>.brand .brand-identity{gap:9px!important}.topbar>.brand .brand-mark{width:38px!important;height:35px!important}.topbar>.brand .brand-name{font-size:clamp(24px,7vw,32px)!important;letter-spacing:1px!important}.header-strip,.header-strip.archive-strip{margin:0 0 15px!important;padding:9px 4px!important}.site-footer{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;justify-items:stretch!important;gap:9px!important;padding-top:13px!important}.footer-identity{align-items:flex-start!important;justify-self:start!important;max-width:100%!important}.footer-meta{align-self:start!important;justify-self:end!important;max-width:135px!important}.footer-links{align-items:flex-end!important}.footer-links a{font-size:9px!important}.footer-copy,.footer-description{font-size:8px!important}}
@media(max-width:370px){.topbar>.brand{padding:9px 9px!important}.topbar>.brand .brand-identity{gap:7px!important}.topbar>.brand .brand-mark{width:32px!important;height:30px!important}.topbar>.brand .brand-name{font-size:24px!important;letter-spacing:.6px!important}.topbar>.place{font-size:8px!important;letter-spacing:.1px!important;gap:5px!important}.topbar>.place strong{font-size:9px!important;letter-spacing:.1px!important}.site-footer{gap:7px!important}.footer-line{font-size:9px!important}.footer-brand,.footer-brand span,.footer-brand b{font-size:8px!important}.footer-links a{font-size:8px!important}.footer-meta{max-width:116px!important}}

/* Prioritat explícita perquè els antics overrides de cada body no separin les pàgines. */
body.home-page .topbar,body.archive-page .topbar{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:16px!important;height:auto!important;min-height:0!important;margin:0!important;padding:14px 18px!important;border:1px solid #e99b57!important;border-radius:17px!important;background:transparent!important;box-shadow:0 10px 28px #0003!important;overflow:visible!important}
@media(max-width:700px){body.home-page .topbar,body.archive-page .topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;margin:0!important;padding:9px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}}

/* Últim ajust responsive: capçalera comuna, contorn ambre visible i fons translúcid. */
body.home-page .topbar,body.archive-page .topbar{grid-template-columns:minmax(0,3fr) minmax(190px,1fr)!important;grid-template-rows:auto!important;gap:16px!important;margin:0!important;padding:14px 18px!important;border:1px solid rgba(233,155,87,.34)!important;border-radius:17px!important;background:rgba(27,41,56,.38)!important;box-shadow:0 10px 28px #0003!important;overflow:visible!important}
body.home-page .topbar>.brand,body.archive-page .topbar>.brand{grid-column:1!important;grid-row:1!important;border:0!important;border-radius:0!important;background:transparent!important}
body.home-page .topbar>.place,body.archive-page .topbar>.place{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-self:end!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:0 0 0 20px!important;border:0!important;border-left:1px solid rgba(255,255,255,.42)!important;border-radius:0!important;background:transparent!important;color:#c0ced9!important;text-align:right!important}
body.home-page .topbar>.place span,body.archive-page .topbar>.place span{display:block!important;white-space:nowrap!important}
body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{display:block!important;color:#edf4f8!important;white-space:nowrap!important}
body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{display:block!important;width:54px!important;height:48px!important;object-fit:contain!important}
@media(max-width:700px){body.home-page .topbar,body.archive-page .topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(233,155,87,.34)!important;border-radius:14px!important;background:rgba(27,41,56,.38)!important;box-shadow:0 8px 22px #0002!important;overflow:visible!important}.topbar>.brand{grid-column:1!important;grid-row:1!important}.topbar>.place{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 1px 1px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;white-space:nowrap!important;font-size:9px!important;line-height:1.25!important;letter-spacing:.2px!important}.topbar>.place span{display:block!important;white-space:nowrap!important;font-size:9px!important;letter-spacing:.15px!important}.topbar>.place strong{display:block!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:.25px!important;text-align:right!important}.topbar>.brand .brand-identity{gap:10px!important}.topbar>.brand .brand-mark{width:40px!important;height:36px!important}}
@media(max-width:370px){body.home-page .topbar,body.archive-page .topbar{padding:9px!important}.topbar>.place{gap:5px!important;font-size:8px!important}.topbar>.place span{font-size:8px!important;letter-spacing:0!important}.topbar>.place strong{font-size:9px!important;letter-spacing:0!important}.topbar>.brand .brand-identity{gap:8px!important}.topbar>.brand .brand-mark{width:34px!important;height:31px!important}}
@media(max-width:700px){body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{display:flex!important;grid-column:1!important;grid-row:1!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}.topbar>.brand .brand-name{font-size:clamp(24px,7vw,32px)!important;letter-spacing:1px!important}body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{display:block!important;width:40px!important;height:36px!important}.topbar>.brand .brand-identity .brand-name{line-height:1!important}body.home-page .topbar>.place,body.archive-page .topbar>.place{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 1px 1px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;white-space:nowrap!important;font-size:9px!important;line-height:1.25!important;letter-spacing:.2px!important}body.home-page .topbar>.place span,body.archive-page .topbar>.place span{display:block!important;white-space:nowrap!important;font-size:9px!important;letter-spacing:.15px!important}body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{display:block!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:.25px!important;text-align:right!important}}
@media(max-width:370px){body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{gap:8px!important}.topbar>.brand .brand-identity .brand-name{font-size:24px!important;letter-spacing:.6px!important}body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{width:34px!important;height:31px!important}body.home-page .topbar>.place,body.archive-page .topbar>.place{gap:5px!important;font-size:8px!important}body.home-page .topbar>.place span,body.archive-page .topbar>.place span{font-size:8px!important;letter-spacing:0!important}body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{font-size:9px!important;letter-spacing:0!important}}
@media(max-width:700px){body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:clamp(24px,7vw,32px)!important;letter-spacing:1px!important}}
@media(max-width:370px){body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:24px!important;letter-spacing:.6px!important}}

/* Ajustos finals de maquetació mòbil, compartits per Índex-API i Historial. */
@media(max-width:900px) and (orientation:portrait){body.home-page .topbar,body.archive-page .topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;padding:11px!important}.topbar>.brand{grid-column:1!important;grid-row:1!important;padding:13px 8px!important}.topbar>.brand .brand-identity{width:100%!important;justify-content:center!important;gap:11px!important}.topbar>.brand .brand-mark{width:46px!important;height:42px!important}.topbar>.brand .brand-name{font-size:clamp(30px,8.5vw,38px)!important;letter-spacing:1.1px!important}.topbar>.place{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;margin:0!important;padding:0 0 10px!important;border:0!important;background:transparent!important;text-align:center!important;white-space:nowrap!important}.topbar>.place span{display:block!important;font-size:11px!important;line-height:1.35!important;letter-spacing:.25px!important;text-align:center!important}.topbar>.place strong{display:block!important;font-size:12px!important;line-height:1.35!important;letter-spacing:.35px!important;text-align:center!important}}
@media(max-width:370px) and (orientation:portrait){.topbar>.brand{padding:11px 6px!important}.topbar>.brand .brand-identity{gap:8px!important}.topbar>.brand .brand-mark{width:40px!important;height:37px!important}.topbar>.brand .brand-name{font-size:30px!important;letter-spacing:.7px!important}.topbar>.place span{font-size:10px!important}.topbar>.place strong{font-size:11px!important}}
@media(max-width:900px) and (orientation:landscape){body.home-page .topbar,body.archive-page .topbar{grid-template-columns:minmax(0,1fr) minmax(205px,.75fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;padding:10px 14px!important}.topbar>.brand{grid-column:1!important;grid-row:1!important}.topbar>.brand .brand-identity{justify-content:flex-start!important;gap:9px!important}.topbar>.brand .brand-mark{width:39px!important;height:36px!important}.topbar>.brand .brand-name{font-size:clamp(25px,5vw,34px)!important;letter-spacing:.8px!important}.topbar>.place{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-self:stretch!important;justify-content:center!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 0 11px!important;border:0!important;border-left:1px solid rgba(255,255,255,.42)!important;background:transparent!important;text-align:right!important;white-space:nowrap!important}.topbar>.place span{font-size:10px!important;line-height:1.35!important}.topbar>.place strong{font-size:12px!important;line-height:1.35!important}.header-strip,.header-strip.archive-strip{margin-bottom:13px!important}}
@media(max-width:900px) and (orientation:portrait){body.home-page .topbar>.brand,body.archive-page .topbar>.brand{grid-column:1!important;grid-row:1!important;padding:13px 8px!important}body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{width:100%!important;justify-content:center!important;gap:11px!important}body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{width:46px!important;height:42px!important}body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:clamp(30px,8.5vw,38px)!important;letter-spacing:1.1px!important}body.home-page .topbar>.place,body.archive-page .topbar>.place{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;margin:0!important;padding:0 0 10px!important;border:0!important;background:transparent!important;text-align:center!important;white-space:nowrap!important}body.home-page .topbar>.place span,body.archive-page .topbar>.place span{display:block!important;font-size:11px!important;line-height:1.35!important;letter-spacing:.25px!important;text-align:center!important}body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{display:block!important;font-size:12px!important;line-height:1.35!important;letter-spacing:.35px!important;text-align:center!important}}
@media(max-width:370px) and (orientation:portrait){body.home-page .topbar>.brand,body.archive-page .topbar>.brand{padding:11px 6px!important}body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{gap:8px!important}body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{width:40px!important;height:37px!important}body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:30px!important;letter-spacing:.7px!important}body.home-page .topbar>.place span,body.archive-page .topbar>.place span{font-size:10px!important}body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{font-size:11px!important}}
@media(max-width:900px) and (orientation:landscape){body.home-page .topbar>.brand,body.archive-page .topbar>.brand{grid-column:1!important;grid-row:1!important;padding:0!important}body.home-page .topbar>.brand .brand-identity,body.archive-page .topbar>.brand .brand-identity{justify-content:flex-start!important;gap:9px!important}body.home-page .topbar>.brand .brand-mark,body.archive-page .topbar>.brand .brand-mark{width:39px!important;height:36px!important}body.home-page .topbar>.brand .brand-name,body.archive-page .topbar>.brand .brand-name{font-size:clamp(25px,5vw,34px)!important;letter-spacing:.8px!important}body.home-page .topbar>.place,body.archive-page .topbar>.place{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-self:stretch!important;justify-content:center!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 0 11px!important;border:0!important;border-left:1px solid rgba(255,255,255,.42)!important;background:transparent!important;text-align:right!important;white-space:nowrap!important}body.home-page .topbar>.place span,body.archive-page .topbar>.place span{font-size:10px!important;line-height:1.35!important}body.home-page .topbar>.place strong,body.archive-page .topbar>.place strong{font-size:12px!important;line-height:1.35!important}}
/* Ajustos de lectura: unitats i etiquetes, només a la portada */
body.home-page .weather-grid .temp-value>small{
  font-size:.5em!important;
  line-height:1!important;
  vertical-align:baseline!important;
  letter-spacing:0!important;
  margin-left:4px!important;
}
body.home-page .rain-today>span,
body.home-page .rain-stats span{color:#fff!important}
body.home-page #rain-day{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
body.home-page #rain-day small{
  display:inline-block!important;
  flex:none!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:0!important;
  vertical-align:baseline!important;
  margin:0!important;
}
@media(max-width:540px){
  body.home-page #rain-day{gap:5px!important}
  body.home-page #rain-day small{font-size:18px!important}
  body.home-page .rain-today{min-width:0!important}
}
@media(max-width:370px){
  body.home-page #rain-day small{font-size:16px!important}
}
@media(max-width:540px) and (min-width:371px) and (orientation:portrait){
  body.home-page .weather-grid .rain-main{
    grid-template-columns:minmax(142px,.95fr) minmax(0,1.65fr)!important;
  }
  body.home-page .rain-stats{padding-left:18px!important}
}

/* Dades actuals i petits ajustos de lectura compartits amb l'arxiu. */
body.home-page .current-data-section{margin-top:8px}
body.home-page .current-data-section>.eyebrow{margin:0 0 11px;color:#e99b57;font-size:11px;font-weight:700;letter-spacing:1.5px;line-height:1.3}
body.home-page .weather-grid .temp-value>small{font-size:.56em!important;font-weight:600!important;color:#d0dce4!important}
body.home-page #rain-day small{font-size:25px!important;font-weight:600!important;color:#d0dce4!important}
body.home-page .rain-today>span,body.home-page .rain-stats span{color:#c4d1d9!important}
body.home-page #rain-day small{color:#c4d1d9!important}
body.home-page .rain-rate-maximum{margin-top:6px}
body.home-page .rain-rate-maximum strong{color:#f2c184}
body.home-page .wind-detail b#wind-direction,body.home-page .gust strong{color:#f2c184!important}
body.home-page .wind-name{color:#f2c184!important}
body.home-page .wind-layout{grid-template-columns:minmax(0,1fr) 138px!important;gap:8px!important}
body.home-page .wind-compass{width:134px!important;height:134px!important;transform:translate(-5px,-5px)!important}
body.home-page .compass-point{font-size:10px!important}
body.home-page .topbar{background:rgba(225,197,167,.15)!important;box-shadow:0 9px 26px #0004!important}
body.archive-page .topbar{background:rgba(225,197,167,.15)!important;box-shadow:0 9px 26px #0004!important}
@media(max-width:760px) and (orientation:landscape){.wind-layout{grid-template-columns:minmax(0,1fr) 134px!important}.wind-compass{width:130px!important;height:130px!important}}
@media(max-width:540px){body.home-page .weather-grid .temp-value>small{font-size:.56em!important}body.home-page #rain-day small{font-size:21px!important}.wind-layout{grid-template-columns:minmax(0,1fr) 116px!important}.wind-compass{width:112px!important;height:112px!important;transform:translate(-2px,-3px)!important}.compass-point{font-size:9px!important}}
@media(max-width:370px){body.home-page #rain-day small{font-size:19px!important}.wind-layout{grid-template-columns:minmax(0,1fr) 106px!important}.wind-compass{width:102px!important;height:102px!important}.compass-point{font-size:8px!important}}
@media(max-width:900px) and (orientation:landscape){body.home-page .topbar>.place{padding-left:8px!important;border-left-color:rgba(255,255,255,.32)!important}.topbar>.place span,body.home-page .topbar>.place span{letter-spacing:.2px!important}}
body.home-page .current-data-section>.section-kicker{margin:0 0 8px!important;color:#8da3b4!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;line-height:1.3!important}
.section-kicker{margin-bottom:8px!important;color:#8da3b4!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;line-height:1.3!important}
@media(max-width:540px){body.home-page .current-data-section>.section-kicker{font-size:10px!important}}
/* The section label sits above the intro so it pairs with Historial's archive label. */
body.home-page>.shell>main>.current-data-title{margin:0 0 -17px;padding-top:15px;color:#8da3b4;font-size:12px;font-weight:700;letter-spacing:1.5px;line-height:1.3}
body.home-page .weather-grid .temp-value>small{font-size:.60em!important;font-weight:600!important}
body.home-page .rain-daily-label{display:block!important;color:#c4d1d9!important;font-size:13px!important;line-height:1.2}
body.home-page .rain-daily-label small{display:block!important;margin-top:2px;font:inherit;font-size:1em;color:inherit;line-height:1.3}
body.home-page .rain-stats span{color:#c4d1d9!important}
body.home-page .rain-rate-maximum>span{color:#c4d1d9!important}
@media(max-width:540px){body.home-page>.shell>main>.current-data-title{padding-top:10px;margin-bottom:-12px;font-size:10px!important}body.home-page .rain-daily-label{font-size:13px!important}}
@media(max-width:370px){body.home-page>.shell>main>.current-data-title{margin-bottom:-10px}}
body.home-page .footer-links{gap:8px!important}
body.home-page>.shell>main>.current-data-title{margin-bottom:-18px!important}
@media(max-width:540px){body.home-page>.shell>main>.current-data-title{margin-bottom:-12px!important}}
/* Índex i Historial comparteixen jerarquia tipogràfica. */
body.home-page .current-data-title{font-size:12px!important}
body.home-page .intro h1,.archive-page .intro h1{font-size:34px!important}
body.home-page .data-frequency{font-size:16px!important;line-height:1.4!important}
@media(max-width:540px){body.home-page .current-data-title,.archive-page .intro .section-kicker{font-size:10px!important}body.home-page .intro h1,.archive-page .intro h1{font-size:27px!important}body.home-page .data-frequency{font-size:14px!important}}
@media(max-width:900px) and (orientation:landscape){body.home-page .topbar>.place,body.archive-page .topbar>.place{gap:2px!important;padding-left:7px!important;border-left-color:rgba(255,255,255,.42)!important}body.home-page .topbar>.place span,body.archive-page .topbar>.place span{letter-spacing:.2px!important}}
/* Ajustos finals compartits de jerarquia i espaiat. */
body.home-page .intro .current-data-title{margin:0 0 8px!important;padding:0!important;color:#8da3b4!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;line-height:1.3!important}
body.home-page .data-frequency{margin:8px 0 0!important;color:#a3b3c1!important;font-size:16px!important;line-height:1.5!important;letter-spacing:normal!important}
body.home-page .rain-main{margin-top:7px!important}
body.home-page .topbar>.place,body.archive-page .topbar>.place{row-gap:2px!important}
/* Keep the original temperature layout; align only the two unit suffixes. */
body.home-page .extreme-item b>small{display:inline-block;width:24px;min-width:24px;text-align:right!important}
@media(max-width:900px) and (orientation:landscape){body.home-page .topbar>.place,body.archive-page .topbar>.place{border-left:0!important;padding-left:0!important}}
@media(max-width:540px){body.home-page .intro .current-data-title{font-size:10px!important}body.home-page .data-frequency{font-size:14px!important;line-height:1.5!important}}