.con-fachadas{position:relative;--fachada-borde:#34576c;--fachada-texto:#d9edf7;--fachada-suave:#9cb9cc}
.con-fachadas [hidden]{display:none!important}
.fachada-tabs{position:relative;display:flex;gap:4px;background:#081b2a;border:1px solid var(--fachada-borde);border-radius:8px;padding:3px;flex:none;margin:3px 0 5px}
.fachada-tabs button{flex:1;border:0;background:transparent;color:var(--fachada-suave);padding:7px 4px;font:500 11px/1.3 'IBM Plex Sans',sans-serif;border-radius:5px;cursor:pointer;pointer-events:auto}
.fachada-tabs button[aria-pressed=true]{background:#28506a;color:#f1faff}
.fachada-tabs button:focus-visible,.fachada-opciones button:focus-visible,.fachada-distrito:focus-visible{outline:2px solid #c1f1ff;outline-offset:2px}
.fachada-ayuda{position:relative;margin:3px 0 0;color:var(--fachada-suave);font:400 10px/1.4 'IBM Plex Sans',sans-serif;flex:none}
.con-fachadas .lima .fachada-distrito{pointer-events:auto!important;cursor:pointer}
.con-fachadas .lima .fachada-distrito:hover{stroke:#c1f1ff!important;stroke-width:2;filter:brightness(1.18)}
.con-fachadas[data-vista-local=fachada]>svg.lima,.con-fachadas[data-vista-local=fachada]>.hy-lima-leyenda,.con-fachadas[data-vista-local=fachada]>.atlas-fuente-mapa{display:none!important}
.fachada-panel{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;color:var(--fachada-texto);overflow:auto}
.fachada-cabecera{padding:10px 0;flex:none}
.fachada-etiqueta{display:block;color:#8bddf3;font:400 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.12em}
.hy-mapa .fachada-panel h3{font:500 clamp(17px,1.4vw,25px)/1.15 'Archivo',sans-serif;letter-spacing:-.02em;margin:5px 0;color:#e8f4ff}
.fachada-cabecera p{font:400 11px/1.4 'IBM Plex Sans',sans-serif;color:var(--fachada-suave);margin:0}
.fachada-fecha{display:block;font:400 9px/1.3 'IBM Plex Sans',sans-serif;color:#acc9da;margin-top:5px}
.fachada-cabecera .fachada-alerta{color:#f1cc99;margin-top:5px;font-size:10px}
.fachada-visual{position:relative;flex:1;min-height:230px;background:#081725;border:1px solid var(--fachada-borde);border-radius:10px;overflow:hidden;display:flex}
.fachada-visual iframe{display:block;width:100%;height:100%;min-height:230px;position:absolute;inset:0;border:0}
.fachada-visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.fachada-pie{padding:10px 0 0;flex:none;font:400 10px/1.45 'IBM Plex Sans',sans-serif;color:var(--fachada-suave)}
.fachada-origen{display:flex;flex-direction:column;gap:3px}.fachada-origen a{color:#c3e8fa}.fachada-origen small{font-size:9px}
.fachada-origen details{font-size:9px}.fachada-origen summary{cursor:pointer}.fachada-origen details[open]{padding-bottom:5px}
.fachada-enlaces{display:flex;gap:8px;justify-content:space-between;margin-top:9px;flex-wrap:wrap}
.fachada-enlaces a{color:#d0efff;border:1px solid var(--fachada-borde);border-radius:6px;padding:6px 9px;text-decoration:none;background:#17384b;pointer-events:auto}
.fachada-vacia,.fachada-elegir{padding:22px 15px;text-align:center;margin:auto;color:var(--fachada-suave);font:400 12px/1.5 'IBM Plex Sans',sans-serif}
.fachada-vacia svg{width:48px;fill:none;stroke:#85abc3;stroke-width:1.5;display:block;margin:0 auto 14px}.fachada-vacia strong{display:block;color:#e3f3ff;font-size:16px}.fachada-vacia p{max-width:260px;margin:10px auto}
.fachada-opciones{display:flex;flex-direction:column;gap:10px;margin-top:18px}.fachada-opciones button,.fachada-reintentar{display:flex;justify-content:space-between;gap:14px;color:#e7f5ff;background:#1a3c52;border:1px solid #49768e;border-radius:8px;padding:12px;text-align:left;cursor:pointer;font:500 13px 'IBM Plex Sans',sans-serif;pointer-events:auto}
.fachada-cargando{padding:35px 10px;text-align:center;color:var(--fachada-suave)}
.con-fachadas .lima.ciudad-svg{overflow:hidden}
body:not(.hy-tv) .fachada-visual{min-height:300px}
@media(min-width:651px) and (max-height:800px){:where(body:not(.hy-tv-escala)) .fachada-ayuda{display:none}:where(body:not(.hy-tv-escala)) .fachada-tabs button{font-size:10px;padding:5px 3px}:where(body:not(.hy-tv-escala)) .fachada-cabecera{padding:5px 0}:where(body:not(.hy-tv-escala)) .hy-mapa .fachada-panel h3{font-size:16px}:where(body:not(.hy-tv-escala)) .fachada-cabecera p{font-size:10px}:where(body:not(.hy-tv-escala)) .fachada-visual,:where(body:not(.hy-tv-escala)) .fachada-visual iframe{min-height:180px}:where(body:not(.hy-tv-escala)) .fachada-pie{padding-top:6px;font-size:9px}:where(body:not(.hy-tv-escala)) .fachada-origen small{display:none}:where(body:not(.hy-tv-escala)) .fachada-enlaces{margin-top:5px}:where(body:not(.hy-tv-escala)) .fachada-enlaces a{padding:4px 6px}}
@media(max-width:1000px) and (min-width:651px){:where(body:not(.hy-tv-escala)) .fachada-visual,:where(body:not(.hy-tv-escala)) .fachada-visual iframe{min-height:180px}:where(body:not(.hy-tv-escala)) .fachada-ayuda{display:none}:where(body:not(.hy-tv-escala)) .fachada-panel{overflow:auto}:where(body:not(.hy-tv-escala)) .fachada-cabecera{padding:5px 0}:where(body:not(.hy-tv-escala)) .hy-mapa .fachada-panel h3{font-size:16px}}
@media print{.fachada-tabs,.fachada-panel,.fachada-ayuda{display:none!important}.con-fachadas[data-vista-local=fachada]>svg.lima,.con-fachadas[data-vista-local=fachada]>.hy-lima-leyenda{display:block!important}}
/* Keep source/date and actions visible around the image on presentation screens. */
body.hy-tv .con-fachadas .fachada-panel{display:grid;grid-template-rows:auto minmax(160px,1fr) auto;align-content:stretch;overflow:auto}
body.hy-tv .con-fachadas .fachada-panel[data-estado=seleccion],body.hy-tv .con-fachadas .fachada-panel[data-estado=cargando]{display:flex}
body.hy-tv .con-fachadas .fachada-cabecera{padding:5px 0;line-height:1.2}
body.hy-tv .con-fachadas .fachada-cabecera>.fachada-etiqueta{display:none}
body.hy-tv .con-fachadas .fachada-cabecera h3{font-size:clamp(16px,1.1vw,22px);margin:3px 0}
body.hy-tv .con-fachadas .fachada-visual,body.hy-tv .con-fachadas .fachada-visual iframe{min-height:0}
body.hy-tv .con-fachadas .fachada-pie{padding-top:6px}
body.hy-tv .con-fachadas .fachada-origen{flex-direction:row;justify-content:space-between;gap:8px;align-items:start}
body.hy-tv .con-fachadas .fachada-origen details{max-width:65%}
body.hy-tv .con-fachadas .fachada-enlaces{margin-top:5px}
.fachada-origen details[open] small{display:block}
.fachada-ciudad-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font:400 10px 'IBM Plex Sans',sans-serif;color:var(--fachada-suave)}
.fachada-ciudad-control select{font:500 12px 'IBM Plex Sans',sans-serif;color:#e8f4ff;background:#17384b;border:1px solid var(--fachada-borde);border-radius:6px;padding:6px;max-width:65%}
.hy .lima.ciudad-svg .pin .num{font-size:15px}
.hy .lima.ciudad-svg .pin .dot{stroke-width:2.5}
.hy .lima.ciudad-svg .ciudad-nombres text{font:500 16px 'IBM Plex Sans',sans-serif;letter-spacing:.8px;fill:#d8e8f1;stroke:#173344;stroke-width:4;paint-order:stroke;text-anchor:middle}
body:not(.hy-tv) .con-fachadas .atlas-fuente-mapa{color:var(--fachada-suave)}