*{box-sizing:border-box}html,body{height:100%;margin:0;font:14px Arial;background:#071a35;color:#eef}body{display:grid;grid-template-rows:62px minmax(0,1fr);overflow:hidden}header{display:flex;align-items:center;gap:25px;padding:10px 18px;background:#061a38;border-bottom:1px solid #315d86;z-index:1500}header b{font-size:20px}header small{display:block;font-size:9px;color:#aac3da}header>a:last-child{margin-left:auto}.aemet-header-link,header>a{color:#8fd1ff;text-decoration:none;font-weight:700}.aemet-header-link:hover,header>a:hover{color:#fff;text-decoration:underline}main{display:grid;grid-template-columns:315px minmax(0,1fr);min-height:0}aside{padding:14px;overflow:auto;background:#0b2545;border-right:1px solid #315d86;z-index:1100}h1{font-size:21px;margin:0}.card{background:#113154;border:1px solid #356b99;border-radius:10px;padding:12px;margin:11px 0}.card h2{font-size:12px;text-transform:uppercase;color:#a9d9ff}.card label{display:block;margin:8px}.card select,.card button{width:100%;padding:9px;background:#092440;color:#fff;border:1px solid #4f88b4;border-radius:7px}.periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.periods button.active{background:#1682c5}.periods button[hidden]{display:none}.line{display:flex;justify-content:space-between;margin-top:12px}.card input[type=range]{width:100%}#periodInfo,#status{font-size:11px;color:#c7dced;line-height:1.4;overflow-wrap:anywhere}.mapwrap{position:relative;min-width:0;min-height:0;overflow:hidden}#map{height:100%;background:#dce4e9}#menu{display:none}#badge,#times,#legend,#probe{position:absolute;z-index:700;border:1px solid #3f76a3;border-radius:8px;box-shadow:0 3px 13px #0005}#badge{top:12px;left:12px;background:#071a35ed;padding:9px;font-weight:bold}#times{top:12px;left:50%;transform:translateX(-50%);background:#071a35ed;padding:8px 14px;font-size:12px;text-align:center;white-space:nowrap;pointer-events:none;max-width:calc(100% - 220px);overflow:hidden;text-overflow:ellipsis}#legend{right:12px;bottom:78px;background:#fffffff2;color:#17304b;padding:8px;max-width:65%}.legendrow{display:flex;overflow:auto}.legenditem{font-size:10px;text-align:center;min-width:42px}.swatch{height:18px}#probe{pointer-events:none;background:#071a35f2;color:#fff;padding:7px;white-space:nowrap;will-change:transform;contain:layout paint style}.timeline{position:absolute;z-index:800;left:0;right:0;bottom:0;display:grid;grid-template-columns:38px 38px 38px minmax(80px,1fr) auto auto;gap:8px;align-items:center;padding:10px;background:#071a35f5}.timeline button{height:36px;background:#123556;color:#fff;border:1px solid #4b7fa7;border-radius:7px}.tile-dark{filter:invert(92%) hue-rotate(180deg) brightness(65%) contrast(110%)}.leaflet-image-layer{transition:none!important}.leaflet-zoom-animated{will-change:transform}@media(max-width:780px){body{grid-template-rows:54px minmax(0,1fr)}header{gap:10px;padding:7px 10px}header b{font-size:17px}header small{display:none}.aemet-header-link{font-size:12px;white-space:nowrap}header>a:last-child{font-size:12px}main{display:block;position:relative}aside{position:absolute;inset:0 auto 0 0;width:min(330px,88vw);transform:translateX(-105%);transition:transform .2s;box-shadow:8px 0 24px #0008}aside.open{transform:none}.mapwrap{height:100%}#menu{display:block;position:absolute;z-index:1300;top:10px;left:10px;width:42px;height:42px}#badge{display:none}#times{top:8px;left:62px;right:8px;transform:none;max-width:none;padding:7px 9px;font-size:10px;text-align:left;white-space:normal;line-height:1.35}#legend{left:8px;right:8px;bottom:86px;max-width:none;padding:6px}.timeline{height:78px;grid-template-columns:34px 34px 34px minmax(60px,1fr);grid-template-rows:34px 24px;gap:4px 6px;padding:6px 8px}.timeline #clock{grid-column:1/4;font-size:10px}.timeline #count{grid-column:4;font-size:10px;text-align:right}.timeline input{grid-column:4;grid-row:1}#probe{max-width:calc(100% - 16px);font-size:11px}.leaflet-control-zoom{margin-top:62px!important}}@media(max-width:440px){header b{font-size:15px}.aemet-header-link{font-size:11px}header>a:last-child{display:none}#times{font-size:9px}.legenditem{min-width:36px}}

/* v26.12 */
.satellite-card label{display:block;margin:7px 0}.source-note{font-size:10px;line-height:1.35;opacity:.78;margin:8px 0 0}.satellite-card input[type=range]{width:100%}

#cloudTempLegend{position:absolute;z-index:850;right:10px;bottom:92px;background:#071a35f2;color:#fff;padding:9px;border-radius:8px;max-width:210px;box-shadow:0 2px 12px #0008}#cloudTempLegend b,#cloudTempLegend small{display:block}#cloudTempLegend img{display:block;max-width:190px;max-height:260px;margin:6px auto}#cloudTempLegend small{font-size:9px;line-height:1.25;opacity:.8}@media(max-width:780px){#cloudTempLegend{right:8px;bottom:92px;max-width:170px}#cloudTempLegend img{max-width:150px;max-height:180px}}

/* v26.13: información y leyenda arriba a la derecha */
#satUpdate{position:absolute;z-index:860;right:10px;top:10px;background:#071a35ee;color:#fff;padding:8px 10px;border-radius:8px;max-width:270px;font-size:10px;line-height:1.35;box-shadow:0 2px 12px #0008}#satUpdate hr{border:0;border-top:1px solid #ffffff35;margin:6px 0}#cloudTempLegend{right:10px!important;top:84px!important;bottom:auto!important;max-width:230px!important}#cloudTempLegend img{max-width:210px!important;max-height:260px!important}@media(max-width:780px){#satUpdate{right:8px;top:62px;max-width:180px;font-size:9px}#cloudTempLegend{right:8px!important;top:150px!important;max-width:180px!important}#cloudTempLegend img{max-width:160px!important;max-height:180px!important}}

/* v26.14: sin CTTH ni dependencias Python */

/* v26.15 */
#satLegends{position:absolute;z-index:845;right:12px;bottom:calc(78px + 72px);display:flex;flex-direction:column;gap:7px;align-items:flex-end;pointer-events:none}.satLegend{width:min(390px,62vw);background:#fffffff2;color:#17304b;border:1px solid #3f76a3;border-radius:8px;padding:8px;box-shadow:0 3px 13px #0005}.satLegend b{display:block;font-size:11px;margin-bottom:5px}.irScale{height:22px;background:linear-gradient(90deg,#6e0000 0%,#ff2000 10%,#ffef00 22%,#42ff8a 34%,#00dfff 43%,#0037dc 52%,#e5e5e5 54%,#bababa 70%,#7b7b7b 84%,#161616 100%)}.scaleTicks,.rainTicks{display:flex;justify-content:space-between;font-size:9px;margin-top:3px}.rainScale{height:22px;background:linear-gradient(90deg,#efffec 0 8%,#baf5b6 8% 18%,#35bd45 18% 31%,#54b6f2 31% 43%,#134ee8 43% 55%,#2700e8 55% 65%,#7614b8 65% 75%,#a64ac5 75% 87%,#d0008a 87% 97%,#8b005e 97% 100%)}.rainTicks span{width:14.285%;text-align:center}.rainTicks span:first-child{text-align:left}.rainTicks span:last-child{text-align:right}#satUpdate{max-height:42vh;overflow:auto}@media(max-width:780px){#satLegends{left:8px;right:8px;bottom:calc(86px + 66px);align-items:stretch}.satLegend{width:100%;max-width:none;padding:6px}.irScale,.rainScale{height:17px}.satLegend b{font-size:10px}}

/* v26.16 */
/* El recorte es solo visual: no cambia bounds, PNG, canvas ni lectura de valores del radar. */
.radar-layer{clip-path:circle(49.7% at 50% 50%);-webkit-clip-path:circle(49.7% at 50% 50%)}
.satStyle{font-size:8px;opacity:.72;overflow-wrap:anywhere}

/* v26.17 */
.radar-layer{clip-path:none!important;-webkit-clip-path:none!important}
.liScale{height:22px;background:linear-gradient(90deg,#fff9c8 0%,#ffe493 28%,#ffc15f 47%,#ff7540 66%,#eb2534 82%,#b8003e 100%)}.liTicks{display:flex;justify-content:space-between;font-size:9px;margin-top:3px}.satLegend small{display:block;font-size:9px;margin-top:3px;opacity:.8}

/* v26.18 */

/* v26.19 */

/* v26.18.1 */

/* v26.18.2 */
#exportPng{margin-top:8px;background:#147eb7;border-color:#79c9f2;font-weight:700}#exportPng:disabled{opacity:.65;cursor:progress}

/* v26.18.3 */

/* v26.18.4 */

/* v26.18.5 */