.leaflet-sidebar
{position:absolute;top:0;bottom:0;width:100%;overflow:hidden;z-index:2000}
.leaflet-sidebar.collapsed{width:40px}

@media (min-width:768px){
  .leaflet-sidebar{top:10px;bottom:10px;transition:width .5s}
}

@media (min-width:768px) and (max-width:991px){
  .leaflet-sidebar{width:300px;max-width:300px}
}

@media (min-width:992px) and (max-width:1199px){
  .leaflet-sidebar{width:300px;max-width:300px}
}

@media (min-width:1200px){
  .leaflet-sidebar{width:300px;max-width:300px}
}

.leaflet-sidebar-left{left:0}
@media (min-width:768px){
  .leaflet-sidebar-left{left:10px}
}

.leaflet-sidebar-right{right:0}
@media (min-width:768px){
  .leaflet-sidebar-right{right:10px}
}

.leaflet-sidebar-tabs{top:0;bottom:0;height:100%;background-color:#fff}
.leaflet-sidebar-left .leaflet-sidebar-tabs{left:0}
.leaflet-sidebar-right .leaflet-sidebar-tabs{right:0}
.leaflet-sidebar-tabs,.leaflet-sidebar-tabs>ul{position:absolute;width:40px;margin:0;padding:0;list-style-type:none}
.leaflet-sidebar-tabs>li,.leaflet-sidebar-tabs>ul>li{width:100%;height:40px;color:#333;font-size:12pt;overflow:hidden;transition:all 80ms}
.leaflet-sidebar-tabs>li:hover,.leaflet-sidebar-tabs>ul>li:hover{color:#000;background-color:#eee}
.leaflet-sidebar-tabs>li.active,.leaflet-sidebar-tabs>ul>li.active{color:#fff;background-color:#800020}
.leaflet-sidebar-tabs>li.disabled,.leaflet-sidebar-tabs>ul>li.disabled{color:rgba(51,51,51,.4)}
.leaflet-sidebar-tabs>li.disabled:hover,.leaflet-sidebar-tabs>ul>li.disabled:hover{background:0 0}
.leaflet-sidebar-tabs>li.disabled>a,.leaflet-sidebar-tabs>ul>li.disabled>a{cursor:default}
.leaflet-sidebar-tabs>li>a,.leaflet-sidebar-tabs>ul>li>a{display:block;width:100%;height:100%;line-height:40px;color:inherit;text-decoration:none;text-align:center;cursor:pointer}
.leaflet-sidebar-tabs>ul+ul{bottom:0}
.leaflet-sidebar-content{position:absolute;top:0;bottom:0;background-color:rgba(255,255,255,.90);overflow-x:hidden;overflow-y:auto}
.leaflet-sidebar-left .leaflet-sidebar-content{left:40px;right:0}
.leaflet-sidebar-right .leaflet-sidebar-content{left:0;right:40px}
.leaflet-sidebar.collapsed>.leaflet-sidebar-content{overflow-y:hidden}
.collapsed>.leaflet-sidebar-content{overflow-y:hidden}
.leaflet-sidebar-pane{display:none;left:0;right:0;box-sizing:border-box;padding:10px 20px}
.leaflet-sidebar-pane.active{display:block}

@media (min-width:768px) and (max-width:991px){
  .leaflet-sidebar-pane{min-width:265px}
}

@media (min-width:992px) and (max-width:1199px){
  .leaflet-sidebar-pane{min-width:265px}
}

@media (min-width:1200px){
  .leaflet-sidebar-pane{min-width:265px}
}

.leaflet-sidebar-header {
  margin: -10px -20px 0;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  font-size: 14.4pt;
  font-weight: bold;
  color: #fff;
  background-color: #800020;

  text-align: center;           /* 🔴 Centra el texto horizontalmente */
  position: relative;           /* Necesario para posicionar el botón de cierre */
}

@media (min-width:768px){
  .leaflet-sidebar{border-radius:4px}.leaflet-sidebar.leaflet-touch{border:2px solid rgba(0,0,0,.2)}
}

.leaflet-sidebar-left.leaflet-touch{box-shadow:none;border-right:2px solid rgba(0,0,0,.2)}

@media (min-width:768px){
  .leaflet-sidebar-left~.leaflet-control-container .leaflet-left{transition:left .5s}
}

@media (min-width:768px) and (max-width:991px){
  .leaflet-sidebar-left~.leaflet-control-container .leaflet-left{left:310px}
}

@media (min-width:992px) and (max-width:1199px){
  .leaflet-sidebar-left~.leaflet-control-container .leaflet-left{left:310px}
}

@media (min-width:1200px){
  .leaflet-sidebar-left~.leaflet-control-container .leaflet-left{left:310px}
}

.leaflet-sidebar-left.collapsed~.leaflet-control-container .leaflet-left{left:50px}
.leaflet-sidebar-right.leaflet-touch{box-shadow:none;border-left:2px solid rgba(0,0,0,.2)}

@media (min-width:768px){
  .leaflet-sidebar-right~.leaflet-control-container .leaflet-right{transition:right .5s}
}

@media (min-width:768px) and (max-width:991px){
  .leaflet-sidebar-right~.leaflet-control-container .leaflet-right{right:310px}
}

@media (min-width:992px) and (max-width:1199px){
  .leaflet-sidebar-right~.leaflet-control-container .leaflet-right{right:310px}
}

@media (min-width:1200px){
  .leaflet-sidebar-right~.leaflet-control-container .leaflet-right{right:310px}
}

.leaflet-sidebar-right.collapsed~.leaflet-control-container .leaflet-right{right:50px}
