/* Estilos para a seção do mapa */
.mapa-section {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.mapa-container {
    position: relative;
    margin: 20px 0;
}

#map {
    height: 400px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    z-index: 1;
}

/* Personalização do popup do Leaflet */
.leaflet-popup-content-wrapper {
    border-radius: 10px;
    padding: 5px;
}

.leaflet-popup-content {
    margin: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}

.leaflet-popup-tip-container {
    margin-top: -1px;
}

/* Personalização dos controles do mapa */
.leaflet-control-zoom {
    border: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

.leaflet-control-zoom a {
    background-color: white !important;
    color: #1351B4 !important;
    transition: all 0.3s ease;
}

.leaflet-control-zoom a:hover {
    background-color: #1351B4 !important;
    color: white !important;
}

/* Responsividade */
@media (max-width: 768px) {
    #map {
        height: 300px;
    }
    
    .mapa-section {
        padding: 40px 0;
    }
}