/* On top of ../rota/rota.css: a zoomed map with states in the background and municipalities on top. */
.mapa-rota {
  aspect-ratio: 1;
  width: min(100%, 420px, 46vh);
  overflow: hidden;
  background: #0d0918;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.mapa-rota .m-estados path {
  fill: #1c1530;
  stroke: #4a3a74;
  stroke-width: 1.5;
}

.mapa-rota path {
  stroke: #070611;
  stroke-width: 1;
}

.mapa-rota text {
  font-weight: 700;
  stroke-width: 0.25px;
  stroke: rgba(7, 6, 17, 0.9);
  paint-order: stroke;
}

.mapa-rota path.m-otima {
  fill: #6c4bb8;
  stroke: #c9a6ff;
  stroke-dasharray: none;
}

.chip {
  font-size: 13px;
}

.frete__tipo {
  margin: 0 0 8px !important;
  padding: 6px 10px;
  font-size: 14px;
  color: #111;
  background: var(--hot);
  border-radius: 8px;
}

.mapa-rota circle {
  stroke: #f1ecff;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.mapa-rota circle.p-o {
  fill: #2f7fd0;
}

.mapa-rota circle.p-d {
  fill: #e0762e;
}