.entorno-panel{position:fixed;right:22px;top:85px;width:360px;max-height:calc(100dvh - 155px);overflow:auto;z-index:12000;background:#0d2230f5;color:#ebf6ff;border:1px solid #3b6375;border-radius:20px;padding:22px;box-shadow:0 20px 70px #0007;font:13px/1.5 Inter,system-ui,sans-serif;scrollbar-width:thin}
.entorno-panel[hidden]{display:none!important}.entorno-panel *{box-sizing:border-box}.entorno-panel header{display:flex;align-items:start;justify-content:space-between;gap:15px}.entorno-panel h2{font-size:21px;margin:2px 0 14px;letter-spacing:-.4px;color:#fff}.entorno-panel h3{font-size:11px;color:#63e3ce;text-transform:uppercase;letter-spacing:1px;margin:20px 0 9px}.entorno-panel p{font-size:11px;color:#b1c7d7;margin:9px 0}.entorno-panel button,.entorno-panel select{font:inherit;background:#1d3a4b;color:#e8f6ff;border:1px solid #4a697c;border-radius:9px;padding:8px 11px;cursor:pointer}.entorno-panel button:hover{background:#2b5267}.entorno-panel button:focus-visible,.entorno-panel select:focus-visible{outline:2px solid #61f0d8;outline-offset:2px}.entorno-panel .et-actions{display:flex;gap:8px;flex-wrap:wrap}.entorno-panel select{width:100%;margin:8px 0}.entorno-panel .et-location{padding:12px;background:#071822;border:1px solid #314c5b;border-radius:11px;font-size:12px}.entorno-panel .et-layer{display:flex;align-items:center;gap:9px;border-bottom:1px solid #2b4351;padding:10px 0;font-size:12px;cursor:pointer}.entorno-panel .et-layer input{accent-color:#53dec5;width:16px;height:16px}.entorno-panel .et-layer small{margin-left:auto;color:#90b6c9}.entorno-panel .et-result{display:block;width:100%;text-align:left;margin:5px 0;font-size:11px}.entorno-panel .et-result b{display:block;color:#6fe7d0}.entorno-panel .et-source{color:#8adce9;text-decoration:underline}.entorno-panel .et-error{color:#ffd087}.entorno-panel footer{font-size:10px;color:#97afbe;border-top:1px solid #385365;margin-top:18px;padding-top:12px}.entorno-panel .et-meta{color:#8fe4d2;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}
@media(max-width:600px){.entorno-panel{left:10px;right:10px;top:65px;width:auto;max-height:calc(100dvh - 135px);padding:18px}}

/* Exploración visual: un lugar, un radio y los equipos próximos. */
.entorno-panel{box-sizing:border-box;top:80px;width:410px;max-height:calc(100dvh - 120px);background:#0e1c2b;border-color:#31465b;border-radius:24px;padding:24px;box-shadow:0 24px 90px #0009;scrollbar-color:#40586d transparent;animation:et-enter .24s ease-out}
.entorno-panel header{position:sticky;top:-1px;z-index:2;background:#0e1c2b;padding-bottom:8px;box-shadow:0 -25px #0e1c2b}
.entorno-panel svg{width:20px;height:20px;flex-shrink:0}.entorno-panel h2{font-size:27px;font-weight:750;margin:3px 0 0;letter-spacing:-1px}.entorno-panel h3{font-size:13px;font-weight:700;color:#eaf3fc;margin:0;display:flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0}.entorno-panel .et-intro{font-size:12px;line-height:1.65;max-width:310px;margin:8px 0 16px}.entorno-panel .et-meta{color:#67dcca;font-weight:700;letter-spacing:2px}
.entorno-panel button,.entorno-panel select{background:#192d40;border-color:#365068;border-radius:11px;transition:background .18s,border-color .18s,transform .18s}.entorno-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.entorno-panel button:hover{background:#25445c;border-color:#6d8ca3}.entorno-panel button:active{transform:translateY(1px)}.entorno-panel button:disabled{opacity:.45;cursor:default}.et-layer:focus-within{outline:2px solid #61f0d8;outline-offset:3px}.entorno-panel [data-action=close]{width:32px;height:32px;padding:0;border-radius:50%;font-size:22px;background:#162a3c;border-color:#314c62}.entorno-panel .et-primary{background:#69dfc7;color:#062c2b;border-color:#69dfc7;font-weight:750}.entorno-panel .et-primary:hover{background:#95f1dc;color:#062c2b}.entorno-panel .et-pick-actions{flex-wrap:nowrap}.entorno-panel .et-pick-actions button{font-size:11px;flex:1;padding:10px 6px}.entorno-panel .et-pick-actions svg{width:16px;height:16px}
.entorno-panel .et-overview{display:flex;align-items:center;gap:22px;padding:8px 15px;background:radial-gradient(ellipse at 22% 50%,#1d56543d,transparent 70%),#122637;border:1px solid #294759;border-radius:18px}.entorno-panel .et-radar{position:relative;width:145px;height:156px;flex-shrink:0}.entorno-panel .et-radar svg{width:145px;height:145px}.et-ring{fill:#3ed8c70b;stroke:#52cebd;stroke-opacity:.65;stroke-width:1.1}.et-inner{stroke-dasharray:3 5;stroke-opacity:.4}.et-radar-axis{stroke:#688da5;stroke-opacity:.2;stroke-dasharray:3 5}.et-radius-line{stroke:#b5e7e0;stroke-dasharray:3 3;stroke-opacity:.7}.et-radar-dots circle{fill:#f9c967;stroke:#183442;stroke-width:1}.et-radar-center{fill:#52dcc4;stroke:#e4fff9;stroke-width:2}.et-radar text{fill:#9abfc9;font:9px system-ui}.entorno-panel .et-radius-value{position:absolute;bottom:2px;left:0;width:100%;text-align:center;font-size:12px;font-weight:750;color:#9ceadb}.et-metric{display:flex;flex-direction:column;align-items:start;min-width:0}.et-live-label{font-size:8px;letter-spacing:1.2px;color:#8faabc}.et-metric strong{font-size:44px;line-height:1.15;font-weight:750;color:#f4fafc;letter-spacing:-2px;font-variant-numeric:tabular-nums}.et-metric small{font-size:12px;color:#c5d6e4}.et-reference{display:inline-block;margin-top:9px;background:#9ec1d20d;border:1px solid #577a8f66;border-radius:6px;padding:3px 6px;color:#a9c6d6;font-size:9px;line-height:1.4}
.entorno-panel .et-location{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 0;color:#d1dfed;font-size:11px;background:none;border:0}.et-location>svg{color:#69dac7}.et-location div{min-width:0}.et-location b{display:block;font-size:11px;font-weight:700}.et-location span{display:block;color:#90a7bc;font-size:10px}.entorno-panel .et-radius-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}.et-radius-control label{font-size:12px;font-weight:650}.et-radius-control small{display:block;font-size:10px;color:#90a7bc;font-weight:400}.entorno-panel select{width:145px;font-size:12px;padding:10px;margin:0}.entorno-panel .et-distance-note{font-size:9px;line-height:1.5;margin:9px 0 20px;color:#94abbd}
.et-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 10px}.et-section-head>span{font-size:9px;color:#8da8bb;max-width:130px;text-align:right}.et-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.entorno-panel .et-layer{position:relative;display:flex;flex-direction:column;align-items:start;gap:8px;min-height:98px;padding:11px;background:#14273a;border:1px solid #2b4056;border-radius:13px;cursor:pointer;transition:background .2s,border-color .2s}.et-layer:hover{border-color:var(--et-accent)!important}.et-layer:has(input:checked){border-color:var(--et-accent);background:color-mix(in srgb,var(--et-accent) 12%,#122334)}.entorno-panel .et-layer input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;margin:0}.et-layer-icon{display:flex;color:var(--et-accent)}.entorno-panel .et-layer-icon svg{height:26px;width:26px}.et-layer-title{font-size:10px;font-weight:600;color:#c9dce9;line-height:1.4;max-width:100%}.et-switch{position:absolute;top:12px;right:9px;width:20px;height:11px;border-radius:9px;background:#344c62;pointer-events:none}.et-switch:after{content:'';position:absolute;top:2px;left:2px;width:7px;height:7px;border-radius:50%;background:#b4cad9;transition:transform .18s}.et-layer:has(input:checked) .et-switch{background:var(--et-accent)}.et-layer:has(input:checked) .et-switch:after{transform:translateX(9px);background:#10232f}.et-layer:has(input:disabled){opacity:.55}.et-layer-status:empty{display:none}.entorno-panel .et-layer-hint{font-size:9px;color:#94abbd}
.entorno-panel .et-camera-count{font-size:10px;margin-bottom:10px;color:#9bb4c8}.entorno-panel .et-result{display:flex;width:100%;text-align:left;gap:10px;padding:11px;margin:7px 0;border:1px solid #2c4359;background:#14283a;border-radius:13px}.et-camera-icon{display:flex;align-items:center;justify-content:center;width:37px;height:40px;border-radius:10px;background:#24473f;color:#91e8c3;flex-shrink:0}.et-result-copy{display:block;flex:1;min-width:0}.entorno-panel .et-result-copy b{display:flex;justify-content:space-between;gap:7px;font-size:11px;color:#e6f5fb}.et-result-copy em{font-size:10px;color:#7fddc9;font-weight:600;font-style:normal;white-space:nowrap}.et-result-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;color:#99b2c5;margin-top:3px;line-height:1.5}.et-result>svg{width:14px;color:#86a9bc}.entorno-panel .et-empty{display:flex;align-items:center;gap:12px;padding:18px;background:#132537;border-radius:12px;font-size:11px;color:#a1b9ca}.entorno-panel .et-empty svg{width:28px;height:28px;color:#71c7bc}.entorno-panel .et-downloads{padding-top:17px;margin-top:16px;border-top:1px solid #2b4257}.entorno-panel .et-downloads button{font-size:10px;padding:8px}.entorno-panel .et-downloads svg{width:14px;height:14px}.entorno-panel .et-downloads [data-action=clear]{border-color:transparent;background:transparent;color:#a4bdcf}.entorno-panel footer{font-size:9px;line-height:1.7;color:#89a1b4;margin-top:16px;border:0;padding-top:0}.et-footer-heading{display:flex;align-items:center;gap:6px;color:#b3c7d7;margin-bottom:5px}.entorno-panel .et-footer-heading svg{height:13px;width:13px}
.et-map-popup .leaflet-popup-content-wrapper{padding:0;background:#112537;color:#dceaf6;border:1px solid #3f5b71;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #0007}.et-map-popup .leaflet-popup-content{margin:0!important;font:12px/1.5 Inter,system-ui,sans-serif}.et-map-popup .leaflet-popup-tip{background:#112537}.leaflet-container .et-map-popup a.leaflet-popup-close-button{color:#dceaf6;top:6px;right:7px;font-size:22px}.et-place-hero{padding:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--et-accent) 22%,#142b3b),#193347);border-bottom:1px solid #35516a;color:var(--et-accent)}.et-place-hero svg{width:38px;height:38px}.et-place-hero span{font-size:8px;letter-spacing:1.5px;font-weight:700}.et-place-body{padding:17px 20px}.et-place-body h3{font-size:21px;line-height:1.2;margin:0;color:#f1f8fc;font-weight:700;letter-spacing:-.5px}.et-place-body .et-place-name{margin:6px 0;font-size:12px;color:#d6e4f0}.et-place-body p{margin:12px 0;font-size:11px;color:#a6bed0}.et-place-body .et-reference{color:var(--et-accent);border-color:color-mix(in srgb,var(--et-accent) 35%,transparent)}.et-place-date{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #314a5e;font-size:10px;color:#96afc3}.et-place-date b{font-weight:600;color:#dce8f3}.leaflet-container .et-place-body a{display:flex;align-items:center;justify-content:space-between;margin-top:5px;color:#83e1cd;font-size:11px;text-decoration:none}.et-place-body a svg{width:16px;height:16px}
@keyframes et-enter{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.entorno-panel{left:10px;right:10px;top:65px;width:auto;max-height:calc(100dvh - 105px);padding:18px;border-radius:20px}.entorno-panel .et-overview{gap:12px;padding:8px}.et-metric strong{font-size:38px}.entorno-panel .et-radar{width:130px;height:140px}.entorno-panel .et-radar svg{width:130px;height:130px}.et-layer-grid{gap:6px}.entorno-panel .et-layer{padding:9px}.entorno-panel h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.entorno-panel,.entorno-panel *{animation:none!important;transition:none!important}}