:root{--navy:#172c75;--blue:#213f94;--teal:#00a58b;--green:#2ba633;--red:#ef1640;--gold:#e4941c;--ink:#202533;--paper:#f4f6fa;--line:#dce2ec;--muted:#637087;--shadow:0 12px 30px #172c7520;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select{font:inherit}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.6rem}.topbar{height:76px;padding:8px 24px;background:#fff;border-bottom:4px solid var(--teal);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:16px;color:var(--navy);line-height:1;text-decoration:none}.amb-logo{width:158px;height:56px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.brand strong{font-size:1.08rem}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.live-status{font-size:.78rem;color:var(--muted)}.live-status.ok{color:#168044}.live-status.bad{color:#b41737}.layout{height:calc(100vh - 76px);display:grid;grid-template-columns:350px minmax(0,1fr);transition:grid-template-columns .28s ease}.layout.panel-collapsed{grid-template-columns:54px minmax(0,1fr)}.panel{position:relative;width:350px;overflow:auto;background:#fff;padding:26px 22px;border-right:1px solid var(--line);z-index:3;transition:width .28s ease,padding .28s ease}.panel.is-collapsed{width:54px;padding:0;overflow:visible}.panel.is-collapsed .panel-content{display:none}.panel-toggle{position:absolute;right:14px;top:16px;display:flex;align-items:center;gap:6px;border:1px solid #d1d9e5;background:#fff;color:var(--navy);padding:7px 9px;border-radius:7px;font-weight:750;font-size:.73rem;cursor:pointer;z-index:4}.panel-toggle:hover{background:#f1f5fb}.panel-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.panel.is-collapsed .panel-toggle{position:relative;inset:auto;width:54px;height:54px;border:0;border-radius:0;padding:0;justify-content:center;background:var(--navy);color:#fff;box-shadow:2px 0 9px #172c7520}.panel.is-collapsed .panel-toggle:hover{background:var(--blue)}.panel.is-collapsed .panel-toggle svg{width:22px;height:22px}.panel.is-collapsed .toggle-label{display:none}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:850;color:var(--red);margin-bottom:8px}.panel h1{font-size:1.75rem;margin:0 0 8px;color:var(--navy);letter-spacing:-.04em}.intro{font-size:.88rem;line-height:1.55;color:#536078;margin:0 0 20px}.search-card{padding:14px;background:#f7f8fc;border:1px solid #dce2ed;border-radius:12px}.search-card label,.layers h2{font-size:.78rem;font-weight:800;color:var(--navy);display:block;margin-bottom:6px}.search-card select,.search-card input,#base-map{width:100%;border:1px solid #bac4d6;border-radius:7px;background:#fff;padding:9px 10px;color:var(--ink)}.barrio-picker{display:grid;gap:7px;margin-top:10px}.barrio-picker label{margin:0}.barrio-combobox{position:relative}.barrio-combobox-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid #c8d6e4;border-radius:24px;background:#fff;color:#7890af;padding:10px 16px;font-size:1rem;text-align:left;cursor:pointer}.barrio-combobox-trigger:hover,.barrio-combobox-trigger[aria-expanded="true"]{border-color:var(--teal);color:var(--navy)}.barrio-combobox-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.barrio-dropdown{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:12;background:#fff;border:1px solid #d5e0ec;border-radius:15px;box-shadow:0 14px 34px #172c7525;padding:12px}.barrio-dropdown input{border:2px solid #d8e2ed;border-radius:14px;padding:10px 13px}.barrio-options{max-height:232px;overflow:auto;margin-top:9px;padding-right:4px}.barrio-option{display:block;width:100%;border:0;border-radius:9px;background:#fff;color:#263d5b;font-weight:750;text-align:left;padding:10px 9px;cursor:pointer;line-height:1.18}.barrio-option:hover,.barrio-option[aria-selected="true"]{background:#edf8f6;color:var(--navy)}.barrio-empty{margin:10px 7px;color:var(--muted);font-size:.8rem}.search-submit{width:100%;margin-top:10px}.button{border:0;border-radius:7px;padding:9px 12px;font-weight:750;cursor:pointer}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--blue)}.ghost{background:#eef5f6;color:var(--navy)}.hint,.disclaimer{font-size:.72rem;line-height:1.42;color:var(--muted);margin:9px 0 0}.results{margin-top:16px}.results:empty{display:none}.result-heading{font-size:.78rem;font-weight:800;margin:0 0 7px;color:var(--navy)}.result{width:100%;text-align:left;margin:0 0 7px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;cursor:pointer}.result:hover{border-color:var(--teal);background:#f2fbf9}.result b,.result span{display:block}.result b{font-size:.78rem;color:var(--navy)}.result span{font-size:.74rem;margin-top:3px;color:var(--muted)}.layers{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.layers h2{margin-top:0}.layer-toggle{width:100%;border:0;background:transparent;color:#46526b;display:flex;align-items:center;gap:9px;padding:7px 5px;border-radius:7px;text-align:left;cursor:pointer;font-size:.84rem}.layer-toggle:hover{background:#f3f5fa;color:var(--navy)}.layer-toggle svg{width:20px;height:20px;fill:none;stroke:var(--teal);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.layer-toggle[aria-pressed="false"]{color:#8993a5}.layer-toggle[aria-pressed="false"] svg{stroke:#98a3b5}.layer-toggle[aria-pressed="false"] .eye-slash{display:block}.layer-toggle[aria-pressed="true"] .eye-slash{display:none}.disclaimer{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.map-shell{position:relative;min-width:0}.map-shell,#map{height:100%}#map{width:100%;background:#e5eef2}.map-tools{position:absolute;right:14px;top:14px;display:flex;gap:8px;z-index:4;box-shadow:var(--shadow)}#base-map{width:174px;padding:8px}.map-button{background:#fff;color:var(--navy);border:1px solid #c8cfdf}.map-button:disabled{opacity:.5;cursor:not-allowed}.map-note,.map-loading,.barrio-legend{position:absolute;bottom:14px;left:14px;margin:0;padding:8px 10px;background:#fffefde8;border-radius:6px;box-shadow:0 2px 10px #172c7520;font-size:.75rem}.map-loading{left:auto;right:14px;bottom:14px;color:var(--navy)}.barrio-legend{bottom:52px;display:flex;align-items:center;gap:7px;color:var(--navy);font-weight:750}.legend-swatch{width:12px;height:12px;border-radius:50%;background:var(--teal);border:1px solid #fff;box-shadow:0 0 0 1px #7c8fa7}dialog{width:min(480px,calc(100% - 28px));border:0;border-radius:12px;padding:25px;box-shadow:var(--shadow);color:var(--ink)}dialog::backdrop{background:#172c758c}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:1.8rem;cursor:pointer;color:var(--muted)}dialog h2{margin:0 0 18px;color:var(--navy)}dialog dl{margin:0;display:grid;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:7px 14px;font-size:.86rem}dialog dt{color:var(--muted)}dialog dd{margin:0;color:#29385e;font-weight:600;word-break:break-word}.modal-note{font-size:.74rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:18px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.topbar,.panel,.map-tools,.map-note,.map-loading,.barrio-legend{display:none}.layout{display:block;height:auto}.map-shell,#map{height:100vh}.ol-control{display:none}}@media(max-width:760px){.topbar{height:65px;padding:5px 12px}.amb-logo{width:116px;height:46px}.brand{gap:8px}.brand strong{font-size:.9rem}.brand small,.live-status{display:none}.layout{height:calc(100vh - 65px);display:block}.panel{position:absolute;top:0;left:0;max-height:calc(100vh - 65px);box-shadow:var(--shadow);border-radius:0 0 13px 0}.panel.is-collapsed{width:54px}.map-tools{top:10px;right:10px}.map-button{font-size:.75rem;padding:8px}.map-tools{max-width:calc(100% - 20px)}#base-map{width:150px}.barrio-legend{bottom:54px;max-width:calc(100% - 28px)}}
/* Controles de consulta: misma geometría y separación consistente. */
.search-card{display:grid;gap:12px;padding:16px;border-radius:16px}
.municipality-filter{display:grid;gap:7px;margin:14px 0;padding:13px 14px;background:#f7f8fc;border:1px solid #dce2ed;border-radius:12px}.municipality-filter h2{margin:0;color:var(--navy);font-size:.78rem}.municipality-filter select{width:100%;border:1px solid #bac4d6;border-radius:7px;background:#fff;padding:9px 10px;color:var(--ink)}.municipality-filter p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}
.search-card label{margin:0}
.search-card select,.search-card input{min-height:54px;border-radius:16px;padding:11px 14px}
.barrio-picker{gap:10px;margin:0}
.barrio-picker[hidden]{display:none}
.barrio-combobox-trigger{min-height:54px;border:1px solid #bac4d6;border-radius:16px;padding:11px 14px}
.barrio-dropdown input{border:1px solid #bac4d6;border-radius:16px}
.search-submit{min-height:54px;margin:0;border-radius:16px}
.search-card .hint{margin:0}
.search-submit{display:flex;align-items:center;justify-content:center;gap:8px}
.search-submit:disabled{cursor:wait;opacity:.88}
.search-spinner{width:17px;height:17px;border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;animation:search-spin .75s linear infinite}
.search-progress{display:flex;align-items:center;gap:7px;margin:0;color:var(--navy);font-size:.75rem;font-weight:700}
.search-progress::before{content:"";width:12px;height:12px;border:2px solid #9eb4c8;border-top-color:var(--teal);border-radius:50%;animation:search-spin .75s linear infinite}
.search-progress[hidden]{display:none}
@keyframes search-spin{to{transform:rotate(360deg)}}
.search-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.search-clear{min-height:54px;border:1px solid #c9d5e2;border-radius:16px;padding-inline:16px}
.units-intro{margin:-8px 0 14px;color:var(--muted);font-size:.84rem;line-height:1.45}
.units-options{display:grid;gap:8px;max-height:48vh;overflow:auto;padding-right:3px}
.unit-option{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px;text-align:left;color:var(--navy);cursor:pointer}
.unit-option:hover{border-color:var(--teal);background:#f1fbf9}
.unit-option b,.unit-option span{display:block}.unit-option b{font-size:.82rem}.unit-option span{margin-top:3px;color:var(--muted);font-size:.78rem}
.property-loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#101b4db8;backdrop-filter:blur(2px)}
.property-loading[hidden]{display:none}.property-loading-card{min-width:min(310px,calc(100% - 42px));max-width:390px;display:grid;justify-items:center;gap:8px;padding:26px 30px;border:1px solid #ffffff55;border-radius:22px;background:#172c75ee;color:#fff;box-shadow:0 18px 50px #07113b80;text-align:center}.property-loading-card strong{font-size:1rem}.property-loading-card span:last-child{color:#dce8ff;font-size:.78rem}
.initial-map-loading{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:#eef7f6d9;backdrop-filter:blur(2px);pointer-events:none}
.initial-map-loading[hidden]{display:none}.initial-map-loading-card{min-width:min(286px,calc(100% - 42px));max-width:360px;display:grid;justify-items:center;gap:8px;padding:24px 26px;border:1px solid #d8ece8;border-radius:20px;background:#fffefdf2;color:var(--navy);box-shadow:0 18px 48px #172c7530;text-align:center}.initial-map-loading-card .amb-spinner{width:48px;height:48px}.initial-map-loading-card strong{font-size:.95rem}.initial-map-loading-card span:last-child{color:var(--muted);font-size:.76rem}
.amb-spinner{width:58px;height:58px;border-radius:50%;background:conic-gradient(from 10deg,#172c75 0 18%,#00a58b 18% 38%,#2ba633 38% 57%,#e4941c 57% 76%,#ef1640 76% 94%,#fff 94% 100%);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:amb-spin .9s linear infinite}
@keyframes amb-spin{to{transform:rotate(360deg)}}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:18px 0 0}.modal-actions .button{min-height:42px;border-radius:12px}
@media print{@page{margin:10mm;size:auto}.topbar,.panel,.map-tools,.map-note,.map-loading,.barrio-legend,.property-loading,.ol-control,dialog:not(#property-modal),#property-modal .close,#property-modal .modal-actions{display:none!important}.layout{display:block!important;height:auto!important}.map-shell,#map{width:100%!important;height:130mm!important;break-inside:avoid}.map-shell{position:relative!important}#property-modal[open]{position:static!important;display:block!important;width:100%!important;max-width:none!important;margin:10mm 0 0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#202533}#property-modal::backdrop{display:none!important}#property-modal h2{font-size:1.35rem;margin-bottom:12px}#property-modal dl{grid-template-columns:minmax(140px,.8fr) 1.4fr;font-size:.82rem;gap:5px 12px}#property-modal .modal-note{margin:16px 0 0;padding-top:10px;font-size:.74rem}.amb-logo{mix-blend-mode:normal}}

/* Panel superpuesto: permite mantener el mapa visible y accesible al contraerlo. */
.collapsed-tools{display:none}
.panel{background:rgba(255,255,255,.89);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.panel.is-collapsed{background:rgba(23,44,117,.94);box-shadow:3px 0 14px #07113b35}
.rail-action{display:grid;place-items:center;width:54px;height:52px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.rail-action:hover,.rail-action:focus-visible{background:rgba(255,255,255,.17);outline:0}
.rail-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.panel.is-collapsed .collapsed-tools{display:grid;position:absolute;top:54px;left:0;width:54px;gap:4px;padding-top:4px}
@media(min-width:761px){
  .layout,.layout.panel-collapsed{display:block;position:relative}
  .map-shell{height:100%}
  .panel{position:absolute;inset:0 auto 0 0;height:100%;box-shadow:3px 0 18px #172c7520}
}

.print-report{display:none}
.live-status{display:none!important}
.ol-home{top:4.85em;left:.5em}
.ol-home button{display:grid;place-items:center}
.ol-home svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.map-tools{display:grid;gap:4px;box-shadow:none}
.map-tools-label{justify-self:start;padding:4px 8px;border-radius:6px;background:#fffffff0;color:var(--navy);font-size:.72rem;font-weight:800;box-shadow:0 2px 8px #172c7520}
.map-tools #base-map{box-shadow:var(--shadow)}
.layers-legend{position:absolute;z-index:4;right:14px;top:106px;display:grid;gap:4px;width:208px;min-width:0;padding:8px 9px;border:1px solid #d4ddea;border-radius:9px;background:#fffffff0;box-shadow:0 3px 14px #172c7520;color:var(--navy);font-size:.72rem}
.layers-legend strong{font-size:.73rem}.legend-item{display:flex;align-items:center;gap:7px;transition:opacity .18s}.legend-item i{width:18px;height:9px;border:2px solid #008ca1;border-radius:3px;background:rgba(0,168,181,.11)}
.legend-item[data-legend-layer="unidades"] i{border-color:#5c5ec4;background:rgba(92,94,196,.16)}.legend-item[data-legend-layer="construcciones"] i{border-color:#cc3f78;background:rgba(204,63,120,.13)}.legend-item[data-legend-layer="barrios"] i{border-color:#3576c2;border-style:dashed;background:linear-gradient(90deg,rgba(23,140,155,.2),rgba(138,98,182,.2),rgba(208,107,63,.2))}.legend-item[data-legend-layer="nomenclatura"] i{height:3px;border:0;border-radius:0;background:#6a7d86}.legend-item.is-muted{opacity:.36}
.legend-help{margin:3px 0 0;padding-top:6px;border-top:1px solid #dce4ed;color:#5a6d85;font-size:.64rem;line-height:1.35}
#query-panel.is-collapsed + .map-shell .ol-zoom,#query-panel.is-collapsed + .map-shell .ol-home{left:68px}
#query-panel.is-collapsed + .map-shell .map-note,#query-panel.is-collapsed + .map-shell .barrio-legend{left:68px}
.panel.is-collapsed{background:rgba(255,255,255,.96);box-shadow:3px 0 14px #172c7520}
.panel.is-collapsed .panel-toggle{background:#fff;color:var(--navy);box-shadow:inset 0 -1px 0 #dbe3ed}
.panel.is-collapsed .panel-toggle:hover{background:#f0f7f8;color:var(--teal)}
.rail-action{color:var(--navy)}
.rail-action:hover,.rail-action:focus-visible{background:#eaf6f5;color:var(--teal)}
@media(min-width:761px){
  #query-panel + .map-shell .ol-zoom,#query-panel + .map-shell .ol-home{left:364px}
  #query-panel.is-collapsed + .map-shell .ol-zoom,#query-panel.is-collapsed + .map-shell .ol-home{left:68px}
  #query-panel + .map-shell .map-note,#query-panel + .map-shell .barrio-legend{left:364px}
  #query-panel.is-collapsed + .map-shell .map-note,#query-panel.is-collapsed + .map-shell .barrio-legend{left:68px}
}
/* La ficha de impresión no es una modal: fluye debajo del mapa y no puede cubrirlo. */
.print-layout .panel,.print-layout .topbar,.print-layout .map-tools,.print-layout .map-note,.print-layout .map-loading,.print-layout .barrio-legend,.print-layout .layers-legend,.print-layout .initial-map-loading,.print-layout .property-loading{display:none!important}
.print-layout .layout{display:block!important;height:auto!important}
.print-layout .map-shell,.print-layout #map{width:100%!important;height:116mm!important}
.print-layout .print-report{display:block}
@media print{
  .topbar,.panel,.map-tools,.map-note,.map-loading,.barrio-legend,.layers-legend,.initial-map-loading,.property-loading,.ol-control,dialog{display:none!important}
  #property-modal[open]{display:none!important}
  .layout{display:block!important;height:auto!important}
  .map-shell,#map{width:100%!important;height:116mm!important;break-inside:avoid}
  .map-shell{position:relative!important}
  .print-report{display:block!important;width:100%;margin:8mm 0 0;padding:0;break-inside:avoid;color:#202533}
  .print-report h2{margin:0 0 12px;color:var(--navy);font-size:1.35rem}
  .print-report dl{margin:0;display:grid;grid-template-columns:minmax(140px,.8fr) 1.4fr;gap:5px 12px;font-size:.82rem}
  .print-report dt{color:var(--muted)}
  .print-report dd{margin:0;color:#29385e;font-weight:600;word-break:break-word}
  .print-report .modal-note{margin:16px 0 0;padding-top:10px;font-size:.74rem}
}

/* Teléfono: el panel ocupa la pantalla cuando está abierto y no tapa controles del mapa. */
.base-map-mobile{display:none}
@media(max-width:760px){
  .topbar{position:sticky;top:0;z-index:20;height:65px;padding:5px 12px;box-shadow:0 2px 10px #172c7518}
  .brand{min-width:0;gap:8px}.brand span{min-width:0}.brand strong{font-size:.88rem;white-space:nowrap}.brand small{font-size:.61rem;white-space:nowrap}
  #help-btn{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border-radius:11px;font-size:0}
  #help-btn::after{content:"?";font-size:1.22rem;font-weight:850;line-height:1}
  .layout{height:calc(100dvh - 65px)}
  .panel{width:min(100%,390px);max-height:calc(100dvh - 65px);padding:72px 18px 22px;overscroll-behavior:contain;border-radius:0 0 16px 0}
  .panel.is-collapsed{width:54px;padding:0;border-radius:0 0 12px 0}
  .panel-toggle{top:12px;right:12px}
  .panel h1{font-size:1.62rem}.intro{margin-bottom:16px}
  .search-card{padding:14px}.search-actions{grid-template-columns:minmax(0,1fr) auto}
  #query-panel:not(.is-collapsed) + .map-shell .ol-zoom,
  #query-panel:not(.is-collapsed) + .map-shell .ol-home,
  #query-panel:not(.is-collapsed) + .map-shell .map-note,
  #query-panel:not(.is-collapsed) + .map-shell .barrio-legend{display:none}
  .map-tools{display:none!important}
  .layers-legend{top:12px;right:12px}
  .base-map-mobile{display:grid;gap:7px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
  .base-map-mobile h2{margin:0;color:var(--navy);font-size:.86rem}
  .base-map-mobile select{width:100%;min-height:52px;border:1px solid #bac4d6;border-radius:16px;background:#fff;padding:10px 14px;color:var(--ink)}
  .panel.is-collapsed .panel-toggle{position:absolute;inset:10px auto auto 8px;width:max-content;min-width:154px;height:44px;padding:0 12px;border:1px solid #cfd9e5;border-radius:12px;justify-content:center;box-shadow:0 3px 11px #172c7522}
  .panel.is-collapsed .panel-toggle svg{width:20px;height:20px}
  .panel.is-collapsed .toggle-label{display:inline}
  .panel.is-collapsed .collapsed-tools{top:62px}
  #query-panel.is-collapsed + .map-shell .ol-zoom{top:4.75em;left:68px}
  #query-panel.is-collapsed + .map-shell .ol-home{top:9.1em;left:68px}
  #query-panel.is-collapsed + .map-shell .map-note,#query-panel.is-collapsed + .map-shell .barrio-legend{left:68px;max-width:calc(100% - 82px)}
}

/* Móvil en columna: menú fijo arriba y mapa debajo, sin superposiciones. */
@media(max-width:760px){
  .layout,.layout.panel-collapsed{display:block;height:auto}
  .panel,.panel.is-collapsed{position:relative;width:100%;max-height:none;overflow:visible;padding:26px 18px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:rgba(255,255,255,.97)}
  .panel.is-collapsed .panel-content{display:block}
  .panel-toggle,.collapsed-tools{display:none!important}
  .map-shell,#map{height:62dvh!important;min-height:420px}
  #query-panel:not(.is-collapsed) + .map-shell .ol-zoom{display:block;top:.5em;left:.5em}
  #query-panel:not(.is-collapsed) + .map-shell .ol-home{display:block;top:4.85em;left:.5em}
  #query-panel:not(.is-collapsed) + .map-shell .map-note{display:block;left:14px;max-width:calc(100% - 28px)}
  #query-panel:not(.is-collapsed) + .map-shell .barrio-legend{display:flex;left:14px;max-width:calc(100% - 28px)}
  .base-map-mobile{display:grid}
}