@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap");
.text-preto {
  color: #000000 !important;
}

.text-alt-preto {
  :root.high-contrast &-color: #000000 !important;
}

.text-branco {
  color: #ffffff !important;
}

.text-alt-branco {
  :root.high-contrast &-color: #ffffff !important;
}

.fs-2 {
  font-size: 0.125rem !important;
}

.fs-4 {
  font-size: 0.25rem !important;
}

.fs-6 {
  font-size: 0.375rem !important;
}

.fs-8 {
  font-size: 0.5rem !important;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-26 {
  font-size: 1.625rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.fs-30 {
  font-size: 1.875rem !important;
}

.fs-32 {
  font-size: 2rem !important;
}

.fs-34 {
  font-size: 2.125rem !important;
}

.fs-36 {
  font-size: 2.25rem !important;
}

.fs-38 {
  font-size: 2.375rem !important;
}

.fs-40 {
  font-size: 2.5rem !important;
}

.fs-42 {
  font-size: 2.625rem !important;
}

.fs-44 {
  font-size: 2.75rem !important;
}

.fs-46 {
  font-size: 2.875rem !important;
}

.fs-48 {
  font-size: 3rem !important;
}

.fs-50 {
  font-size: 3.125rem !important;
}

.fs-52 {
  font-size: 3.25rem !important;
}

.fs-54 {
  font-size: 3.375rem !important;
}

.fs-56 {
  font-size: 3.5rem !important;
}

.fs-58 {
  font-size: 3.625rem !important;
}

.fs-60 {
  font-size: 3.75rem !important;
}

.fs-62 {
  font-size: 3.875rem !important;
}

.fs-64 {
  font-size: 4rem !important;
}

.fs-66 {
  font-size: 4.125rem !important;
}

.fs-68 {
  font-size: 4.25rem !important;
}

.fs-70 {
  font-size: 4.375rem !important;
}

.fs-72 {
  font-size: 4.5rem !important;
}

.fs-74 {
  font-size: 4.625rem !important;
}

.fs-76 {
  font-size: 4.75rem !important;
}

.fs-78 {
  font-size: 4.875rem !important;
}

.fs-80 {
  font-size: 5rem !important;
}

.fs-82 {
  font-size: 5.125rem !important;
}

.fs-84 {
  font-size: 5.25rem !important;
}

.fs-86 {
  font-size: 5.375rem !important;
}

.fs-88 {
  font-size: 5.5rem !important;
}

.fs-90 {
  font-size: 5.625rem !important;
}

.fs-92 {
  font-size: 5.75rem !important;
}

.fs-94 {
  font-size: 5.875rem !important;
}

.fs-96 {
  font-size: 6rem !important;
}

.fs-98 {
  font-size: 6.125rem !important;
}

.fs-100 {
  font-size: 6.25rem !important;
}

.areas-pesquisa-list-widget h2 {
  font-size: 1rem;
  font-weight: 500;
  font-family: "Baloo 2", sans-serif;
}
.areas-pesquisa-list-widget .areas-pesquisa-items {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
}
.areas-pesquisa-list-widget .areas-pesquisa-items .area-pesquisa-item {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 100px;
  background-color: #EEE;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  transition: background-color 0.3s ease;
}
.areas-pesquisa-list-widget .areas-pesquisa-items .area-pesquisa-item:hover {
  background-color: #e1e1e1;
}
@media (max-width: 768px) {
  .areas-pesquisa-list-widget .areas-pesquisa-items {
    gap: 8px;
  }
  .areas-pesquisa-list-widget .areas-pesquisa-items .area-pesquisa-item {
    padding: 8px 16px;
    font-size: 14px;
  }
}