@import url('https://unpkg.com/leaflet@1.9.4/dist/leaflet.css');

/* Mapa real — Instituto Filhos da Luz */
.units-map-cms-shell { width:100%; }
.unit-map-layout { display:flex; flex-direction:column; gap:24px; width:100%; }
.unit-map-board { position:relative; width:100%; height:520px; min-height:520px; padding:0; border-radius:18px; overflow:hidden; background:#EDE8DD; box-shadow:0 18px 40px rgba(23,23,23,.08); }
#units-map, .units-map { width:100%; height:520px; min-height:520px; border-radius:18px; overflow:hidden; background:#EDE8DD; }
.unit-map-cards { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.unit-map-card { display:flex; flex-direction:column; min-height:170px; padding:24px; border-radius:12px; background:#fff; border:1px solid rgba(23,23,23,.08); box-shadow:0 2px 10px rgba(23,23,23,.05); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.unit-map-card img { display:block; width:calc(100% + 48px); height:140px; object-fit:cover; border-radius:8px 8px 0 0; margin:-24px -24px 16px; }
.unit-map-card:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(23,23,23,.10); }
.unit-map-card.is-map-active { border-color:#F38837; box-shadow:0 0 0 2px rgba(243,136,55,.18), 0 12px 24px rgba(23,23,23,.10); }
.unit-map-card h3 { margin:0 0 10px; font-family:Inter,sans-serif; font-size:20px; color:#171717; }
.unit-map-card p { margin:0 0 18px; font-size:14px; line-height:1.6; color:#4F4F4F; }
.unit-map-card-link { margin-top:auto; align-self:flex-start; color:#171717; font-size:13px; font-weight:700; border-bottom:2px solid #F38837; padding-bottom:2px; }
.leaflet-container { width:100% !important; height:100% !important; font-family:Inter,Arial,sans-serif; background:#EDE8DD; }
.unit-map-scroll-hint {
  position:absolute; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;
  background:rgba(21,31,51,.45); color:#fff; font-family:Inter,Arial,sans-serif; font-size:15px; font-weight:600;
  border-radius:18px; opacity:0; pointer-events:none; transition:opacity .15s ease;
}
.unit-map-scroll-hint.is-visible { opacity:1; }
.leaflet-popup-content-wrapper { border-radius:10px; }
.leaflet-popup-content { margin:16px; min-width:190px; }
.map-popup strong { display:block; font-family:Inter,sans-serif; font-size:18px; line-height:1.25; color:#171717; margin-bottom:8px; }
.map-popup p { font-size:13px; line-height:1.5; color:#4F4F4F; margin:0 0 12px; }
.map-popup a { color:#171717; font-size:13px; font-weight:700; text-decoration:none; border-bottom:2px solid #F38837; padding-bottom:2px; }
@media (max-width:900px) { .unit-map-board,#units-map,.units-map { height:460px; min-height:460px; } .unit-map-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .unit-map-board,#units-map,.units-map { height:360px; min-height:360px; border-radius:12px; } .unit-map-cards { grid-template-columns:1fr; gap:14px; } .unit-map-card { min-height:150px; padding:20px; } }