.leaflet-control-layers { top: 280px; right: 0px; background-color: #F8F8F8; }
.leaflet-control-zoom { position: absolute; top: 160px; right: 0px; transform: scale(1.1); }
.leaflet-control-layers-list::before { color: rgb(179, 11, 0); content: "Capas base"; font-size: 16px; display: block; border-bottom: 1px solid rgb(179, 11, 0); margin-bottom: 16px; }
.leaflet-control-layers-overlays::before { color: rgb(179, 11, 0); content: "Capas superpuestas"; font-size: 16px; display: block; border-bottom: 1px solid rgb(179, 11, 0); margin-bottom: 16px; margin-top: 16px; }
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { border: 0px; }
.leaflet-tooltip { border: 0; box-shadow: none; background-color: transparent; color: #000; font-weight: 400; text-align: center; }
.leaflet-control-layers-toggle { background-image: url("data:image/svg+xml;utf8,<svg width='32' height='32' viewBox='0 0 24 24' stroke='%23444' fill='none' stroke-width='2' xmlns='http://www.w3.org/2000/svg'><polygon points='12,3 3,8 12,13 21,8' /><polygon points='12,8 3,13 12,18 21,13' /><polygon points='12,13 3,18 12,23 21,18' /></svg>") !important; background-size: 32px 32px; background-position: center; width: 34px; height: 34px; background-color: white; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.25); }