.dir-mapa-front {
  width: 100%;
  position: relative;
  z-index: 1;
  isolation: isolate;
  background: #e5e7eb;
}

.dir-mapa-front .leaflet-pane,
.dir-mapa-front .leaflet-control {
  z-index: 1;
}

.dir-mapa-aviso {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 500;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #c3c4c7;
  background: #fff;
  color: #1d2327;
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.dir-mapa-aviso[hidden] {
  display: none;
}