.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;
}