.mapa-brasil-wrapper {
    max-width: 900px;
    margin: auto;
}

#mapa-brasil {
    width: 100%;
    height: auto;
}

.estado {
    fill: #e6d5b8;
    stroke: #7a5230;
    stroke-width: 1.2;
    cursor: pointer;
    transition: fill 0.3s ease;
}

.estado:hover {
    fill: #7a5230;
}