.leaflet-control-layers{
 display:block !important;
 max-height:none !important;
}

.leaflet-control-layers-expanded{
 display:block !important;
 padding:10px !important;
 font-size:14px !important;
 background-color:#000;
 color:#fff;
}



.map-menu{
 position:absolute;
 top:200px;
 right:20px;
 background:white;
 padding:12px;
 border-radius:8px;
 box-shadow:0 4px 12px rgba(0,0,0,0.2);
 z-index:1000;
 max-height:400px;
 overflow:auto;
 background-color:#000;
 color:#fff;
}



.marker-cluster-red{
 background-color:#CB0000 !important;
 color:#fff !important;
 z-index:2000;
}

.marker-cluster-green{
 background-color:#21B500 !important;
 color:#FFF !important;
}

.marker-cluster-yellow{
 background-color:#F1FC03 !important;
 color:#000 !important;
 border:dashed 1px #000 !important;
}

.marker-cluster div{
 font-weight:700;
 border:dashed 1px #FFF !important;
 font-size:12px !important;
 font-weight:bold;
}


.cluster-wrapper{
 background-color:transparent;
 color:#000 !important;
 z-index:100 !important;
}

.cluster-label{
 background:#0d47a1;
 color:#FFF;
 font-weight:bold;
 text-align:center;
 padding:3px 4px;
 border-radius:8px;
 border:1px solid white;
 box-shadow:0 4px 10px rgba(0,0,0,0.25);
 transition:transform 0.2s ease;
 font-size:10px;
}

.cluster-label:hover{
 transform:scale(1.18);
}





.popup-container{
 font-family:'Segoe UI',sans-serif;
 min-width:180px;
}

.popup-header{
 background-color:#7a1737;
 color:white;
 padding:8px 5px;
 border-radius:4px 4px 0 0;
 font-size:12px;
 font-weight:600;
 margin:-14px -25px 1px -21px;
 text-align:center;
}

.popup-row{
 display:flex;
 align-items:center;
 gap:8px;
 padding:4px 0;
 font-size:11px;
 color:#444;
 border-bottom:1px solid #f0f0f0;
}

 .popup-row:last-child{
 border-bottom:none;
 }


.popup-label{
 color:#999;
 font-size:12px;
 margin-bottom:1px;
}

.popup-value{
 font-weight:500;
 color:#2c3e50;
}


.leaflet-popup-close-button{
 width:24px !important;
 height:24px !important;
 background-color:!important;
 color:white !important;
 font-size:16px !important;
 font-weight:bold !important;
 border-radius:50% !important;
 top:6px !important;
 right:6px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 text-decoration:none !important;
 line-height:24px !important;
 transition:background-color 0.2s;
}

 
 .leaflet-popup-close-button:hover{
 background-color:#c0392b !important;
 color:white !important;
 }

 
.marker-container{
 position:relative;
 width:50px;
 height:50px;
}

.marker-img{
 width:23px !important;
 height:35px !important;
}

.badge-vacuna{
 position:absolute;
 top:-1px;
 right:15px;
 background:#28a745;
 color:white;
 font-size:12px;
 font-weight:bold;
 width:20px;
 height:20px;
 border-radius:50%;
 border:2px solid #FFF;
 display:flex;
 align-items:center;
 justify-content:center;
}