/* Estilos customizados para Leaflet */

#mapa-interativo {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1;
}

/* Ajustar controles do Leaflet */
.leaflet-control {
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.leaflet-popup-content-wrapper {
    border-radius: 8px;
}

.leaflet-popup-content {
    margin: 13px 19px;
}

/* Estilo para marcadores customizados */
.custom-marker {
    background: transparent !important;
    border: none !important;
}

/* Clusters de marcadores */
.marker-cluster-small {
    background-color: rgba(78, 205, 196, 0.6);
}

.marker-cluster-small div {
    background-color: rgba(78, 205, 196, 0.8);
}

.marker-cluster-medium {
    background-color: rgba(255, 165, 0, 0.6);
}

.marker-cluster-medium div {
    background-color: rgba(255, 165, 0, 0.8);
}

.marker-cluster-large {
    background-color: rgba(255, 107, 107, 0.6);
}

.marker-cluster-large div {
    background-color: rgba(255, 107, 107, 0.8);
}

/* Ajustar zoom do Leaflet em mobile */
@media (max-width: 768px) {
    #mapa-interativo {
        height: 300px;
    }
}