.fundamental-anos-finais {
  background: radial-gradient(#88e4f0, #67c3cf, #078BAF);
}

.fundamental-anos-finais .title-fundamental-anos-finais {
  color: #0C4756;
}

.mandala-fundamental-anos-finais .circulo-central {
  position: absolute;
  top: 250px;
  left: 200px;

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

  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.mandala-fundamental-anos-finais .circulo-central .title {
  top: 50px;
  left: 68px;

  margin: 13px 0;

  font-weight: 900;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
  color: #0C4756;
}

.mandala-fundamental-anos-finais .circulo-central .content {
  width: 150px;
  top: 143px;
  left: 52px;
}

.mandala-fundamental-anos-finais .barra-circulo {
  position: absolute;
  top: 121px;
  left: 70px;
}

.mandala-fundamental-anos-finais .petala-curricular .title-petala {
  color: #09693A;
}

.mandala-fundamental-anos-finais .petala-cognitiva .title-petala {
  color: #878787;
}

.mandala-fundamental-anos-finais .petala-cultural-content .title-petala {
  color: #9F9F9F;
}

.mandala-fundamental-anos-finais .petala-emocional-content .title-petala {
  color: #7B729E;
}

.mandala-fundamental-anos-finais .petala-social-content .title-petala {
  color: #856AAC;
}

.mandala-fundamental-anos-finais .petala-fisica-content .title-petala {
  color: #DD8243;
}

.mandala-fundamental-anos-finais .petala-espiritual-content .title-petala {
  color: #CE7A41;
}

.page .navigation-menu .back-button,
.page .navigation-menu .next-button {
  color: #0C4756;
}

.page .navigation-menu .back-button svg path,
.page .navigation-menu .next-button svg path {
  fill: #0C4756;
}