/* Mapa base, capas y ubicación · Mi Lote JT */

/* Botones de capas y ubicación */
#mapTools{position:absolute;left:12px;top:132px;z-index:6;display:flex;flex-direction:column;gap:8px}
#mapTools>button{width:46px;height:46px;border-radius:50%;padding:0;background:#fffffff2;box-shadow:0 3px 12px #0003;border:0;cursor:pointer}
#mapTools>button svg{width:22px;height:22px;stroke:#91363f;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#mapTools>button.on{background:#1a73e8}
#mapTools>button.on svg{stroke:#fff}
@media (max-width:650px){#mapTools{left:auto;right:12px;top:64px;margin-top:94px;gap:7px}#mapTools>button{width:40px;height:40px}#mapTools>button svg{width:19px;height:19px}}

/* Selector de capa */
#mbMenu{position:absolute;top:0;left:56px;background:#fffffff5;border-radius:14px;padding:6px;box-shadow:0 6px 22px #0003;display:flex;flex-direction:column;gap:4px;min-width:130px}
#mbMenu[hidden]{display:none}
#mbMenu button{background:transparent;color:#3a3330;box-shadow:none;border-radius:10px;padding:11px 14px;font:inherit;font-size:15px;text-align:left;border:0;cursor:pointer}
#mbMenu button[hidden]{display:none}
#mbMenu button[aria-checked="true"]{background:#91363f;color:#fff;font-weight:600}
@media (max-width:650px){#mbMenu{left:auto;right:48px}}

/* Atribución del mapa base (obligatoria con datos de OpenStreetMap) */
#mbAttr{position:absolute;right:10px;bottom:0;z-index:3;font-size:10px;line-height:12px;color:#4b3f3a;background:#ffffffb8;padding:0 5px;border-radius:5px 5px 0 0}
#mbAttr[hidden]{display:none}

/* Con mapa de calles o satélite el plano deja ver lo que hay debajo */
body.mb-calles .cad-hatch{fill-opacity:.62}
body.mb-satelite .cad-hatch{fill-opacity:.1;stroke-opacity:.5}
body.mb-satelite .lot{fill-opacity:.55;stroke:#fff;stroke-opacity:.9}
body.mb-satelite .lot-num,body.mb-satelite .lot-metric{fill:#fff;stroke:#000a;stroke-width:.6px;paint-order:stroke}

/* Ubicación del visitante */
.geo-dot{fill:#1a73e8;stroke:#fff;pointer-events:none}
.geo-acc{fill:#1a73e82e;stroke:#1a73e8;stroke-opacity:.55;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
#mbAttr a{color:inherit;text-decoration:underline}

/* Indicador del norte */
#northArrow{position:absolute;left:12px;bottom:124px;z-index:3;width:42px;height:42px;pointer-events:none;filter:drop-shadow(0 2px 5px #0003)}
#northArrow svg{width:42px;height:42px;display:block}
#northArrow b{position:absolute;left:0;right:0;top:-13px;text-align:center;font-size:12px;color:#91363f}
body.panel-open #northArrow{display:none}
@media (min-width:651px){#northArrow{bottom:80px}}