/* Mapa, pines, popups y botones base */
#mapa{flex:1;min-width:0;min-height:320px;background:#dfe6e0}
.marca{position:relative;width:36px;height:36px}
.pin{display:grid;place-items:center;width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.pin span{transform:rotate(45deg);font-size:18px}
.badge{position:absolute;right:-9px;top:-7px;background:#fff;color:var(--ink);font:700 11px/1 "Trebuchet MS",sans-serif;padding:3px 5px;border-radius:99px;border:1.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.leaflet-popup-content h3{margin:0 0 4px;font-size:1rem}
.leaflet-popup-content p{margin:3px 0;font-size:.85rem}
.tag{display:inline-block;color:#fff;border-radius:99px;padding:2px 9px;font-size:.78rem}
#aviso{position:absolute;z-index:1100;left:10px;right:10px;bottom:28px;background:#fff3c4;color:#3b2f00;border:1px solid #e0b100;border-radius:8px;padding:8px 12px;font-size:.85rem;box-shadow:0 2px 8px rgba(0,0,0,.25)}
#aviso[hidden]{display:none}
.amb{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 8px;margin:0 4px 4px 0;font-size:.78rem}
.resena{font-style:italic}
.btn{border:1.5px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer;color:var(--ink)}