.theme-circle {
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-circle__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 25rem;
  aspect-ratio: 1 / 1;
  margin: 1em 0;
}

.theme-circle__content canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.theme-circle__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  align-items: center;
  justify-content: center;

  width: 65%;
  height: auto;
  aspect-ratio: 1 / 1;

  box-sizing: border-box;
  border-radius: 50%;
  border: solid 5px var(--co_var_celeste);
}
.circle_con{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.theme-circle__text :first-child {
  padding-bottom:10px;
}
#circle01, #circle02{
  z-index:1;
}
.aft_porc, .bef_more{
  display:flex;
}
.aft_porc:after{
  content:"%";
  font-size:0.4em;
  display:flex;
  align-items:center;
}
.bef_more:before{
  content:"+";
  font-size:0.5em;
  display:flex;
  align-items:center;
}