@charset "UTF-8";
/* ------- DO NOT EDIT BELOW --------- */
.chart-projeto {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-projeto.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-projeto.animate figcaption:after {
  animation: chart-projeto-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-projeto svg {
  width: 100%;
  height: 100%;
}
.chart-projeto svg .circle-background, .chart-projeto svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-projeto svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-projeto figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-projeto figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-projeto-label {
  100% {
    transform: translateY(-250rem);
  }
}
.chart-terraplanagem {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-terraplanagem.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-terraplanagem.animate figcaption:after {
  animation: chart-terraplanagem-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-terraplanagem svg {
  width: 100%;
  height: 100%;
}
.chart-terraplanagem svg .circle-background, .chart-terraplanagem svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-terraplanagem svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-terraplanagem figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-terraplanagem figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-terraplanagem-label {
  100% {
    transform: translateY(-250rem);
  }
}
.chart-drenagem {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-drenagem.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-drenagem.animate figcaption:after {
  animation: chart-drenagem-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-drenagem svg {
  width: 100%;
  height: 100%;
}
.chart-drenagem svg .circle-background, .chart-drenagem svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-drenagem svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-drenagem figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-drenagem figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-drenagem-label {
  100% {
    transform: translateY(-250rem);
  }
}
.chart-agua {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-agua.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-agua.animate figcaption:after {
  animation: chart-agua-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-agua svg {
  width: 100%;
  height: 100%;
}
.chart-agua svg .circle-background, .chart-agua svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-agua svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-agua figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-agua figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-agua-label {
  100% {
    transform: translateY(-250rem);
  }
}
.chart-esgoto {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-esgoto.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-esgoto.animate figcaption:after {
  animation: chart-esgoto-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-esgoto svg {
  width: 100%;
  height: 100%;
}
.chart-esgoto svg .circle-background, .chart-esgoto svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-esgoto svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-esgoto figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-esgoto figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-esgoto-label {
  100% {
    transform: translateY(-250rem);
  }
}
.chart-pavimentação {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-pavimentação.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-pavimentação.animate figcaption:after {
  animation: chart-pavimentação-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-pavimentação svg {
  width: 100%;
  height: 100%;
}
.chart-pavimentação svg .circle-background, .chart-pavimentação svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-pavimentação svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-pavimentação figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-pavimentação figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-pavimentação-label {
  100% {
    transform: translateY(-250rem);
  }
}
.chart-paisagismo {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-paisagismo.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-paisagismo.animate figcaption:after {
  animation: chart-paisagismo-label 3s steps(68) forwards;
  animation-delay: 1s;
}
.chart-paisagismo svg {
  width: 100%;
  height: 100%;
}
.chart-paisagismo svg .circle-background, .chart-paisagismo svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-paisagismo svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 266.9px 392.5px;
  stroke-dashoffset: 266.9px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-paisagismo figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-paisagismo figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-paisagismo-label {
  100% {
    transform: translateY(-170rem);
  }
}
.chart-eletricidade {
  width: 140px;
  height: 140px;
  margin: 0;
  position: relative;
}
.chart-eletricidade.animate svg .circle-foreground {
  animation: offset 3s ease-in-out forwards;
  animation-delay: 1s;
}
.chart-eletricidade.animate figcaption:after {
  animation: chart-eletricidade-label 3s steps(100) forwards;
  animation-delay: 1s;
}
.chart-eletricidade svg {
  width: 100%;
  height: 100%;
}
.chart-eletricidade svg .circle-background, .chart-eletricidade svg .circle-foreground {
  r: 62.5px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #CECFD4;
  stroke-width: 15px;
}
.chart-eletricidade svg .circle-foreground {
  stroke: #C49417;
  stroke-dasharray: 392.5px 392.5px;
  stroke-dashoffset: 392.5px;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.chart-eletricidade figcaption {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #c49417;
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 0;
  font-size: 0;
}
.chart-eletricidade figcaption:after {
  display: inline-block;
  content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
  white-space: pre;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@keyframes chart-eletricidade-label {
  100% {
    transform: translateY(-250rem);
  }
}
@keyframes offset {
  100% {
    stroke-dashoffset: 0;
  }
}