#calendarTable,table{border-collapse:collapse}#calendarTable tr:hover td,th{background:rgba(0,242,254,.08)}.avisos-error a:hover,.footer-link:hover,.modal-privacy-body a:hover{text-decoration:underline}.admin-menu-link,.avisos-error a,.footer-link,.social-btn{text-decoration:none}.card-label,.layer-categoria,.sp-action,.sp-stat-label,.summary-label{text-transform:uppercase}.compartir-btn.instalar{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#0a0f1e;font-weight:600;padding:10px;width:100%;grid-column:1/-1;margin-top:4px;font-size:.8rem}.compartir-btn.instalar:hover{background:linear-gradient(135deg,#00d4e0,#3a8fcb);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,242,254,.3)}.cargar-estacion:hover::after,.toast-copia{transform:translateX(-50%);pointer-events:none}.compartir-btn.instalar i{font-size:1rem;margin-right:6px}.compartir-btn.instalar .badge-nuevo{background:#ff6b6b;color:#fff;font-size:.55rem;padding:2px 8px;border-radius:10px;margin-left:6px;font-weight:700;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.btn-compartir{background:rgba(0,242,254,.15);border:1px solid rgba(0,242,254,.3);color:#00f2fe;padding:4px 12px;border-radius:20px;cursor:pointer;font-size:.65rem;font-family:Inter,sans-serif;transition:.3s;display:inline-flex;align-items:center;gap:4px}.btn-compartir:hover{background:rgba(0,242,254,.25);transform:scale(1.02)}.btn-compartir i{font-size:.7rem}.modal-compartir{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);z-index:999999;align-items:center;justify-content:center}.modal-compartir-content{background:#0a0f1e;border:1px solid rgba(0,242,254,.2);border-radius:12px;padding:16px 20px 20px;max-width:280px;width:90%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.9);animation:.25s slideUp}.close-compartir{position:absolute;top:8px;right:12px;font-size:1.2rem;color:#6a88aa;cursor:pointer;transition:color .3s;line-height:1}.compartir-btn,.favorito-btn{transition:.3s;align-items:center;cursor:pointer}.aemet-dia-temp .temp-max,.close-compartir:hover,.logo-m,.mini-chart-label span:last-child,.ranking-item.temp-max .valor,.toast-notification.error i{color:#ff6b6b}.compartir-btn,.toast-copia{color:#fff;font-family:Inter,sans-serif}.compartir-opciones{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.compartir-btn{display:flex;justify-content:center;gap:6px;padding:8px;border:none;border-radius:8px;font-size:.7rem;font-weight:500}.compartir-btn i,.ranking-title i{font-size:.9rem}.compartir-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.4)}.compartir-btn.whatsapp{background:#25d366}.compartir-btn.whatsapp:hover{background:#1da851}.compartir-btn.telegram{background:#08c}.compartir-btn.telegram:hover{background:#006fa8}.compartir-btn.email{background:#6a88aa}.compartir-btn.email:hover{background:#5577a0}.compartir-btn.copiar{background:#3a4a6a}.compartir-btn.copiar:hover{background:#2a3a5a}@keyframes slideUp{from{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast-copia{position:fixed;bottom:30px;left:50%;background:rgba(32,201,151,.9);padding:8px 20px;border-radius:8px;font-size:.75rem;z-index:1000000;animation:2.5s forwards toastAnim;backdrop-filter:blur(4px)}@keyframes toastAnim{0%,100%{opacity:0;transform:translateX(-50%) translateY(20px)}15%,85%{opacity:1;transform:translateX(-50%) translateY(0)}}.favorito-btn{background:rgba(0,20,40,.8);border:1px solid rgba(0,242,254,.4);color:#f9ca24;width:36px;height:36px;border-radius:50%;font-size:1rem;display:flex;justify-content:center;backdrop-filter:blur(10px)}.favorito-btn:hover{background:rgba(0,242,254,.2);transform:scale(1.05);box-shadow:0 0 15px rgba(0,242,254,.3)}.favorito-btn.activo{color:#f9ca24;background:rgba(249,202,36,.2);border-color:#f9ca24}.favorito-btn.activo i{font-weight:900}.ranking-item{position:relative}.cargar-estacion{opacity:0;margin-left:8px;font-size:.7rem;color:#00f2fe;transition:opacity .2s,transform .2s;cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:20px;background:rgba(0,242,254,.1)}.cargar-texto{font-size:.6rem;font-weight:400}.graph-card:hover .chart-expand-btn,.ranking-item:hover .cargar-estacion,.year-hint:hover{opacity:1}.cargar-estacion:hover{transform:scale(1.05);background:rgba(0,242,254,.3);color:#00f2fe}.cargar-estacion:hover::after{content:"Cargar esta estación";position:absolute;bottom:100%;left:50%;background:rgba(0,0,0,.9);color:#00f2fe;font-size:.6rem;padding:.2rem .5rem;border-radius:.3rem;white-space:nowrap;z-index:100;margin-bottom:5px}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0a0f1e 0,#0c1222 50%,#0a0f1e 100%);font-family:Inter,sans-serif;padding:2rem 1.8rem;color:#e2e8f0;min-height:100vh}.container{max-width:1600px;margin:0 auto}.header-modern{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.logo-container,.title-area p{align-items:center;display:flex}.title-area h1{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#00f2fe,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;text-shadow:0 0 20px rgba(0,242,254,.3)}.title-area p{color:#8ba3c4;font-weight:500;margin-top:.3rem;gap:8px;font-size:.85rem}.live-badge{background:rgba(0,20,40,.85);backdrop-filter:blur(12px);padding:.4rem 1rem;border-radius:100px;color:#00f2fe;font-weight:600;font-size:.7rem;letter-spacing:.3px;border:1px solid rgba(0,242,254,.4);box-shadow:0 0 15px rgba(0,242,254,.2)}.live-badge i{margin-right:6px;color:#00f2fe;animation:1.5s infinite pulse;font-size:.5rem}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes dataFlash{0%,100%{filter:brightness(1)}50%{filter:brightness(1.6)}}.card-value.flash{animation:.6s dataFlash}.status-badge{background:rgba(0,242,254,.15);border-radius:30px;padding:2px 8px;font-size:.6rem;margin-left:8px;color:#00f2fe;border:1px solid rgba(0,242,254,.3)}.logo-container{gap:15px;margin-bottom:.3rem}.logo-icon-animated{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#00f2fe;background:linear-gradient(145deg,rgba(0,242,254,.1),rgba(79,172,254,.05));border-radius:50%;border:2px solid rgba(0,242,254,.25);flex-shrink:0}.logo-rings,.ring{position:absolute}.logo-rings{width:100%;height:100%;pointer-events:none}.ring{top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(0,242,254,.3);animation:3s ease-out infinite ringPulse}.ring1{width:40px;height:40px;animation-delay:0s}.ring2{width:50px;height:50px;animation-delay:.6s}.ring3{width:60px;height:60px;animation-delay:1.2s}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.logo-text{display:flex;flex-direction:column}.logo-main{font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:#b8d4ff}.logo-e{color:#ff8c00}.logo-t,.real-card:last-child .uv-risk-moderate,.status-badge[style*="rgba(255, 193, 7"]{color:#f9ca24}.logo-e2,.real-card:last-child .uv-risk-low,.toast-notification.success i{color:#20c997}.aemet-dia-temp .temp-min,.logo-o,.mini-chart-label span:first-child,.ranking-item.temp-min .valor{color:#4facfe}.logo-c{font-weight:900;background:linear-gradient(135deg,#00f2fe,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;color:transparent;animation:3s infinite logoShine;background-size:200% 200%}@keyframes logoShine{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.logo-domain{font-size:.8rem;color:#00f2fe;font-weight:700;letter-spacing:1.5px;margin-left:1px}.logo-tagline{font-size:.65rem;color:#6a88aa;font-weight:500;letter-spacing:.5px;margin-top:2px}.realtime-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;margin-bottom:1rem}.real-card{background:rgba(10,20,35,.6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:1.2rem;padding:.8rem .6rem;text-align:center;border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:.3s cubic-bezier(.2, .9, .4, 1.1);position:relative;overflow:hidden}.real-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,242,254,.08),transparent);transition:left .5s}.real-card:hover::before{left:100%}.real-card:hover{transform:translateY(-4px)}.real-card:first-child:hover{border-color:#ff6b6b;box-shadow:0 8px 20px rgba(255,107,107,.3)}.real-card:nth-child(2):hover{border-color:#4facfe;box-shadow:0 8px 20px rgba(79,172,254,.3)}.real-card:nth-child(3):hover{border-color:#20c997;box-shadow:0 8px 20px rgba(32,201,151,.3)}.real-card:nth-child(4):hover{border-color:#7c3aed;box-shadow:0 8px 20px rgba(124,58,237,.3)}.real-card:nth-child(5):hover{border-color:#f9ca24;box-shadow:0 8px 20px rgba(249,202,36,.3)}.card-icon{font-size:2.2rem;margin-bottom:.5rem;color:#00f2fe;text-shadow:0 0 8px rgba(0,242,254,.5)}.card-label{font-weight:700;letter-spacing:1px;font-size:.6rem;color:#7f9fcf}.card-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a0c4ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin:.3rem 0 .1rem;letter-spacing:-1px}.card-unit{font-size:.65rem;font-weight:600;color:#7f9fcf}.gauge-labels,.sub-detail{font-weight:500;color:#6a88aa}.sub-detail{font-size:.55rem;margin-top:4px}.visual-gauge{margin-top:8px;width:100%}.gauge-bar-container{width:100%;height:4px;background:rgba(0,50,70,.6);border-radius:10px;overflow:hidden;margin:4px 0 3px}.gauge-bar-fill{height:100%;width:0%;border-radius:10px;transition:width .6s cubic-bezier(.2, .9, .4, 1.1)}.temp-range,canvas{width:100%!important}.gauge-labels{display:flex;justify-content:space-between;font-size:.5rem;margin-top:2px}.gauge-value-text{font-size:.6rem;font-weight:700;margin-top:2px;color:#00f2fe}.fill-temp{background:linear-gradient(90deg,#ff6b6b,#ff4757)}.fill-hum{background:linear-gradient(90deg,#4facfe,#00f2fe)}.fill-rain{background:linear-gradient(90deg,#5f9ea0,#20c997)}.fill-wind{background:linear-gradient(90deg,#a8e6cf,#3b82f6)}.fill-pres{background:linear-gradient(90deg,#f9ca24,#f0932b)}.fill-solar{background:linear-gradient(90deg,#f9ca24,#ff6b6b)}.fill-uv{background:linear-gradient(90deg,#20c997,#4facfe)}.graph-card,.map-section{background:rgba(10,20,35,.75);backdrop-filter:blur(12px)}.temp-range{display:flex!important;align-items:center!important;flex-wrap:wrap!important;margin-top:3px!important;margin-bottom:2px!important;font-size:.55rem!important;gap:2px 8px!important;line-height:1.2!important}.real-card:first-child .temp-range{justify-content:center!important;gap:2px 12px!important}.real-card:nth-child(2) .temp-range,.real-card:nth-child(4) .temp-range{justify-content:center!important;gap:2px 1.8rem!important}.temp-range .range-high,.temp-range .range-low{display:flex!important;align-items:center!important;gap:3px!important;font-size:.7rem!important;font-weight:500!important;padding:0!important;margin:0!important}.detalle-item .prob-lluvia-val,.detalle-item .racha-val,.detalle-item .uv-val,.temp-range .range-high span,.temp-range .range-low span{font-size:.95rem!important;font-weight:700!important}.temp-range .range-high{color:#ff6b6b!important}.temp-range .range-low{color:#4facfe!important}.range-mid{color:#f9ca24;font-weight:500}.hora-temp span:first-child,.real-card:nth-child(5) .temp-range .range-high i,.real-card:nth-child(5) .temp-range .range-low i,.temp-range .range-high i,.temp-range .range-low i{font-size:.6rem!important}.real-card:first-child .range-low,.real-card:first-child .range-mid{font-size:.6rem!important;display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important;padding:0!important;margin:0!important}#precipAnual,#precipAyer,#precipMes{font-size:.85rem!important;font-weight:700!important;display:inline-block!important;width:auto!important;text-align:center!important;padding:0 2px!important}#precipMes{color:#20c997!important}#precipAnual,.real-card:nth-child(5) .temp-range .range-high{color:#f9ca24!important}#precipAyer{color:#4facfe!important;transition:color .3s}.real-card:first-child .range-low i,.real-card:first-child .range-mid i{font-size:.5rem!important;flex-shrink:0!important}.real-card:first-child .temp-range .range-low,.real-card:first-child .temp-range .range-mid{margin:0!important;padding:0 2px!important}.real-card.hot-card{border-color:#ff6b6b!important;box-shadow:0 0 20px rgba(255,107,107,.5)!important;background:linear-gradient(135deg,rgba(10,20,35,.8),rgba(150,0,0,.3))!important;animation:.8s ease-in-out infinite heatPulse!important}.real-card.extreme-hot-card{border-color:#ff4757!important;box-shadow:0 0 25px rgba(255,71,87,.7)!important;background:linear-gradient(135deg,rgba(10,20,35,.8),rgba(200,0,0,.4))!important;animation:.4s ease-in-out infinite heatPulseFast!important}@keyframes heatPulse{0%,100%{border-color:#ff6b6b;box-shadow:0 0 20px rgba(255,107,107,.5)}50%{border-color:#ff4757;box-shadow:0 0 30px rgba(255,71,87,.8)}}@keyframes heatPulseFast{0%,100%{border-color:#ff4757;box-shadow:0 0 20px rgba(255,71,87,.6)}50%{border-color:red;box-shadow:0 0 35px rgba(255,0,0,.9)}}.real-card.extreme-hot-card .card-icon i,.real-card.hot-card .card-icon i{animation:.8s ease-in-out infinite tempHotPulse!important;color:#ff4757!important;text-shadow:0 0 15px rgba(255,71,87,.8)!important}.real-card.extreme-hot-card .card-icon i{animation:.4s ease-in-out infinite tempHotPulse!important;color:red!important;text-shadow:0 0 20px rgba(255,0,0,.8)!important}@keyframes tempHotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.temp-warning{font-size:.55rem;margin-top:4px;font-weight:600;animation:2s ease-in-out infinite fadeInOut}@keyframes fadeInOut{0%,100%{opacity:.7}50%{opacity:1}}@keyframes rainDrop{0%,100%{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(2px)}}@keyframes tempPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes windBlow{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes humidityWave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.8)}}@keyframes pressurePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.card-icon.raining i,.real-card.raining-card .card-icon i{animation:.6s ease-in-out infinite rainDrop;color:#4facfe;text-shadow:0 0 15px rgba(79,172,254,.8)}.card-icon.hot i{animation:.8s ease-in-out infinite tempPulse;color:#ff4757;text-shadow:0 0 20px rgba(255,71,87,.8)}.card-icon.cold i{animation:1.5s ease-in-out infinite tempPulse;color:#4facfe;text-shadow:0 0 15px rgba(79,172,254,.8)}.card-icon.windy i{animation:.7s ease-in-out infinite windBlow;color:#a8e6cf;text-shadow:0 0 12px rgba(168,230,207,.6)}.card-icon.humid i{animation:.5s ease-in-out infinite humidityWave;color:#00f2fe;text-shadow:0 0 10px rgba(0,242,254,.6)}.card-icon.pressure-change i{animation:2s ease-in-out infinite pressurePulse;color:#f9ca24;text-shadow:0 0 12px rgba(249,202,36,.6)}@media (max-width:680px){.cargar-estacion{opacity:1}.cargar-texto{display:none}.realtime-panel{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.4rem}.real-card{padding:.5rem .3rem;border-radius:1rem}.real-card .card-icon{font-size:1.2rem;margin-bottom:.2rem}.real-card .card-label,.real-card .sub-detail,.real-card .temp-range{font-size:.5rem}.real-card .card-value{font-size:3rem!important;margin:.2rem 0 .1rem!important}.gauge-value-text,.real-card .card-unit{font-size:.55rem}.visual-gauge{margin-top:5px}.gauge-bar-container{height:3px}.gauge-labels{font-size:.45rem}}@media (max-width:768px){.real-card:nth-child(2) .temp-range,.real-card:nth-child(4) .temp-range{gap:1.2rem!important}.temp-range .range-high,.temp-range .range-low{font-size:.65rem!important}.temp-range .range-high span,.temp-range .range-low span{font-size:.9rem!important}.real-card:first-child .temp-range{gap:.5rem!important}.real-card:first-child .range-low,.real-card:first-child .range-mid{font-size:.6rem!important}#precipAnual,#precipMes{font-size:.85rem!important;padding:0 3px!important;width:auto!important}.floating-buttons{bottom:20px;right:20px}.refresh-btn{bottom:0}.back-to-top{bottom:55px}.floating-btn{width:45px;height:45px;font-size:1rem}}.graphics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem;margin:.8rem 0}.graph-card{border-radius:1.5rem;padding:1rem .8rem;border:1px solid rgba(0,242,254,.1);transition:.2s}.graph-card:hover{border-color:rgba(0,242,254,.3);box-shadow:0 8px 25px rgba(0,242,254,.1)}.graph-title{font-weight:700;font-size:.95rem;padding-left:1rem;margin-bottom:.7rem;display:flex;align-items:center;gap:8px;color:#b8d4ff;border-left:3px solid #00f2fe}.map-header,.section-header{justify-content:space-between}canvas{max-height:200px}.map-section{border-radius:1.5rem;padding:1.3rem;margin:.8rem 0 .5rem;border:1px solid rgba(0,242,254,.2)}.layers-list,.layers-panel-title{display:flex;backdrop-filter:blur(4px)}.map-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}.map-title{display:flex;align-items:center;gap:10px}.aemet-section .pronostico-header i,.map-title i,.pronostico-header i{font-size:1.4rem;color:#00f2fe}.map-title h3{font-weight:700;color:#b8d4ff;font-size:1.2rem}.map-coords{font-size:.7rem;color:#6a88aa;background:rgba(0,0,0,.3);padding:4px 12px;border-radius:20px}.map-container{width:100%;min-height:400px;border-radius:1rem;overflow:hidden;border:1px solid rgba(0,242,254,.3);background:#e8e8e8}.map-attribution{font-size:.65rem;color:#6a88aa;margin-top:.8rem;text-align:center}.layer-btn,th{text-align:left;cursor:pointer}.leaflet-control-zoom a{background:rgba(255,255,255,.9)!important;color:#333!important;border:1px solid #ccc!important}.leaflet-control-zoom a:hover{background:#f4f4f4!important}.leaflet-control-attribution{background:rgba(255,255,255,.8)!important;color:#333!important;font-size:.65rem!important}.leaflet-popup-content-wrapper{background:#0a0f1e!important;border-radius:10px!important;box-shadow:0 8px 25px rgba(0,0,0,.5)!important;border:1px solid rgba(0,242,254,.2)!important}.leaflet-popup-tip{background:#0a0f1e!important}.leaflet-popup-close-button{color:#00f2fe!important}.map-layers-panel{position:absolute;bottom:5px;left:5px;z-index:1000;background:0 0;border-radius:.8rem;padding:.3rem .4rem;border:none;max-width:220px}.layers-panel-title{color:#fff;font-weight:700;font-size:.65rem;margin-bottom:2px;align-items:center;gap:5px;cursor:pointer;user-select:none;text-shadow:0 0 8px rgba(0,0,0,.9);background:rgba(0,0,0,.3);padding:2px 8px;border-radius:12px}.layers-panel-title i{font-size:.6rem;transition:transform .3s}.layers-panel-title.collapsed i{transform:rotate(-90deg)}.layers-list{flex-direction:column;gap:1px;max-height:160px;overflow-y:auto;transition:max-height .3s,opacity .3s;padding:2px 4px;background:rgba(0,0,0,.25);border-radius:6px}.layers-list.hidden{max-height:0;opacity:0;overflow:hidden;padding:0}.layer-categoria{display:block;width:100%;color:#00f2fe;font-size:.5rem;font-weight:700;letter-spacing:.3px;padding:2px 0 1px;margin-top:2px;border-bottom:1px solid rgba(0,242,254,.15);text-shadow:0 0 6px rgba(0,0,0,.8)}.layer-categoria:first-of-type{margin-top:0}.layer-btn{display:block;width:100%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.8);padding:1px 6px;border-radius:3px;font-size:.55rem;font-family:Inter,sans-serif;font-weight:400;transition:.15s;white-space:nowrap;text-shadow:0 0 4px rgba(0,0,0,.5)}.precip-mm,th{font-weight:600}.layer-btn:hover{background:rgba(0,242,254,.15);border-color:rgba(0,242,254,.3);color:#00f2fe}.layer-btn.active{background:rgba(0,242,254,.2);border-color:rgba(0,242,254,.4);color:#00f2fe;font-weight:500}.layers-list::-webkit-scrollbar{width:2px}.layers-list::-webkit-scrollbar-track{background:0 0}.layers-list::-webkit-scrollbar-thumb{background:rgba(0,242,254,.2);border-radius:2px}#calendarTable th,.welcome-btn-secondary:hover,th:hover{background:rgba(0,242,254,.15)}.historical-section,.summary-section{background:rgba(10,20,35,.7);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.3rem;margin-top:1rem;border:1px solid rgba(0,242,254,.1)}.section-header{display:flex;align-items:baseline;flex-wrap:wrap;margin-bottom:1rem}.section-header h3,.summary-header h3{font-weight:700;color:#b8d4ff;font-size:1.1rem}.calendar-table-container,.table-wrapper{overflow-x:auto;border-radius:1rem}table{width:100%;font-size:.75rem}th{padding:.7rem .5rem;color:#00f2fe;user-select:none}#calendarTable td,#calendarTable th,.loader,.mini-chart-label,.monthly-card,.monthly-loader,.ranking-loader,.social-panel,.tarjeta-dia,footer{text-align:center}td{padding:.5rem;border-bottom:1px solid rgba(0,242,254,.1);color:#b8d4ff}tr:hover td{background-color:rgba(0,242,254,.05)}.annual-section{background:rgba(10,20,35,.75);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.5rem;margin-top:2rem;border:1px solid rgba(0,242,254,.2)}.annual-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.annual-title{display:flex;align-items:center;gap:12px}.annual-title i{font-size:1.5rem;color:#00f2fe}.annual-title h2{font-size:1.3rem;font-weight:700;color:#b8d4ff}.search-box{background:rgba(0,20,40,.8);border:1px solid rgba(0,242,254,.3);border-radius:40px;padding:.5rem 1rem;display:flex;align-items:center;gap:8px}.search-box i,.variable-selector i,.year-selector i{color:#00f2fe;font-size:.8rem}.search-box input{background:0 0;border:none;color:#fff;font-size:.8rem;outline:0;width:200px}.search-box input::placeholder{color:#6a88aa}.table-info{font-size:.7rem;color:#6a88aa;margin-top:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.badge-year,.sort-icon{color:#00f2fe;font-size:.7rem}.sort-icon{cursor:pointer;margin-left:4px}.annual-table-wrapper{border-radius:1rem}.annual-table-wrapper.open{max-height:550px;overflow-y:auto}.badge-year{background:rgba(0,242,254,.2);padding:4px 12px;border-radius:20px}.precip-mm{color:#20c997}footer{margin-top:2rem;font-size:.7rem;opacity:.6;color:#6a88aa}.loader{padding:2rem;color:#00f2fe}.social-panel{background:rgba(10,20,35,.7);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.5rem;margin:2rem 0;border:1px solid rgba(0,242,254,.15)}.social-title{color:#b8d4ff;font-weight:700;font-size:.9rem;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;gap:8px}.social-links,.summary-header{display:flex;margin-bottom:1rem}.social-title i{color:#00f2fe;font-size:1.1rem}.social-links{flex-wrap:wrap;justify-content:center;gap:.8rem}.social-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border-radius:50px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;transition:.3s;border:1px solid transparent;color:#fff}.social-btn i{font-size:1rem;transition:transform .3s}.social-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.social-btn:hover i{transform:scale(1.2)}.social-btn.twitter{background:rgba(29,161,242,.2);border-color:rgba(29,161,242,.4)}.social-btn.twitter:hover{background:rgba(29,161,242,.4);box-shadow:0 8px 25px rgba(29,161,242,.3)}.social-btn.facebook{background:rgba(66,103,178,.2);border-color:rgba(66,103,178,.4)}.social-btn.facebook:hover{background:rgba(66,103,178,.4);box-shadow:0 8px 25px rgba(66,103,178,.3)}.social-btn.instagram{background:rgba(225,48,108,.2);border-color:rgba(225,48,108,.4)}.social-btn.instagram:hover{background:rgba(225,48,108,.4);box-shadow:0 8px 25px rgba(225,48,108,.3)}.social-btn.email{background:rgba(0,242,254,.2);border-color:rgba(0,242,254,.4)}.social-btn.email:hover{background:rgba(0,242,254,.4);box-shadow:0 8px 25px rgba(0,242,254,.3)}.social-hashtag{color:#6a88aa;font-size:.65rem;font-weight:500;letter-spacing:.5px;opacity:.7}@media (max-width:480px){.realtime-panel{grid-template-columns:1fr 1fr;gap:.8rem}.real-card{padding:1rem .5rem;border-radius:1.2rem}.card-value{font-size:2rem}.real-card:nth-child(2) .temp-range,.real-card:nth-child(4) .temp-range{gap:.8rem!important;flex-direction:row!important}.temp-range .range-high,.temp-range .range-low{font-size:.6rem!important}.temp-range .range-high span,.temp-range .range-low span{font-size:.8rem!important}.real-card:first-child .temp-range{gap:.3rem!important}.real-card:first-child .range-low,.real-card:first-child .range-mid{font-size:.55rem!important}#precipAnual,#precipMes{font-size:.75rem!important;padding:0 2px!important;width:auto!important}.live-badge{padding:.4rem .8rem;font-size:.65rem;letter-spacing:.1px}.live-badge i{margin-right:4px;font-size:.5rem}.status-badge{padding:2px 8px;font-size:.55rem;margin-left:6px}.social-links{flex-direction:column;align-items:center}.social-btn{width:80%;justify-content:center}}.toast-notification{position:fixed;bottom:100px;right:20px;background:rgba(10,20,35,.95);backdrop-filter:blur(10px);border:1px solid rgba(0,242,254,.3);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:10px;color:#b8d4ff;font-size:.8rem;font-weight:500;z-index:10000;transform:translateX(120%);transition:transform .3s;box-shadow:0 5px 20px rgba(0,0,0,.3)}.aemet-dia-expandible.expandido .aemet-dia-expand-icon,.aemet-section .pronostico-header h3 span,.summary-icon,.toast-notification.info i{color:#00f2fe}.toast-notification.show{transform:translateX(0)}.summary-header{justify-content:space-between;align-items:center;flex-wrap:wrap;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{background:rgba(255,255,255,.05);border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;transition:.3s;border:1px solid rgba(0,242,254,.1)}.summary-card:hover{transform:translateY(-3px);border-color:rgba(0,242,254,.3);background:rgba(0,242,254,.05)}.summary-icon{width:50px;height:50px;background:rgba(0,242,254,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.summary-info{flex:1}.summary-label{font-size:.65rem;font-weight:600;color:#7f9fcf;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-size:1.6rem;font-weight:800;color:#b8d4ff;line-height:1}.summary-unit{font-size:.7rem;color:#6a88aa;margin-left:4px}.summary-date{font-size:.6rem;color:#00f2fe;margin-top:4px}.summary-content{max-height:800px;overflow-y:auto}@media (max-width:680px){body{padding:1rem}.card-value{font-size:2.8rem}.annual-table-wrapper{font-size:.7rem}.layers-list{gap:.3rem}.layer-btn{padding:.3rem .5rem;font-size:.6rem}.summary-icon,.summary-value{font-size:1.2rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.summary-card{padding:.8rem;gap:.5rem}.summary-icon{width:40px;height:40px}.summary-label,.summary-unit{font-size:.55rem}.summary-date{font-size:.5rem}.monthly-rain-grid{grid-template-columns:repeat(4,1fr)}}.monthly-rain-section{border-top:1px solid rgba(0,242,254,.2)}.monthly-rain-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.monthly-rain-header h4{font-weight:700;color:#b8d4ff;display:flex;align-items:center;gap:8px;font-size:.9rem}.monthly-rain-total{border-radius:20px}.monthly-card{background:rgba(0,242,254,.05);border-radius:.8rem;padding:.8rem;transition:.3s;border:1px solid rgba(0,242,254,.1)}.monthly-card:hover{transform:translateY(-3px);border-color:rgba(0,242,254,.3);background:rgba(0,242,254,.1)}.monthly-name{font-size:.7rem;font-weight:700;color:#00f2fe;margin-bottom:8px}.monthly-value{font-size:1.3rem;font-weight:800;color:#b8d4ff;line-height:1}.avisos-refresh,.monthly-unit{font-size:.6rem;color:#6a88aa}.monthly-bar-container{width:100%;height:4px;background:rgba(0,50,70,.6);border-radius:4px;overflow:hidden;margin:8px 0 4px}.monthly-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#20c997,#4facfe);border-radius:4px;transition:width .6s}.monthly-loader{padding:1rem;color:#6a88aa;grid-column:1/-1}@media (max-width:480px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.monthly-rain-grid{grid-template-columns:repeat(3,1fr)}}.monthly-rain-section,.rankings-section{background:rgba(10,20,35,.75);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.3rem;margin:1rem 0;border:1px solid rgba(0,242,254,.2)}.monthly-rain-total{font-size:.7rem;color:#20c997;background:rgba(32,201,151,.15);padding:4px 12px}.monthly-rain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem}.real-card.raining-card{border-color:#4facfe;box-shadow:0 0 20px rgba(79,172,254,.5);background:linear-gradient(135deg,rgba(10,20,35,.8),rgba(0,100,150,.3));transition:.3s;animation:1s ease-in-out infinite rainGlow}.real-card.raining-card::before{background:linear-gradient(90deg,transparent,rgba(79,172,254,.15),transparent)}#calendarTable td[data-tooltip]:hover::after,.year-hint:hover::after{bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);z-index:100;white-space:nowrap;pointer-events:none}.real-card.heavy-rain-card{border-color:#ff6b6b;box-shadow:0 0 25px rgba(255,107,107,.6);background:linear-gradient(135deg,rgba(10,20,35,.8),rgba(150,0,0,.3));animation:.5s ease-in-out infinite rainGlow}@keyframes rainGlow{0%,100%{border-color:rgba(79,172,254,.5)}50%{border-color:#4facfe}}.real-card.heavy-rain-card .card-icon i{animation:.3s ease-in-out infinite rainDrop;color:#ff6b6b;text-shadow:0 0 15px rgba(255,107,107,.8)}.mini-chart{margin-top:10px;padding:5px 0;position:relative}.mini-canvas{width:100%;height:40px;background:rgba(0,0,0,.2);border-radius:6px}.ranking-item:hover,.rankings-date{background:rgba(0,242,254,.1)}.mini-chart-label{font-size:.55rem;color:#6a88aa;margin-top:4px;display:flex;justify-content:space-between}.rankings-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid rgba(0,242,254,.2)}.rankings-header h3{font-weight:700;color:#b8d4ff;font-size:1.1rem;display:flex;align-items:center;gap:8px}.rankings-date{font-size:.7rem;color:#6a88aa;padding:4px 12px;border-radius:20px}.rankings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.ranking-card{background:rgba(0,0,0,.25);border-radius:1rem;padding:.8rem;border:1px solid rgba(0,242,254,.1);transition:.3s}.ranking-card:hover{border-color:rgba(0,242,254,.3);transform:translateY(-2px)}.ranking-item:hover,.sp-action:hover i{transform:translateX(3px)}.ranking-title{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;color:#00f2fe;padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid rgba(0,242,254,.15)}.ranking-unit{font-size:.6rem;color:#6a88aa;font-weight:400}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:rgba(255,255,255,.03);border-radius:8px;transition:.2s}.ranking-item .posicion{font-size:.65rem;font-weight:700;color:#f9ca24;min-width:28px}.ranking-item .nombre{cursor:default;flex:1;font-size:.7rem;font-weight:500;color:#b8d4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.ranking-item .valor{font-size:.75rem;font-weight:700;color:#20c997;text-align:right}.ranking-item.viento .valor{color:#a8e6cf}.ranking-loader{padding:1rem;color:#6a88aa;font-size:.7rem}.ranking-item.pos-1 .posicion{color:gold;text-shadow:0 0 5px rgba(255,215,0,.5)}.ranking-item.pos-2 .posicion{color:silver}.ranking-item.pos-3 .posicion{color:#cd7f32}@media (max-width:680px){.wind-rose-svg{width:55px;height:55px}.wind-direction-text{font-size:.6rem;bottom:-8px}.rankings-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}#calendarTable{width:100%;font-size:.7rem;min-width:600px}#calendarTable th{color:#00f2fe;padding:.5rem .3rem;font-weight:600;position:sticky;top:0;z-index:10}#calendarTable th:first-child{position:sticky;left:0;background:rgba(0,242,254,.2);z-index:20}#calendarTable td{padding:.4rem .3rem;border-bottom:1px solid rgba(0,242,254,.1);transition:.2s}#calendarTable td:first-child{position:sticky;left:0;background:rgba(10,20,35,.9);font-weight:700;color:#b8d4ff;z-index:5}#calendarTable td.cell-empty{background:rgba(255,255,255,.02);color:#4a6a8a;font-style:italic}#calendarTable td[data-tooltip]{cursor:help;position:relative}#calendarTable td[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;color:#00f2fe;font-size:.6rem;padding:4px 8px;border-radius:6px}.variable-selector,.year-selector{background:rgba(0,20,40,.8);border:1px solid rgba(0,242,254,.3);border-radius:40px;padding:.4rem 1rem;display:flex;align-items:center;gap:8px}.variable-selector select,.year-selector select{background:0 0;border:none;color:#fff;font-size:.75rem;outline:0;font-family:Inter,sans-serif;cursor:pointer}.variable-selector select option,.year-selector select option{background:#0a0f1e;color:#fff}.admin-menu{background:rgba(10,20,35,.75);backdrop-filter:blur(12px);border-radius:1rem;margin:1.5rem 0 1rem;border:1px solid rgba(0,242,254,.2);overflow:hidden;transition:.3s}.admin-menu-title{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:rgba(0,242,254,.08);cursor:pointer;font-weight:600;font-size:.85rem;color:#00f2fe;border-bottom:1px solid rgba(0,242,254,.15)}.admin-menu-title i,.modal-privacy-header h3 i{margin-right:8px}.admin-menu-toggle{transition:transform .3s;cursor:pointer;font-size:.7rem}.admin-menu-toggle.collapsed,.header-arrow.open{transform:rotate(180deg)}.admin-menu-links{display:flex;justify-content:center;gap:1.5rem;padding:1rem;flex-wrap:wrap;transition:max-height .3s,opacity .3s;max-height:200px;opacity:1}.admin-menu-links.collapsed{max-height:0;opacity:0;padding:0 1rem;overflow:hidden}.admin-menu-link{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;background:rgba(0,242,254,.1);border-radius:40px;color:#b8d4ff;font-size:.75rem;font-weight:500;transition:.3s;border:1px solid rgba(0,242,254,.2)}.admin-menu-link i{font-size:.8rem;color:#00f2fe}.admin-menu-link:hover{background:rgba(0,242,254,.25);transform:translateY(-2px);border-color:rgba(0,242,254,.5);color:#00f2fe}.status-badge.offline{background:rgba(220,53,69,.2)!important;color:#ff6b6b;border-color:rgba(220,53,69,.3);animation:1s ease-in-out infinite blinkOffline}.floating-btn{position:absolute;right:0;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal-privacy,.welcome-popup{height:100%;position:fixed;top:0;left:0}.stations-summary{background:rgba(10,20,35,.6);backdrop-filter:blur(8px);border-radius:.8rem;padding:.4rem .8rem;margin:.3rem 0;border:1px solid rgba(0,242,254,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.last-report,.stat-item{background:rgba(0,0,0,.2);padding:.25rem .6rem;border-radius:.6rem}.summary-stats{display:flex;gap:.8rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.3rem;transition:.2s}.stat-item i{font-size:.7rem;color:#00f2fe}.stat-item .stat-number{font-size:.9rem;font-weight:700;line-height:1}.stat-item .stat-label{font-size:.55rem;color:#7f9fcf;margin-left:.15rem}.stat-item.active .stat-number,.stat-item.active i{color:#28a745}.stat-item.inactive .stat-number,.stat-item.inactive i{color:#dc3545}.stat-item.data .stat-number,.stat-item.data i{color:#17a2b8}.last-report{font-size:.6rem;color:#6a88aa}.last-report i{margin-right:.2rem;font-size:.6rem;color:#00f2fe}.aemet-section,.pronostico-openmeteo{background:rgba(10,20,35,.75);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.5rem;margin:1rem 0;border:1px solid rgba(0,242,254,.2)}.aemet-section .pronostico-header,.pronostico-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.pronostico-header h3{font-weight:700;color:#b8d4ff;margin:0}.openmeteo-badge{background:rgba(0,0,0,.3);padding:4px 10px;border-radius:20px;font-size:.65rem;color:#6a88aa}.pronostico-dias{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.tarjeta-dia{background:rgba(0,0,0,.3);border-radius:1.2rem;padding:1rem;min-width:130px;transition:.3s;border:1px solid rgba(0,242,254,.1)}.tarjeta-dia:hover{transform:translateY(-5px);border-color:#00f2fe}.tarjeta-dia.hoy{background:linear-gradient(135deg,rgba(0,242,254,.1),rgba(0,100,150,.2))}.dia-nombre{font-weight:800;font-size:.9rem;color:#00f2fe;margin-bottom:10px}.temp-max{font-size:1.4rem;font-weight:700;color:#ff6b6b}.temp-min{font-size:1rem;font-weight:500;color:#4facfe;margin-left:8px}.icono-clima{font-size:2rem;margin:10px 0}.detalle-extra{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem}.pronostico-dias::-webkit-scrollbar{height:4px}.pronostico-dias::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.pronostico-dias::-webkit-scrollbar-thumb{background:#00f2fe;border-radius:10px}.footer-content{background:rgba(10,20,35,.6);backdrop-filter:blur(8px);border-radius:1.2rem;padding:1.5rem;border:1px solid rgba(0,242,254,.15)}.footer-info{font-size:.75rem;margin-bottom:1rem}.footer-aviso,.footer-links{margin:1rem 0;font-size:.7rem}.footer-aviso{background:rgba(255,107,107,.12);border-left:3px solid #ff6b6b;padding:.8rem 1rem;border-radius:.8rem;color:#ffb8b8;text-align:left}.footer-aviso i{color:#ff6b6b;margin-right:8px}.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footer-link{color:#00f2fe;transition:.3s}.footer-link:hover{color:#20c997}.separator{color:#4a6a8a}.footer-copyright{font-size:.65rem;opacity:.6;margin-top:.8rem}.modal-privacy{display:none;z-index:99999;width:100%;background-color:rgba(0,0,0,.85);backdrop-filter:blur(8px);animation:.3s fadeIn}.chart-modal.open,.modal-privacy.open{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-privacy-content{background:rgba(10,20,35,.98);backdrop-filter:blur(12px);border-radius:1.5rem;width:90%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(0,242,254,.3);box-shadow:0 20px 40px rgba(0,0,0,.5);animation:.3s slideUp}.modal-privacy-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(0,242,254,.2)}.modal-privacy-header h3{color:#00f2fe;font-size:1.2rem;font-weight:700;margin:0}.modal-close{font-size:1.8rem;font-weight:700;cursor:pointer;color:#6a88aa;transition:.2s;line-height:1}.modal-close:hover{color:#ff6b6b;transform:scale(1.1)}.modal-privacy-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-privacy-body h4{color:#00f2fe;font-size:.9rem;margin:1rem 0 .5rem;border-left:3px solid #00f2fe;padding-left:10px}.modal-privacy-body p{font-size:.75rem;line-height:1.5;color:#b8d4ff;margin-bottom:.8rem}.modal-privacy-body ul{margin:.5rem 0 1rem 1.5rem}.modal-privacy-body li{font-size:.7rem;color:#b8d4ff;margin-bottom:.3rem}.modal-privacy-body a{color:#20c997;text-decoration:none}.warning-box{background:rgba(255,107,107,.15);border-left:3px solid #ff6b6b;padding:.8rem;border-radius:.8rem;margin:1rem 0}.warning-box i{color:#ff6b6b;font-size:1rem;margin-right:8px}.warning-box strong{color:#ff6b6b;font-size:.8rem}.warning-box p{margin-top:5px;font-size:.7rem;color:#ffb8b8}.modal-privacy-footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,242,254,.2);text-align:center}.btn-close-modal{background:rgba(0,242,254,.2);border:1px solid rgba(0,242,254,.4);color:#00f2fe;padding:.5rem 1.5rem;border-radius:40px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:.8rem;transition:.3s}.btn-close-modal:hover{background:rgba(0,242,254,.4);transform:translateY(-2px)}.real-card:last-child:hover{border-color:#9b59b6!important;box-shadow:0 8px 25px rgba(155,89,182,.4)!important}.real-card:last-child .card-icon i{transition:.3s}.real-card:last-child:hover .card-icon i{transform:scale(1.2);text-shadow:0 0 15px rgba(155,89,182,.8)}.real-card:last-child:hover .gauge-bar-fill.fill-uv{filter:brightness(1.2);box-shadow:0 0 8px rgba(155,89,182,.5)}.real-card:last-child:hover .sub-detail{color:#9b59b6;transition:.3s}.real-card:last-child .uv-risk-high{color:#e67e22}.real-card:last-child .uv-risk-extreme{color:#e74c3c}.real-card:last-child:hover .uv-risk-extreme,.real-card:last-child:hover .uv-risk-high{animation:.8s ease-in-out infinite uvPulse}@keyframes uvPulse{0%,100%{opacity:.8}50%{opacity:1;text-shadow:0 0 5px currentColor}}.welcome-popup{display:none;width:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:100000;align-items:center;justify-content:center;animation:.3s fadeIn}.welcome-popup.show{display:flex}.welcome-popup-content{background:rgba(10,20,35,.98);backdrop-filter:blur(12px);border-radius:1.5rem;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;border:1px solid rgba(0,242,254,.3);box-shadow:0 25px 50px rgba(0,0,0,.5);animation:.4s slideUp}.welcome-popup-header{display:flex;align-items:center;gap:12px;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(0,242,254,.2);background:linear-gradient(135deg,rgba(0,242,254,.08),transparent);border-radius:1.5rem 1.5rem 0 0}.welcome-popup-header i{font-size:1.8rem;color:#00f2fe}.welcome-popup-header h3{flex:1;font-size:1.2rem;font-weight:700;color:#00f2fe;margin:0}.welcome-popup-close{background:rgba(220,53,69,.2);border:none;color:#ff6b6b;font-size:1.5rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}.welcome-popup-close:hover{background:rgba(220,53,69,.4);transform:scale(1.1)}.welcome-popup-body{padding:1.5rem;text-align:center}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-icon i{background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-popup-body p{color:#b8d4ff;font-size:.85rem;line-height:1.5;margin-bottom:1rem}.welcome-features{text-align:left;margin:1.2rem 0;padding:0;list-style:none}.welcome-features li{padding:.5rem 0;color:#b8d4ff;font-size:.8rem;border-bottom:1px solid rgba(0,242,254,.1);display:flex;align-items:center;gap:10px}.welcome-features li i{width:24px;color:#20c997;font-size:.9rem}.welcome-note{background:rgba(32,201,151,.1);padding:.8rem;border-radius:.8rem;font-size:.75rem;margin-top:1rem}.welcome-popup-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:center;border-top:1px solid rgba(0,242,254,.1)}.welcome-btn-primary,.welcome-btn-secondary{padding:.6rem 1.5rem;font-size:.8rem;cursor:pointer;transition:.3s}.welcome-btn-primary{background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;color:#1a2a3a;border-radius:40px;font-weight:700}.welcome-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,242,254,.3)}.welcome-btn-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(0,242,254,.3);color:#b8d4ff;border-radius:40px;font-weight:600}.welcome-popup-content::-webkit-scrollbar{width:4px}.welcome-popup-content::-webkit-scrollbar-track{background:rgba(0,242,254,.1);border-radius:4px}.welcome-popup-content::-webkit-scrollbar-thumb{background:#00f2fe;border-radius:4px}.year-hint{color:#00f2fe;font-size:.7rem;cursor:help;opacity:.7;transition:opacity .3s}.year-hint:hover::after{content:"Al cambiar el año se actualizan automáticamente el resumen estadístico y la precipitación mensual";position:absolute;color:#00f2fe;font-size:.65rem;padding:.4rem .8rem;border-radius:.5rem;margin-bottom:5px}.update-badge{font-size:.55rem;background:rgba(32,201,151,.2);color:#20c997;padding:.15rem .4rem;border-radius:20px;margin-left:.3rem;white-space:nowrap}.avisos-section{background:linear-gradient(135deg,rgba(10,15,30,.95),rgba(5,10,20,.95));border-radius:1.5rem;margin:.8rem 0;padding:.6rem;border:1px solid rgba(0,242,254,.2);backdrop-filter:blur(10px)}.avisos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;flex-wrap:wrap;gap:1rem;padding-bottom:.4rem;border-bottom:2px solid rgba(0,242,254,.3)}.avisos-title{display:flex;align-items:center;gap:.8rem}.avisos-title i{font-size:1.2rem;color:#ff6b6b;animation:2s infinite pulseWarning}.avisos-title h3{margin:0;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#fff,#4facfe);-webkit-background-clip:text;background-clip:text;color:transparent}.avisos-badge{background:rgba(0,242,254,.2);padding:.1rem .5rem;border-radius:20px;font-size:.6rem;font-weight:500;color:#00f2fe;border:1px solid rgba(0,242,254,.4)}.avisos-container{display:flex;flex-direction:column;gap:1rem;max-height:450px;overflow-y:auto;padding-right:.3rem}.avisos-container::-webkit-scrollbar{width:4px}.avisos-container::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.avisos-container::-webkit-scrollbar-thumb{background:rgba(0,242,254,.4);border-radius:4px}.avisos-loading{text-align:center;padding:2rem;color:#6a88aa}.avisos-loading i{font-size:1.5rem;margin-right:.5rem}.aviso-card-compact{background:rgba(0,0,0,.25);border-left:3px solid;border-radius:.5rem;padding:.6rem .7rem;margin-bottom:.6rem}.aviso-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;gap:.5rem}.aviso-header-compact i{font-size:.85rem;width:1.2rem}.aviso-header-compact strong{font-size:.8rem;flex:1}.aviso-nivel-compact{padding:.15rem .6rem;border-radius:12px;font-size:.6rem;font-weight:700;white-space:nowrap}.aviso-zona-compact{font-size:.7rem;color:#aac8e0;margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem}.aviso-zona-compact i{font-size:.65rem;width:.9rem}.aviso-descripcion-compact{font-size:.7rem;background:rgba(0,0,0,.2);padding:.3rem .5rem;border-radius:.4rem;margin:.3rem 0;line-height:1.35}.aviso-fechas-compact{font-size:.6rem;color:#6a88aa;display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.3rem}.aviso-fuente-compact{font-size:.55rem;margin-top:.3rem;text-align:right;opacity:.7}.avisos-error,.estado-cielo-icono,.sin-avisos,.sp-main,.sp-stat,.wind-hud{text-align:center}.sin-avisos{padding:2rem;color:#20c997}.sin-avisos i{font-size:2.5rem;margin-bottom:.5rem}.sin-avisos p{margin:.5rem 0}.sin-avisos small{color:#6a88aa;font-size:.7rem}.avisos-error{padding:1.5rem;background:rgba(0,0,0,.3);border-radius:1rem}.avisos-error i{font-size:2rem;color:#ff8c42;margin-bottom:.5rem}.avisos-error p{margin:.5rem 0;color:#ff8c42}.avisos-error a{color:#00f2fe;font-size:.85rem}@keyframes blinkOffline{0%,100%{opacity:1}50%{opacity:.3}}.radar-overlay{filter:brightness(1.1) contrast(1.1);mix-blend-mode:multiply}.aemet-section .pronostico-header h3{font-weight:700;color:#b8d4ff;margin:0;font-size:1rem}.aemet-badge{background:rgba(0,100,200,.15);padding:4px 12px;border-radius:20px;font-size:.65rem;color:#4facfe;border:1px solid rgba(79,172,254,.3)}.aemet-badge i{font-size:.55rem;margin-right:4px}.aemet-update{font-size:.6rem;color:#6a88aa;margin-left:auto}.aemet-section .pronostico-dias{display:flex;flex-direction:column;gap:.8rem;padding:.5rem 0;overflow:visible}#annualContent.open,.collapsed-content.open{max-height:600px;overflow-y:auto}.aemet-dia-expandible{background:rgba(0,0,0,.25);border-radius:1rem;border:1px solid rgba(0,242,254,.1);overflow:hidden;transition:.3s}.aemet-dia-expandible:hover{border-color:rgba(0,242,254,.3);background:rgba(0,0,0,.35)}.aemet-dia-expandible.alerta-calor{border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.05)}.aemet-dia-expandible.alerta-calor:hover{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.08)}.aemet-dia-expandible.alerta-lluvia{border-color:rgba(79,172,254,.3);background:rgba(79,172,254,.05)}.aemet-dia-expandible.alerta-lluvia:hover{border-color:rgba(79,172,254,.5);background:rgba(79,172,254,.08)}.aemet-dia-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;cursor:pointer;user-select:none;transition:.2s}.aemet-dia-header:hover{background:rgba(0,242,254,.05)}.aemet-dia-info{display:flex;align-items:baseline;gap:.8rem;min-width:120px}.aemet-dia-nombre{font-weight:800;font-size:.9rem;color:#00f2fe;letter-spacing:.5px}.aemet-dia-fecha{font-size:.65rem;color:#6a88aa}.aemet-dia-resumen{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.aemet-dia-icono{font-size:1.6rem;line-height:1}.aemet-dia-temp{display:flex;gap:.5rem;font-size:1.1rem;font-weight:700}.aemet-dia-expand-icon{color:#6a88aa;font-size:.8rem;transition:transform .3s;padding:0 4px}.aemet-dia-detalles{padding:0 1rem 1.2rem;border-top:2px solid rgba(0,242,254,.2);animation:.3s slideDown;background:linear-gradient(180deg,rgba(0,242,254,.03),rgba(0,0,0,.2))}.aemet-detalles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:.8rem 0}.detalle-grupo{background:rgba(255,255,255,.03);border-radius:.8rem;padding:.8rem 1rem;border:1px solid rgba(0,242,254,.08);transition:.3s;backdrop-filter:blur(4px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.detalle-grupo:hover{border-color:rgba(0,242,254,.25);background:rgba(255,255,255,.06);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.detalle-titulo{color:#00f2fe;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid rgba(0,242,254,.1);display:flex;align-items:center;gap:6px}.detalle-item{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.75rem;color:#b8d4ff;border-bottom:1px solid rgba(255,255,255,.03)}.detalle-item:last-child{border-bottom:none}.detalle-item .temp-max-val{text-shadow:0 0 10px rgba(255,107,107,.2)}.detalle-item .temp-min-val{text-shadow:0 0 10px rgba(79,172,254,.2)}.detalle-item .prob-lluvia-val{color:#20c997;text-shadow:0 0 10px rgba(32,201,151,.2)}.detalle-alertas{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.alerta-badge{border-radius:20px;font-weight:600;background:rgba(255,107,107,.12);color:#ff6b6b;border:1px solid rgba(255,107,107,.25);display:flex;align-items:center;gap:4px}.detalle-recomendaciones{color:#b8d4ff;background:rgba(0,242,254,.05);border-radius:.8rem;border-left:3px solid #00f2fe;margin-top:.8rem;background:linear-gradient(135deg,rgba(0,242,254,.05),rgba(0,242,254,.01))}.detalle-recomendaciones .icono-recomendacion{margin-right:6px}.hora-temp{background:rgba(0,242,254,.08);border-radius:12px;color:#b8d4ff;border:1px solid rgba(0,242,254,.1)}.hora-temp:hover{background:rgba(0,242,254,.15);border-color:rgba(0,242,254,.3)}.estado-periodo{color:#6a88aa;background:rgba(0,0,0,.2);border-radius:10px}.detalle-item .viento-periodo{color:#a8e6cf;font-weight:400}@media (max-width:768px){.stations-summary{flex-direction:column;align-items:stretch;padding:.5rem}.summary-stats{justify-content:space-around;gap:.5rem}.stat-item{flex:1;justify-content:center;padding:.2rem .4rem}.stat-item .stat-number{font-size:.85rem}.stat-item .stat-label{font-size:.5rem}.last-report{text-align:center;font-size:.55rem}.aviso-header,.avisos-header{flex-direction:column;align-items:flex-start}.aviso-fechas{flex-direction:column;gap:.3rem}.aviso-card:hover{transform:translateX(0)}.avisos-container{max-height:200px}.aviso-card-compact{padding:.5rem;margin-bottom:.5rem}.aviso-header-compact strong{font-size:.75rem}.aviso-descripcion-compact{font-size:.65rem;padding:.25rem .4rem}.aemet-dia-header{flex-wrap:wrap;gap:.5rem;padding:.6rem .8rem}.aemet-dia-info{min-width:80px;gap:.5rem}.aemet-dia-nombre{font-size:.8rem}.aemet-dia-resumen{gap:.8rem;flex:1;justify-content:flex-end}.aemet-dia-icono{font-size:1.3rem}.aemet-dia-temp{font-size:.95rem;gap:.3rem}.aemet-dia-lluvia,.detalle-item{font-size:.65rem}.aemet-detalles-grid{grid-template-columns:1fr 1fr;gap:.5rem}.aemet-dia-detalles{padding:0 .8rem .8rem;padding-top:.2rem!important;padding-bottom:.4rem!important;border-top-width:1px!important}.detalle-grupo{padding:.6rem .7rem}.detalle-item{padding:.2rem 0}.detalle-item .viento-periodo,.detalle-titulo{font-size:.6rem}.detalle-recomendaciones{font-size:.6rem;padding:.4rem .7rem}.hora-temp{font-size:.55rem;padding:1px 6px}}.detalle-grupo.estado-cielo{grid-column:1/-1!important;background:rgba(0,242,254,.05)!important;border:1px solid rgba(249,202,36,.15)!important}.detalle-grupo.estado-cielo .detalle-titulo{color:#f9ca24!important;border-bottom-color:rgba(249,202,36,.2)!important}.estado-cielo-icono{font-size:2rem}.estado-cielo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.csv-btn{background:rgba(32,201,151,.2);border:1px solid rgba(32,201,151,.5);color:#20c997;padding:.5rem 1rem;border-radius:40px;cursor:pointer;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;transition:.3s;white-space:nowrap;display:flex;align-items:center;gap:6px}.csv-btn:hover{background:rgba(32,201,151,.4);box-shadow:0 5px 20px rgba(32,201,151,.3);transform:translateY(-2px)}.chart-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:99999;cursor:pointer}.chart-modal-overlay{width:98%;height:95%;display:flex;flex-direction:column;cursor:default}.chart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:rgba(10,20,35,.95);border-radius:1rem 1rem 0 0;border:1px solid rgba(0,242,254,.3);border-bottom:none}.chart-expand-btn,.chart-modal-close{cursor:pointer;align-items:center;display:flex}.chart-modal-header span{color:#b8d4ff;font-size:1.1rem;font-weight:700}.chart-modal-close{background:rgba(220,53,69,.8);border:2px solid rgba(255,255,255,.5);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;font-weight:700;justify-content:center;transition:.3s;line-height:1}.chart-modal-close:hover{background:#dc3545}.chart-modal-canvas-wrapper{flex:1;background:rgba(10,20,35,.95);border-radius:0 0 1rem 1rem;border:1px solid rgba(0,242,254,.3);border-top:none;padding:1rem;position:relative;min-height:0}.chart-modal-canvas-wrapper canvas{width:100%!important;height:100%!important;position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;width:calc(100% - 2rem)!important;height:calc(100% - 2rem)!important}.chart-expand-btn{position:absolute;top:8px;right:8px;background:rgba(0,242,254,.15);border:1px solid rgba(0,242,254,.3);color:#00f2fe;width:24px;height:24px;border-radius:5px;font-size:.6rem;justify-content:center;transition:.2s;z-index:5;opacity:0}.floating-btn,.refresh-btn{width:50px;height:50px;color:#00f2fe;cursor:pointer;backdrop-filter:blur(10px);align-items:center}.chart-expand-btn:hover{background:rgba(0,242,254,.3)}.collapsible-header{cursor:pointer;user-select:none}.collapsible-header:hover{opacity:.8}.header-arrow{font-size:.7rem;transition:transform .3s;margin-left:5px}.collapsed-content{max-height:0;overflow:hidden;transition:max-height .4s}#annualContent.open{overflow-x:auto}.refresh-btn{border-radius:50%;background:rgba(0,242,254,.2);border:2px solid rgba(0,242,254,.5);font-size:1.2rem;z-index:9999;transition:.3s;box-shadow:0 5px 20px rgba(0,242,254,.2);display:flex;justify-content:center}.floating-btn:hover,.refresh-btn:hover{background:rgba(0,242,254,.4);box-shadow:0 8px 30px rgba(0,242,254,.4);transform:scale(1.1)}.floating-btn:active,.refresh-btn:active{transform:scale(.95)}.real-card:nth-child(5) .temp-range{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.15rem!important;width:100%!important;margin-top:2px!important}.real-card:nth-child(5) .temp-range .range-high,.real-card:nth-child(5) .temp-range .range-low{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:.65rem!important;font-weight:500!important;white-space:nowrap!important;padding:0!important;margin:0!important;line-height:1.2!important}.detalle-titulo,.real-card:nth-child(5) .temp-range .range-high span,.real-card:nth-child(5) .temp-range .range-low span{font-size:.85rem!important;font-weight:700!important}.real-card:nth-child(5) .temp-range .range-low{color:#f0932b!important}@media (max-width:768px){.real-card:nth-child(5) .temp-range{gap:.1rem!important;margin-top:1px!important}.real-card:nth-child(5) .temp-range .range-high,.real-card:nth-child(5) .temp-range .range-low{font-size:.55rem!important}.real-card:nth-child(5) .temp-range .range-high span,.real-card:nth-child(5) .temp-range .range-low span{font-size:.75rem!important}}@media (max-width:480px){.estado-cielo-grid,.rankings-grid{grid-template-columns:1fr}.aemet-dia-header,.detalle-grupo{padding:.5rem .6rem}.aemet-dia-header{flex-direction:column;align-items:stretch;gap:.3rem}.aemet-dia-info{justify-content:space-between}.aemet-dia-resumen{justify-content:space-between;gap:.5rem}.aemet-dia-nombre{font-size:.7rem}.aemet-dia-fecha{font-size:.55rem}.aemet-dia-icono{font-size:1.1rem}.aemet-dia-temp{font-size:.8rem}.aemet-dia-lluvia,.detalle-item{font-size:.6rem}.aemet-detalles-grid{grid-template-columns:1fr;gap:.4rem}.detalle-recomendaciones{font-size:.6rem;padding:.4rem .6rem}.real-card:nth-child(5) .temp-range{gap:.05rem!important}.real-card:nth-child(5) .temp-range .range-high,.real-card:nth-child(5) .temp-range .range-high i,.real-card:nth-child(5) .temp-range .range-low,.real-card:nth-child(5) .temp-range .range-low i{font-size:.5rem!important}.real-card:nth-child(5) .temp-range .range-high span,.real-card:nth-child(5) .temp-range .range-low span{font-size:.65rem!important}}.aemet-dia-lluvia{font-size:1rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:4px!important;background:rgba(0,0,0,.15)!important;padding:2px 10px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.05)!important}.aemet-dia-lluvia i,.alerta-badge .icono{font-size:.9rem!important}.detalle-titulo .icono{font-size:1.2rem!important}.detalle-item span:first-child{font-size:.85rem!important;font-weight:500!important;color:#8ba3c4!important}.detalle-item .estado-cielo-val,.detalle-item .hum-val,.detalle-item .sensacion-val,.detalle-item .viento-dir,.detalle-item .viento-vel,.detalle-item span:last-child{font-size:.95rem!important;font-weight:600!important}.alerta-badge,.hora-temp span:last-child{font-size:.8rem!important}.detalle-item .temp-max-val,.detalle-item .temp-min-val{font-size:.95rem!important}.alerta-badge{padding:.3rem .9rem!important}.detalle-recomendaciones{font-size:.85rem!important;padding:.8rem 1.2rem!important;line-height:1.6!important}.detalle-recomendaciones .icono-recomendacion{font-size:1.1rem!important}.estado-periodo,.hora-temp{font-size:.75rem!important;padding:3px 10px!important}.floating-buttons{position:fixed;bottom:25px;right:25px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:10px}.back-to-top,.refresh-btn{bottom:auto;right:auto;position:relative}.floating-btn{border-radius:50%;background:rgba(0,242,254,.2);border:2px solid rgba(0,242,254,.5);font-size:1.2rem;transition:.3s;display:flex;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);margin:0;padding:0;flex-shrink:0}.back-to-top{opacity:0;transform:scale(.8);display:none;transition:.3s}.back-to-top.show{display:flex;opacity:1;transform:scale(1)}.refresh-btn.spinning i{animation:.8s ease-in-out spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.banner-img,.banner-slide,.banners-container{width:100%;height:auto}.aemet-dia-detalles .detalle-item .temp-max-val,.detalle-item .temp-max-val,.detalle-item span[style*="color: #ff6b6b"],div.detalle-item .temp-max-val{color:#ff6b6b!important;font-weight:700!important}.aemet-dia-detalles .detalle-item .temp-min-val,.detalle-item .temp-min-val,.detalle-item span[style*="color: #4facfe"],div.detalle-item .temp-min-val{color:#4facfe!important;font-weight:700!important}.banners-container{max-width:300px;margin:0 auto;overflow:visible}.banner-link{display:block;width:100%}.banner-img{display:block;border-radius:8px}.station-highlight-marker{background:0 0!important;border:none!important}.station-highlight{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;pointer-events:none}.station-highlight-ring{position:absolute;width:46px;height:46px;border:3px solid #f9ca24;border-radius:50%;box-shadow:0 0 25px rgba(249,202,36,.9),inset 0 0 15px rgba(249,202,36,.5);animation:1.4s ease-in-out infinite highlightPulse}.station-highlight-ripple{position:absolute;width:46px;height:46px;border:2px solid #00f2fe;border-radius:50%;animation:2s ease-out infinite highlightRipple}.wind-card,.wind-rose-modern{position:relative;display:flex}.station-highlight-ripple-2{animation-delay:.7s}@keyframes highlightPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}@keyframes highlightRipple{0%{transform:scale(.7);opacity:1;border-color:#00f2fe}100%{transform:scale(2.2);opacity:0;border-color:#00f2fe}}.station-highlight-tooltip{background:rgba(249,202,36,.95)!important;color:#0a0f1e!important;border:none!important;font-weight:700!important;font-size:.72rem!important;padding:3px 10px!important;border-radius:20px!important;box-shadow:0 0 15px rgba(249,202,36,.6)!important;font-family:Inter,sans-serif!important}.rose-label-soft,.rose-label-strong,.sp{font-family:Inter,sans-serif}.station-highlight-tooltip::before{border-top-color:rgba(249,202,36,.95)!important}.wind-card{flex-direction:column;align-items:center;padding:.6rem .5rem .8rem!important}.wind-card .card-label{display:flex;align-items:center;gap:4px;justify-content:center;margin-bottom:.2rem;text-align:center;width:100%}.wind-card .card-icon{margin-bottom:.2rem;font-size:1.8rem}.wind-rose-modern{width:100%;max-width:200px;aspect-ratio:1/1;margin:0 auto;align-items:center;justify-content:center}.wind-rose-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(0, 242, 254, .15))}.rose-ring-outer{stroke:rgba(0,242,254,0.10);stroke-width:1;fill:none}.rose-ring-mid{stroke:rgba(0,242,254,0.14);stroke-width:1;fill:none}.rose-ring-inner{stroke:rgba(0,242,254,0.20);stroke-width:1;fill:none;stroke-dasharray:2 3}.rose-ring-core{stroke:rgba(0,242,254,0.22);stroke-width:1;fill:none}.rose-axis,.rose-tick-minor{stroke:rgba(0,242,254,0.22);stroke-width:.6}.rose-diagonal{stroke:rgba(0,242,254,0.10);stroke-width:.5}.rose-tick{stroke:rgba(0,242,254,0.45);stroke-width:1}.rose-label-strong{fill:#00f2fe;font-size:9px;font-weight:800;letter-spacing:.5px}.rose-label-soft{fill:#6a88aa;font-size:6.5px;font-weight:600;letter-spacing:.3px}.wind-arrow-modern{transform-origin:100px 100px;transform-box:view-box;transition:transform .6s cubic-bezier(.2, .9, .4, 1.1);filter:drop-shadow(0 0 5px rgba(255, 107, 107, .85))}.wind-hud{position:relative;z-index:2;width:58%;height:58%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(10,20,35,.98) 0,rgba(10,20,35,.85) 55%,rgba(10,20,35,0) 100%);pointer-events:none}.wind-speed-value{font-size:1.9rem;font-weight:800;line-height:1;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#a0c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.wind-speed-unit{font-size:.5rem;font-weight:600;color:#7f9fcf;letter-spacing:.6px;margin-top:1px}.wind-dir-pill,.wind-gust-pill{margin-top:3px;line-height:1.4}.wind-dir-pill{font-size:.62rem;font-weight:700;color:#00f2fe;background:rgba(0,242,254,.12);padding:1px 9px;border-radius:20px;letter-spacing:.3px;border:1px solid rgba(0,242,254,.28)}.wind-gust-pill{font-size:.55rem;font-weight:600;color:#ff8c42;background:rgba(255,140,66,.1);padding:1px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(255,140,66,.28)}.wind-gust-pill i{font-size:.45rem}.wind-gust-pill .gust-unit{font-size:.45rem;opacity:.75}.wind-gauge-bottom{margin-top:6px;width:100%}@media (max-width:768px){.aemet-dia-lluvia{font-size:.95rem!important;padding:2px 12px!important}.aemet-dia-lluvia i,.hora-temp span:last-child{font-size:.85rem!important}.detalle-item span:first-child,.detalle-titulo{font-size:.9rem!important}.detalle-titulo .icono{font-size:1.3rem!important}.detalle-item .estado-cielo-val,.detalle-item .hum-val,.detalle-item .prob-lluvia-val,.detalle-item .racha-val,.detalle-item .sensacion-val,.detalle-item .temp-max-val,.detalle-item .temp-min-val,.detalle-item .uv-val,.detalle-item .viento-dir,.detalle-item .viento-vel,.detalle-item span:last-child{font-size:1rem!important}.alerta-badge{font-size:.85rem!important;padding:.35rem 1rem!important}.alerta-badge .icono{font-size:.95rem!important}.detalle-recomendaciones{font-size:.9rem!important;padding:.8rem 1rem!important}.detalle-recomendaciones .icono-recomendacion{font-size:1.2rem!important}.hora-temp{font-size:.8rem!important;padding:3px 10px!important}.hora-temp span:first-child{font-size:.65rem!important}.floating-buttons{bottom:20px;right:20px;gap:8px}.floating-btn{width:45px;height:45px;font-size:1rem}.wind-rose-modern{max-width:170px}.wind-speed-value{font-size:1.6rem}.wind-dir-pill{font-size:.58rem;padding:1px 8px}.wind-gust-pill{font-size:.5rem;padding:1px 7px}}@media (max-width:480px){.aemet-dia-lluvia{font-size:.85rem!important;padding:2px 10px!important}.aemet-dia-lluvia i,.detalle-item span:first-child,.hora-temp span:last-child{font-size:.75rem!important}.alerta-badge .icono,.detalle-titulo{font-size:.8rem!important}.detalle-titulo .icono{font-size:1.1rem!important}.detalle-item .estado-cielo-val,.detalle-item .hum-val,.detalle-item .prob-lluvia-val,.detalle-item .racha-val,.detalle-item .sensacion-val,.detalle-item .temp-max-val,.detalle-item .temp-min-val,.detalle-item .uv-val,.detalle-item .viento-dir,.detalle-item .viento-vel,.detalle-item span:last-child{font-size:.85rem!important}.alerta-badge{font-size:.75rem!important;padding:.25rem .8rem!important}.detalle-recomendaciones{font-size:.8rem!important;padding:.6rem .8rem!important}.hora-temp{font-size:.7rem!important;padding:2px 7px!important}.hora-temp span:first-child{font-size:.55rem!important}.floating-buttons{bottom:15px;right:15px;gap:6px}.floating-btn{width:40px;height:40px;font-size:.9rem;border-width:1.5px}.wind-rose-modern{max-width:150px}.wind-speed-value{font-size:1.35rem}.wind-speed-unit{font-size:.45rem}.wind-dir-pill{font-size:.52rem;padding:1px 6px}.wind-gust-pill{font-size:.45rem;padding:1px 6px}.wind-gust-pill i{font-size:.4rem}}.custom .leaflet-popup-content-wrapper{background:rgba(10,20,35,.97)!important;border-radius:14px!important;padding:0!important;border:1px solid rgba(0,242,254,.28)!important;box-shadow:0 15px 45px rgba(0,0,0,.6),0 0 0 1px rgba(0,242,254,.08) inset!important;overflow:hidden;backdrop-filter:blur(14px)}.custom .leaflet-popup-content{margin:0!important;width:220px!important;line-height:1.2!important}.custom .leaflet-popup-tip{background:rgba(10,20,35,.97)!important;border:1px solid rgba(0,242,254,.28)!important;box-shadow:none!important}.custom .leaflet-popup-close-button{color:#6a88aa!important;font-size:18px!important;padding:6px 8px 0 0!important;transition:color .2s}.custom .leaflet-popup-close-button:hover{color:#ff6b6b!important;background:0 0!important}.sp{color:#e2e8f0}.sp-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(0,242,254,.1),rgba(0,242,254,.02));border-bottom:1px solid rgba(0,242,254,.12)}.sp-dot{width:7px;height:7px;border-radius:50%;background:#20c997;box-shadow:0 0 8px rgba(32,201,151,.9);flex-shrink:0;animation:2s ease-in-out infinite spDotPulse}.sp-dot.stale{background:#f9ca24;box-shadow:0 0 8px rgba(249,202,36,.9)}.sp-dot.offline{background:#ff6b6b;box-shadow:0 0 8px rgba(255,107,107,.9)}@keyframes spDotPulse{0%,100%{opacity:1}50%{opacity:.55}}.sp-name{flex:1;font-size:.82rem;font-weight:700;color:#b8d4ff;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-main{padding:14px 12px 6px}.sp-temp{font-size:2.4rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,#a0c4ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1.5px}.sp-temp span{font-size:1.3rem;font-weight:600}.sp-range{font-size:.62rem;color:#6a88aa;margin-top:4px;font-weight:500;letter-spacing:.2px}.sp-range .hi{color:#ff8c94;font-weight:700}.sp-range .lo{color:#7fc4ff;font-weight:700}.sp-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px 12px}.sp-stat{background:rgba(0,242,254,.05);border:1px solid rgba(0,242,254,.1);border-radius:8px;padding:6px 8px;transition:.2s}.sp-stat:hover{background:rgba(0,242,254,.1);border-color:rgba(0,242,254,.25)}.sp-stat-icon{font-size:.85rem}.sp-stat-value{display:block;font-size:.8rem;font-weight:700;color:#b8d4ff;margin-top:1px;letter-spacing:-.3px}.sp-stat-label{display:block;font-size:.52rem;color:#6a88aa;letter-spacing:.6px;margin-top:1px}.layer-chip,.sp-action{font-family:Inter,sans-serif;font-size:.68rem;cursor:pointer}.sp-action{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:9px;background:linear-gradient(135deg,rgba(0,242,254,.18),rgba(0,242,254,.08));border:none;border-top:1px solid rgba(0,242,254,.15);color:#00f2fe;font-weight:700;letter-spacing:.3px;transition:.2s}.sp-action:hover{background:linear-gradient(135deg,rgba(0,242,254,.3),rgba(0,242,254,.15));color:#fff}.sp-action i{font-size:.6rem;transition:transform .2s}.map-chips-bar{position:absolute;left:0;right:0;bottom:0;z-index:1000;padding:14px 12px 12px;background:linear-gradient(0deg,rgba(10,20,35,.88) 0,rgba(10,20,35,.55) 70%,rgba(10,20,35,0) 100%);pointer-events:none;border-radius:0 0 1rem 1rem}.chips-scroll{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:6px 2px 8px;pointer-events:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,242,254,0.4) transparent}.chips-scroll::-webkit-scrollbar{height:3px}.chips-scroll::-webkit-scrollbar-track{background:0 0}.chips-scroll::-webkit-scrollbar-thumb{background:rgba(0,242,254,.35);border-radius:3px}.chips-scroll::-webkit-scrollbar-thumb:hover{background:rgba(0,242,254,.6)}.layer-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:rgba(10,20,35,.72);backdrop-filter:blur(8px);border:1px solid rgba(0,242,254,.18);border-radius:20px;color:#b8d4ff;font-weight:600;letter-spacing:.2px;transition:.22s;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}.layer-chip i{font-size:.75rem;color:var(--chip-color,#6a88aa);transition:transform .22s;pointer-events:none}.layer-chip:hover{background:rgba(0,242,254,.12);border-color:rgba(0,242,254,.4);color:#e2e8f0;transform:translateY(-2px)}.layer-chip:hover i{transform:scale(1.15)}.layer-chip.active{background:linear-gradient(135deg,rgba(0,242,254,.22),rgba(0,242,254,.08));border-color:var(--chip-color,#00f2fe);color:#fff;box-shadow:0 0 14px rgba(0,242,254,.35),inset 0 0 8px rgba(0,242,254,.15)}.layer-chip.active i{color:var(--chip-color,#00f2fe);filter:drop-shadow(0 0 4px currentColor)}.chip-separator{flex:0 0 auto;width:1px;height:22px;align-self:center;background:rgba(0,242,254,.2);margin:0 3px;border-radius:1px}@media (max-width:680px){.admin-menu-links{flex-direction:column;align-items:center;gap:.8rem}.admin-menu-link{width:80%;justify-content:center}.footer-links{flex-direction:column;gap:.5rem}.separator{display:none}.footer-aviso{font-size:.65rem}.wind-card .card-icon{font-size:1.2rem;margin-bottom:.1rem}.map-chips-bar{padding:6px}.layer-chip{padding:6px 9px;font-size:.62rem;gap:4px}.layer-chip i{font-size:.68rem}.chip-separator{height:18px;margin:0 2px}}