:root{
  --cream:#FAF7F2; --gold:#C9A961; --gold-deep:#A8863F; --gold-soft:#E6D4A1;
  --ink:#2A2723; --line:rgba(201,169,97,.22); --card:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--cream)}
#mapwrap{position:relative;width:100%;height:100vh;min-height:360px}
#map{position:absolute;inset:0;background:var(--cream)}

/* paneles flotantes */
.m-panel{position:absolute;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);
  border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 30px -18px rgba(42,39,35,.4)}
.m-count{top:14px;left:14px;padding:8px 16px;font-size:13px;color:var(--ink)}
.m-count strong{color:var(--gold-deep)}
.m-filter{top:14px;right:14px}
.m-filter select{font:inherit;font-size:13px;border:0;background:transparent;color:var(--ink);
  padding:9px 16px;border-radius:999px;outline:none;cursor:pointer}

/* marcador osito */
.osito-pin{position:relative;width:38px;height:46px}
.osito-pin .badge{position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;
  background:#fff;border:2px solid var(--gold);box-shadow:0 6px 14px -6px rgba(42,39,35,.5);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.osito-pin .badge img{width:30px;height:auto;display:block}
.osito-pin::after{content:"";position:absolute;left:50%;top:34px;transform:translateX(-50%);
  border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--gold)}

/* clusters dorados */
.marker-cluster-pangasa{background:rgba(201,169,97,.28)}
.marker-cluster-pangasa div{background:var(--gold);color:#fff;font-family:'Inter',sans-serif;
  font-weight:600;width:34px;height:34px;margin-left:3px;margin-top:3px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px rgba(42,39,35,.5)}

/* popup Luz */
.leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 18px 50px -24px rgba(42,39,35,.5)}
.leaflet-popup-content{margin:14px 16px;font-size:13.5px;line-height:1.5}
.bpop-name{font-family:'Fraunces',serif;font-size:16px;color:var(--ink);margin-bottom:2px}
.bpop-place{font-size:12px;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.bpop-addr{color:rgba(42,39,35,.75);margin-bottom:8px}
.bpop-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.bpop-tel{color:var(--gold-deep);text-decoration:none;font-weight:500}
.bpop-map{color:var(--ink);text-decoration:none;border:1px solid var(--gold);border-radius:999px;padding:5px 12px;font-size:12.5px}
.bpop-map:hover{background:var(--gold-soft)}
.leaflet-container a.leaflet-popup-close-button{color:var(--gold-deep)}