/* styles.css */

.container_map {
    
    padding: 20px;
    background-color: white;
    
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.title {
    text-align: center;
    margin-bottom: 20px;
}

.map-container {
    width: 100%;
   /* height: 600px; */
   
}

.region {
    fill: #e5e7eb;
    stroke: white;
    stroke-width: 1;
    cursor: pointer;
    transition: fill 0.2s ease;
}

.region:hover {
    fill: #93c5fd;
}

.region.selected {
    fill: #2563eb;
}

.other-region {
    fill: #e5e7eb;
    stroke: white;
    stroke-width: 1;
    opacity: 0.5;
}