TemplateStyle:Mapa LPA.css

.zoomablemap {
	border: 1px solid brown;
}

.lpamap {
	display: grid;
	grid-template-columns: 1fr;
}

.lpamap > div {
	grid-row-start: 1;
	grid-column-start: 1;
}

.zoomablemap .markupmap {
  cursor: crosshair;
}

.zoomablemap .mapcontent.dragging .markupmap {
  cursor: inherit;
}

.LPAinteractivo .det > span,
.LPAinteractivo .map > span {
  display: inline-block;
  border: 1px solid #3c335f;
  border-radius: 5px;
  padding: 2px 6px;
  margin-right: .5em;
  background: #3c335f;
  color: #fff;
  font-size: 90%;
  white-space: nowrap;
  cursor: pointer;
}

.LPAinteractivo .det > input,
.LPAinteractivo .map > input {
  float: left;
  margin-left: -50px;
  z-index: -1;
  opacity: 0.01;
}
.LPAinteractivo .det > input:checked + span,
.LPAinteractivo .map > input:checked + span {
  background: #bbf;
  color: #333;
}