#svg-mapa{
    width: 80%;
  }
  #svg-mapa .norte {
    fill: #0D4C31;
  }
  #svg-mapa .nordeste {
    fill: #0D4C31;
  }
  #svg-mapa .centro-oeste {
    fill: #0D4C31;
  }
  #svg-mapa .sudeste {
    fill: #0D4C31;
  }
  #svg-mapa .sul {
    fill: #0D4C31;
  }
  #svg-mapa #DF {
    fill: #0D4C31;
  }
  #svg-mapa > path {
    fill: #1da1f2;
    stroke: white;
    stroke-width: 0.5px;
    cursor: pointer;
  }
  #svg-mapa > path:hover {
    fill: #0d4c31ad;
    stroke: white;
    /* stroke-width: 1px; */
    transition: fill 0.4s;
  }
  .hover-text:hover {
    cursor: pointer;
  }
  .hover-text {
    cursor: pointer;
  }
  #svg-mapa > path:focus {
    outline: none;
}