.meteorologia-page{min-height:70vh;padding:1.5rem 0 3rem;transition:background .8s,color .5s;position:relative;overflow:hidden}.meteo-header{text-align:center;margin-bottom:1.5rem}.theme-title-container h1{margin:0 0 .25rem;font-size:2rem;font-weight:800}.theme-subtitle{color:#666;font-size:.9rem}.style-switch{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.switch-label{text-transform:uppercase;font-size:.9rem;font-weight:700}.switch-btn{cursor:pointer;color:#333;background:#f4f4f4;border:2px solid #ccc;border-radius:25px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .3s}.switch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.switch-btn.active{color:#fff;background:#0d47a1;border-color:#0000}.city-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.city-selector label{font-size:1rem;font-weight:800}.city-selector select{cursor:pointer;border:2px solid #333;border-radius:8px;min-width:200px;padding:.5rem 1rem;font-size:1rem;font-weight:600}.meteo-grid{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:768px){.meteo-grid{grid-template-columns:1fr}}.map-panel{position:sticky;top:1rem}.portugal-map-svg{width:100%;height:auto;max-height:480px}@keyframes pulse-ring{0%{r:8;opacity:1}to{r:16;opacity:0}}.city-pulse{animation:1.5s ease-out infinite pulse-ring}.weather-panel{flex-direction:column;gap:1.5rem;display:flex}.theme-city-name{text-align:center;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.data-cards{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (max-width:900px){.data-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.data-cards{grid-template-columns:1fr}}.data-card{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:1.5rem 1rem;transition:transform .3s,box-shadow .3s;display:flex}.data-card:hover{transform:translateY(-4px)}.card-label{margin-bottom:.5rem}.card-icon{margin-bottom:.5rem;font-size:2.5rem}.card-value{font-size:2.2rem;font-weight:900;line-height:1.1}.card-value-text{font-size:1.1rem}.card-sub{opacity:.85;margin-top:.4rem;font-size:.8rem}.temp-max{color:inherit}.temp-separator{opacity:.5;margin:0 .25rem}.temp-min{opacity:.7;font-size:1.4rem}.meteo-loading,.meteo-error{text-align:center;padding:4rem 0}.loading-spinner{border:4px solid #ddd;border-top-color:#0d47a1;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.meteo-error p{color:#c00;font-weight:600}.multi-day-forecast{margin-top:3rem}.forecast-title{text-align:center;margin-bottom:1.5rem}.forecast-row{grid-template-columns:repeat(7,1fr);gap:1rem;display:grid}.forecast-col{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:1.25rem .75rem;transition:transform .3s;display:flex}.forecast-col:hover{transform:translateY(-4px)}.f-day{margin-bottom:.5rem;font-size:1rem;font-weight:700}.f-icon{margin-bottom:.5rem;font-size:2rem}.f-temps{gap:.5rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:700;display:flex}.f-tmin{opacity:.6;margin-top:.15rem;font-size:1rem}.f-details{flex-direction:column;gap:.25rem;width:100%;font-size:.82rem;display:flex}.f-detail-item{background:#fff3;border-radius:4px;padding:.2rem 0}.meteo-footer{text-align:center;border-top:1px solid #ddd;margin-top:2.5rem;padding-top:1.5rem}.theme-classic{background:linear-gradient(#f5f7fa 0%,#e8edf5 100%)}.theme-classic .theme-title-container h1{color:#0d47a1}.theme-classic .theme-subtitle{color:#666}.theme-classic .switch-btn.active{background:#0d47a1;border-color:#0d47a1}.theme-classic .city-selector label{color:#0d47a1}.theme-classic .city-selector select{border-color:#0d47a1}.portugal-map-wrapper.classic{background:#fff;border:1px solid #ddd;border-radius:12px;padding:1rem;box-shadow:0 2px 12px #0000000f}.theme-classic .theme-city-name{color:#fff;background:linear-gradient(135deg,#0d47a1,#1976d2)}.theme-classic .city-name-text{color:#fff}.theme-classic .city-subtitle{color:#ffffffd9}.theme-classic .data-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 12px #0000000d}.theme-classic .data-card:hover{box-shadow:0 6px 24px #0000001a}.theme-label{text-transform:uppercase;letter-spacing:1.5px;color:#888;font-size:.8rem;font-weight:700}.theme-classic .card-temp .card-value{color:#e74c3c}.theme-classic .card-condition .card-value,.theme-classic .card-rain .card-value{color:#2980b9}.theme-classic .card-wind .card-value{color:#0288d1;font-size:1.5rem}.theme-classic .forecast-col{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}.theme-classic .today-col{color:#fff;background:linear-gradient(135deg,#0d47a1,#1976d2);border-color:#0000;box-shadow:0 4px 16px #0d47a14d}.theme-classic .today-col .f-detail-item{color:#fff;background:#fff3}.theme-classic .forecast-title{color:#0d47a1;font-size:1.2rem;font-weight:700}.theme-dynamic{color:#1a1a2a;transition:background 1.2s,color .6s}.weather-fx-layer{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.weather-canvas{width:100%;height:100%;position:absolute;inset:0}.sun-glow{mix-blend-mode:screen;background:radial-gradient(circle,#ffd70059 0%,#ffa50026 45%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite sunPulse;position:absolute;top:-120px;right:-80px}.sun-glow.dim{opacity:.5;width:350px;height:350px}@keyframes sunPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.fog-overlay{background:linear-gradient(135deg,#c8c8d240 0%,#b4bec82e 40%,#c8c8d240 100%);animation:8s ease-in-out infinite fogDrift;position:absolute;inset:0}@keyframes fogDrift{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(15px)}}.lightning-flash{opacity:0;pointer-events:none;background:#dcebffd9;transition:opacity 40ms;position:absolute;inset:0}.lightning-flash.visible{opacity:1}.dynamic-sunny{background:linear-gradient(150deg,#fffde7 0%,#fff8e1 40%,#fff3cd 100%)}.dynamic-partlycloudy{background:linear-gradient(150deg,#f5f7fa 0%,#e8edf5 60%,#dce5f0 100%)}.dynamic-cloudy{background:linear-gradient(160deg,#eceff1 0%,#dfe4ea 50%,#cfd8dc 100%)}.dynamic-rain{color:#e0eaf5;background:linear-gradient(170deg,#1c2a3a 0%,#263545 40%,#1a2d40 100%)}.dynamic-thunderstorm{color:#c8d8ef;background:linear-gradient(160deg,#0d1b2a 0%,#1a2540 50%,#0d1a2e 100%)}.dynamic-fog{color:#2c3e50;background:linear-gradient(150deg,#c9d2db 0%,#b8c5d0 50%,#c4d0da 100%)}.dynamic-snow{color:#2c3a4a;background:linear-gradient(150deg,#e8f0f7 0%,#dce8f3 50%,#ccdaec 100%)}.theme-dynamic .container{z-index:1;position:relative}.dynamic-sunny .theme-title-container h1{color:#2c3e00}.dynamic-rain .theme-title-container h1,.dynamic-thunderstorm .theme-title-container h1{color:#d0e4f7}.dynamic-fog .theme-title-container h1{color:#2c3e50}.dynamic-snow .theme-title-container h1{color:#1a2d45}.dynamic-cloudy .theme-title-container h1,.dynamic-partlycloudy .theme-title-container h1{color:#1a2940}.theme-dynamic .switch-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border-color:#00000026}.dynamic-rain .switch-btn,.dynamic-thunderstorm .switch-btn{color:#c8daf0;background:#ffffff1a;border-color:#fff3}.theme-dynamic .switch-btn.active{color:#fff;background:#0d47a1d9;border-color:#0000}.dynamic-rain .city-selector label,.dynamic-thunderstorm .city-selector label{color:#aac8e8}.dynamic-rain .city-selector select,.dynamic-thunderstorm .city-selector select{color:#d0e4f7;background:#142d46cc;border-color:#64a0d266}.portugal-map-wrapper.dynamic{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;padding:.75rem;box-shadow:0 4px 20px #0000001a}.theme-dynamic .theme-city-name{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;background:#ffffff26;border:1px solid #ffffff40}.dynamic-rain .theme-city-name,.dynamic-thunderstorm .theme-city-name{background:#ffffff14;border-color:#64a0dc4d}.theme-dynamic .city-name-text{letter-spacing:.5px;font-size:2rem}.dynamic-rain .city-name-text,.dynamic-thunderstorm .city-name-text{color:#d0e4f7}.theme-dynamic .city-monument-img{border-radius:0 0 14px 14px}.dynamic-rain .city-monument-img,.dynamic-thunderstorm .city-monument-img{filter:brightness(.7)saturate(.7)}.dynamic-fog .city-monument-img{filter:brightness(.85)saturate(.5)blur(1px)}.theme-dynamic .data-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff40;border-radius:16px}.dynamic-sunny .data-card{background:#ffffffa6;box-shadow:0 4px 20px #ffc8001a}.dynamic-sunny .card-temp .card-value{color:#e65100}.dynamic-sunny .card-condition .card-value{color:#1565c0}.dynamic-sunny .card-rain .card-value{color:#1976d2}.dynamic-sunny .card-wind .card-value{color:#2e7d32;font-size:1.5rem}.dynamic-cloudy .data-card,.dynamic-partlycloudy .data-card{background:#ffffff8c;box-shadow:0 4px 16px #6478961f}.dynamic-rain .data-card,.dynamic-thunderstorm .data-card{color:#d0e4f7;background:#0f233c99;border-color:#64a0dc33;box-shadow:0 4px 20px #00000040}.dynamic-rain .card-value,.dynamic-thunderstorm .card-value{color:#afd4f5}.dynamic-thunderstorm .card-temp .card-value{color:#ffd740}.dynamic-fog .data-card{background:#fff6;box-shadow:0 2px 12px #646e7826}.dynamic-snow .data-card{background:#fff9;box-shadow:0 4px 16px #648cc81f}.dynamic-snow .card-value{color:#1a3a5c}.dynamic-rain .theme-label,.dynamic-thunderstorm .theme-label{color:#7aaed4}.theme-dynamic .forecast-col{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3}.dynamic-sunny .forecast-col{background:#fff9}.dynamic-cloudy .forecast-col,.dynamic-partlycloudy .forecast-col{background:#ffffff80}.dynamic-rain .forecast-col,.dynamic-thunderstorm .forecast-col{color:#c8daf0;background:#0f233c8c;border-color:#64a0dc33}.dynamic-fog .forecast-col{background:#fff6}.dynamic-snow .forecast-col{background:#f0f8ff99}.theme-dynamic .today-col{box-shadow:0 6px 24px #0d47a140;color:#fff!important;background:#0d47a1bf!important;border-color:#64a0ff66!important}.theme-dynamic .forecast-title{font-size:1.2rem;font-weight:700}.dynamic-rain .forecast-title,.dynamic-thunderstorm .forecast-title{color:#afd4f5}.dynamic-rain .meteo-footer,.dynamic-thunderstorm .meteo-footer{border-top-color:#64a0dc33}@media (max-width:768px){.forecast-row{grid-template-columns:repeat(4,1fr)}.forecast-row .forecast-col:nth-child(n+5){display:none}.weather-canvas{position:fixed}}