:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#16314a;background:#e8f0f4;font-synthesis:none;--blue:#067aaa;--border:#cbdce6}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{border:1px solid #b6ccd9;border-radius:8px;background:linear-gradient(#fff,#eaf2f7);color:#20445d;min-height:38px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 2px #15374a12}button:hover{background:#e0f0f9}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #efa837;outline-offset:2px}button:disabled{opacity:.4;cursor:default}button.active,button[aria-pressed=true]{color:#fff;background:linear-gradient(#1197bf,#06759f);border-color:#057099}.shell{max-width:1760px;margin:auto;height:100vh;height:100svh;min-height:620px;display:grid;grid-template-rows:auto auto minmax(320px,1fr) auto auto;background:#fff}.brand{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(110deg,#123e58,#087fa2);color:white}.brand h1{font-size:21px;margin:2px 0 0;letter-spacing:-.4px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:800}.brand>img{width:104px;height:44px;object-fit:contain;background:#ffffffee;border-radius:6px;padding:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.segments,.tools{display:flex;gap:6px;align-items:center}.segments button{font-size:12px}.tools select{max-width:145px}.map-wrap{position:relative;isolation:isolate;overflow:hidden}#map{height:100%;width:100%;background:#dce9ed;touch-action:pan-y}.leaflet-tile-pane{filter:saturate(.24) contrast(.86) brightness(1.07)}.leaflet-image-layer{image-rendering:auto}.leaflet-control-attribution{font-size:9px!important;background:#ffffffe8!important}.stamp{position:absolute;z-index:650;left:16px;top:16px;padding:11px 15px;border-radius:9px;background:#ffffffed;box-shadow:0 3px 18px #16314a24;border-left:4px solid #088bac;max-width:calc(100% - 88px);pointer-events:none}.stamp>span{display:block;text-transform:uppercase;font-size:9px;font-weight:850;letter-spacing:1px;color:#08789c}.stamp strong{display:block;font-size:20px;margin:2px 0;letter-spacing:-.3px}.stamp small{display:block;font-size:10px;color:#637586}.stamp.old{border-left-color:#bb6e17}.stamp.old>span{color:#9e5709}.zoom{position:absolute;right:14px;top:16px;z-index:650;display:grid;gap:5px}.zoom button{width:44px;padding:0;font-size:25px;background:#fffffff2}.zoom #home{font-size:10px}.watermark{position:absolute;left:15px;bottom:27px;z-index:650;display:flex;align-items:center;gap:8px;background:#fffffff0;padding:6px 10px;border-radius:7px;pointer-events:none;box-shadow:0 2px 12px #1437501a}.watermark img{width:92px;height:45px;object-fit:contain}.watermark span{font-size:9px;color:#617587}.legend{position:absolute;right:14px;bottom:28px;z-index:650;width:310px;background:#fffffff2;padding:8px 10px;border-radius:8px;box-shadow:0 2px 12px #14375020;pointer-events:none}.legend>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.colors{display:flex;height:10px;border-radius:3px;overflow:hidden}.colors i{flex:1}.scale{display:flex;justify-content:space-between;font-size:9px;padding-top:3px}.notice{position:absolute;z-index:660;bottom:107px;left:50%;transform:translateX(-50%);max-width:90%;padding:9px 14px;border-radius:7px;background:#fff5e5f5;color:#834c10;font-size:12px;text-align:center;box-shadow:0 3px 12px #16314a24;pointer-events:none}#panel{position:absolute;z-index:750;right:10px;top:10px;bottom:20px;width:min(360px,calc(100% - 20px));overflow:auto;padding:14px;background:#fffffff7;box-shadow:0 5px 25px #16314a40;border:1px solid var(--border);border-radius:10px;font-size:12px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading button{font-size:22px;min-height:30px;padding:0 10px}.small{font-size:10px;color:#5e7281}.radar-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #dfebf1}.radar-row.missing{color:#a7581c}.playback{display:flex;align-items:center;gap:16px;padding:11px 17px 8px;border-top:1px solid var(--border);background:#f8fbfd}.transport{display:flex;gap:5px}.transport button{width:38px;padding:0}.transport #play{width:50px;background:linear-gradient(#1196c0,#0678a2);color:#fff}.timeline{flex:1;min-width:80px}.timeline input{width:100%;accent-color:#0785ad;cursor:pointer;margin:0;height:20px}.ends{display:flex;justify-content:space-between;font-size:10px;color:#64798a;font-variant-numeric:tabular-nums}.speed{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px;font-size:10px}.speed select{min-height:32px;padding:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{display:flex;justify-content:space-between;gap:10px;padding:6px 17px;color:#68808e;font-size:9px;border-top:1px solid #e3edf2}[hidden]{display:none!important}
@media(max-width:650px){.shell{min-height:590px}.brand{padding:8px 12px}.brand h1{font-size:18px}.brand>img{width:85px;height:38px}.toolbar{padding:7px 8px;gap:6px}.segments{width:100%}.segments button{flex:1;font-size:11px;padding:6px;min-height:34px}.tools{width:100%;justify-content:space-between}.tools button,.tools select{font-size:11px;min-height:34px;padding:5px 8px}.stamp{left:9px;top:10px;padding:8px 10px}.stamp strong{font-size:16px}.zoom{right:8px;top:10px}.zoom button{width:38px;min-height:36px}.legend{width:205px;right:8px;bottom:24px;padding:6px 8px}.watermark{left:8px;bottom:24px;padding:3px 5px}.watermark img{width:75px;height:39px}.watermark span{display:none}.legend>div:first-child{font-size:9px}.playback{gap:9px;padding:9px 8px}.transport{gap:3px}.transport button{width:30px;min-height:36px}.transport #play{width:39px}.speed>span{display:none}.speed select{width:48px;font-size:10px}.ends{font-size:9px}#count{display:none}footer{font-size:8px;padding:5px 8px}footer>span:first-child{max-width:68%}.notice{font-size:11px;bottom:90px}.leaflet-control-attribution{font-size:8px!important}}

.shell{grid-template-rows:auto auto auto minmax(320px,1fr) auto auto}.sources{display:flex;gap:6px;padding:6px 14px;background:#f4f8fb;border-bottom:1px solid #d8e4ec}.sources a,.sources span{padding:7px 12px;border:1px solid #b6ccd9;border-radius:7px;text-decoration:none;font-size:12px;font-weight:750;color:#20445d;background:linear-gradient(#fff,#eaf2f7)}.sources .selected{color:#fff;background:#087da5;border-color:#067599}#sharePanel{position:absolute;right:10px;top:10px;z-index:800;width:min(375px,calc(100% - 20px));max-height:calc(100% - 25px);overflow:auto;background:#fffffff7;padding:14px;border:1px solid #cbdce6;border-radius:10px;box-shadow:0 4px 25px #16314a35;font-size:12px}.share-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}#sharePanel a{display:inline-block;padding:10px;border:1px solid #b6ccd9;border-radius:8px;text-decoration:none;color:#20445d;background:#edf5fa;font-weight:700}#sharePanel a.download{background:#087da5;color:white;border-color:#087da5}#sharePanel h3{margin-bottom:5px}#videoStatus{color:#446476;line-height:1.5}.tools{flex-wrap:wrap}.embedded .brand{padding-block:7px}.embedded .brand h1{font-size:17px}.embedded .brand img{height:35px}.embedded .shell{height:760px;min-height:760px}.speed select{min-width:55px}@media(max-width:650px){.sources{padding:5px 8px}.sources a,.sources span{font-size:11px;padding:6px 10px}.tools{justify-content:flex-start}.tools button,.tools select{padding:5px 7px}.shell{min-height:650px}.embedded .shell{height:760px;min-height:760px}}
/* Dos únicas franjas, 100 px en un visor de 760 px. */
.shell,.embedded .shell{max-width:none;height:760px;min-height:500px;display:grid;grid-template-rows:48px minmax(0,1fr) 52px}
body:not(.embedded) .shell{height:100svh;min-height:500px}
.shell:fullscreen{height:100dvh;min-height:0;grid-template-rows:min(48px,10dvh) minmax(0,1fr) min(52px,10dvh)}
.topbar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#f4f9fc;border-bottom:1px solid #cbdce6;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.topbar::-webkit-scrollbar{display:none}.topbar>*{flex-shrink:0}.logo{width:84px;height:36px;object-fit:contain}.radar-title{font-size:15px;color:#12425e}.source{margin-left:auto;font-size:10px;color:#466779}
.topbar button,.topbar select{height:36px;min-height:36px;padding:4px 10px;font-size:12px}.topbar #area{max-width:185px}.topbar #hours{max-width:145px}
.map-wrap{min-height:0}.zoom{top:12px;right:12px}.zoom button{min-height:40px;width:40px}.watermark{bottom:22px;left:10px;padding:3px 6px}.watermark img{height:34px;width:80px}.watermark span{display:none}
.bottom-bar{display:flex;align-items:center;gap:10px;padding:5px 12px;white-space:nowrap;background:#f5f9fc;overflow:hidden;font-size:11px;color:#16314a;border-top:1px solid #cbdce6}
.bottom-bar #date{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.bottom-bar .transport{gap:4px}.bottom-bar .transport button{min-height:36px;height:36px;width:32px}.bottom-bar .transport #play{width:40px}.bottom-bar .timeline{min-width:45px;flex:1}.bottom-bar .timeline input{display:block;height:32px}
.bottom-bar .legend{position:static;flex:0 0 210px;width:210px;margin:0;padding:0;background:none;box-shadow:none;border-radius:0}.bottom-bar .legend>div:first-child{margin-bottom:2px;font-size:9px}.bottom-bar .colors{height:7px}.bottom-bar .scale{font-size:8px;padding-top:2px}.bottom-bar .speed{display:block}.speed>span{display:none}.speed select{height:34px}.notice{display:none!important}
.leaflet-bottom.leaflet-left{bottom:65px!important}
@media(max-width:650px){.topbar{gap:5px;padding:4px 6px}.radar-title,.topbar .source{display:none}.logo{width:65px}.topbar button,.topbar select{font-size:11px;padding:4px 7px}.topbar #area{width:155px}.bottom-bar{padding:5px 6px;gap:5px}.bottom-bar #date{font-size:10px;max-width:69px;white-space:normal}.bottom-bar .transport button{width:26px}.bottom-bar .transport #play{width:30px}.bottom-bar .legend{flex-basis:95px;width:95px}.bottom-bar .legend b{display:none}.bottom-bar .legend>div:first-child{justify-content:flex-end}.bottom-bar .speed select{min-width:42px;width:42px;padding:2px;font-size:10px}}