/* Legenda fixa no mapa e cards educativos */
.lgd-legend{
  position:absolute;
  left:16px;
  bottom:16px;
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  box-shadow:0 8px 20px rgba(15,23,42,0.12);
  padding:12px 14px;
  width:min(320px, 90vw);
  font-family:'Inter', sans-serif;
  color:#0f172a;
  z-index:500;
}
.lgd-legend__row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.lgd-legend__row:last-child{
  margin-bottom:12px;
}
.dot{
  width:14px;
  height:14px;
  border-radius:50%;
  margin-top:4px;
  border:1px solid rgba(15,23,42,0.15);
  flex-shrink:0;
}
.dot--acl{background:#16A34A;}
.dot--acr{background:#2563EB;}
.dot--gc{background:#F59E0B;}
.lgd-legend .t{
  font-weight:600;
  font-size:13px;
}
.lgd-legend .s{
  font-size:12px;
  color:#475569;
  margin-top:2px;
}
.lgd-legend__more{
  width:100%;
  border:none;
  background:#eef2ff;
  border-radius:10px;
  padding:6px 10px;
  font-size:12px;
  font-weight:600;
  color:#1d4ed8;
  cursor:pointer;
}
.lgd-cards{
  position:fixed;
  inset:0;
  display:none;
  background:rgba(15,23,42,0.55);
  z-index:1100;
  align-items:flex-start;
  justify-content:center;
  padding:6vh 16px;
}
.lgd-cards.open{
  display:flex;
}
.lgd-cards__wrap{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
  width:min(960px,100%);
}
.lgd-cards .card{
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:18px;
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,0.12);
}
.lgd-cards .card h4{
  margin:0 0 8px;
  font-size:16px;
  font-weight:600;
}
.lgd-cards .card p{
  margin:0 0 8px;
  font-size:13px;
  color:#475569;
}
.lgd-cards .card ul{
  margin:0 0 0 18px;
  font-size:13px;
  color:#475569;
}
.close{
  position:absolute;
  right:24px;
  top:18px;
  border:none;
  background:none;
  color:#e2e8f0;
  font-size:30px;
  cursor:pointer;
}