@font-face {
  font-family: Opendyslexic;
  src: url('../fonts/OpenDyslexic-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --fontes--texto: #3e404b;
  --fontes--white: white;
  --institucional--cor-2: #003d99;
  --pilar-ambiental--cor-2: #3fac82;
  --pilar-economico--cor-1: #f0ac09;
  --pilar-social--cor-1: #e06f3d;
  --pilar-educacao--cor-1: #aa3372;
  --institucional--cor-3: #3061aa;
  --pilar-social--cor-2: #e27c4f;
  --pilar-ambiental--cor-3: #6abc9d;
  --background--transparente: transparent;
  --institucional--cor-5: #a7b9d5;
  --pilar-social--cor-4: #eac8b9;
  --pilar-economico--cor-4: #efdbaa;
  --pilar-ambiental--cor-4: #add5c6;
  --smart-campus--cor-3: #81d0e5;
  --institucional--cor-1: #003087;
  --pilar-ambiental--cor-1: #139b67;
  --pilar-economico--cor-3: #efc664;
  --pilar-social--cor-3: #e5a284;
  --pilar-educacao--cor-3: #c57ea3;
  --pilar-educacao--cor-2: #b8598b;
  --pilar-educacao--cor-4: #dab6c9;
  --institucional--cor-4: #5f84bb;
  --background--bg: #f6f6f6;
  --institucional--cor-6: #4fb4e3;
  --smart-campus--cor-2: #5dc6e3;
  --afast: 20px;
  --pilar-economico--cor-2: #f0ba37;
  --background--linear-gradiente: #4fb4e369;
  --smart-campus--cor-1: #38bce0;
  --background--cinza: #54545463;
  --background--cinza-botao: var(--fontes--white);
  --citacao-marrom: #a5700c;
  --cinza-2: #949494;
  --fontes--black: black;
  --smart-campus--cor-4: #b8dfea;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--fontes--texto);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 45px;
}

h2 {
  color: var(--fontes--texto);
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 38px;
}

h3 {
  color: var(--fontes--texto);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 34px;
}

h4 {
  color: var(--fontes--texto);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

h5 {
  color: var(--fontes--white);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
}

h6 {
  color: var(--fontes--texto);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

p {
  color: var(--fontes--texto);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

a {
  text-decoration: underline;
}

.menu-componente {
  z-index: 7;
  background-color: var(--institucional--cor-2);
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-componente.mobile, .menu-componente.mobile.ambiental {
  display: none;
}

.menu-componente.ambiental {
  background-color: var(--pilar-ambiental--cor-2);
  color: var(--pilar-ambiental--cor-2);
  display: flex;
}

.menu-componente.economico {
  background-color: var(--pilar-economico--cor-1);
}

.menu-componente.social {
  background-color: var(--pilar-social--cor-1);
}

.menu-componente.educacao {
  background-color: var(--pilar-educacao--cor-1);
}

.icone-pdf {
  display: flex;
}

.icone-pdf.oculto {
  display: none;
}

.dropdown-toggle-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 32px;
  padding: 8px 20px;
  display: flex;
}

.navbar-2 {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding: 20px 120px;
  display: flex;
}

.mais {
  font-size: 16px;
}

.mais.home {
  background-color: var(--background--transparente);
  color: #fff;
  width: auto;
  max-width: none;
  min-height: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: block;
  position: static;
}

.mais.home:hover {
  color: var(--institucional--cor-5);
}

.mais.home.educacao {
  background-color: var(--pilar-educacao--cor-1);
  color: var(--fontes--white);
}

.mais.home.educacao:hover {
  color: var(--pilar-social--cor-4);
}

.mais.home.social {
  background-color: var(--pilar-social--cor-1);
}

.mais.home.social:hover {
  color: var(--pilar-social--cor-4);
}

.mais.home.economico {
  background-color: var(--pilar-economico--cor-1);
  color: var(--fontes--white);
  font-weight: 500;
}

.mais.home.economico:hover {
  color: var(--pilar-economico--cor-4);
}

.mais.home.ambiental:hover {
  color: var(--pilar-ambiental--cor-4);
}

.item-menu-botao {
  color: #33a5f3;
  background-color: #0000;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.item-menu-botao:hover {
  color: #fdb813;
  background-color: #0000;
}

.item-menu-botao:focus {
  background-color: #6e66da;
}

.item-menu-botao.w--current {
  color: #fff;
  background-color: #16c5c1;
}

.item-menu-botao.w--current:hover {
  color: #fff;
  background-color: #2ce38e;
}

.item-menu-botao.w--current:focus {
  background-color: #007a8e;
}

.item-menu-botao.w--open {
  background-color: #0000;
}

.item-menu-botao.home {
  color: #fff;
  align-items: center;
  width: auto;
  max-width: none;
  min-height: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.item-menu-botao.home:focus {
  background-color: #0000;
}

.item-menu-botao.home.w--open {
  margin-left: 0;
  padding-right: 8px;
}

.div-menu {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.html-embed {
  background-color: #fff;
  background-image: none;
  background-size: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 5px;
}

.item-menu {
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  top: 0;
  left: auto;
}

.item-menu:hover {
  color: #fff;
  background-color: #0000;
}

.item-menu.w--current {
  color: #fff;
  background-color: #16c5c1;
}

.item-menu.w--current:hover {
  color: #fff;
  background-color: #2ce38e;
}

.item-menu.w--current:focus {
  background-color: #007a8e;
}

.item-menu.w--open {
  background-color: #0000;
}

.item-menu.acessibilidade {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--pilar-ambiental--cor-1);
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 32px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.item-menu.acessibilidade.economico {
  background-color: var(--pilar-economico--cor-3);
}

.item-menu.acessibilidade.social {
  background-color: var(--pilar-social--cor-3);
}

.item-menu.acessibilidade.educacao {
  background-color: var(--pilar-educacao--cor-3);
}

.item-menu.acessibilidade.institucional {
  background-color: var(--institucional--cor-1);
}

.item-menu.oculto {
  display: none;
}

.div-items-menu {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-left: 4.29vw;
  margin-right: 4.29vw;
  display: flex;
}

.acessibilidade {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
}

.dark-mode-toggle-2 {
  text-align: left;
  cursor: pointer;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.dark-mode-toggle-2:hover {
  background-color: #d0d0d0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 5px;
}

.link-dropdown {
  color: var(--fontes--texto);
  text-align: left;
  text-transform: none;
  background-color: #fff;
  border: 1px #ffffff94;
  border-radius: 0;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.link-dropdown:hover {
  color: #121212;
  background-color: #d0d0d0;
}

.link-dropdown.w--current {
  color: #fff;
  background-color: #3ecfae;
}

.link-dropdown.w--current:hover {
  color: #fff5e9;
  background-color: #fa7921;
}

.link-dropdown.ponta-baixo {
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-right: 30px;
}

.link-dropdown.ponta-baixo:hover {
  background-color: #d0d0d0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.link-dropdown.ponta-baixo.w--current {
  background-color: var(--institucional--cor-3);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.link-dropdown.ponta-baixo.w--current:hover {
  background-color: var(--institucional--cor-4);
}

.link-dropdown.ponta-baixo.pdf {
  background-image: url('../images/pdf-icone_1pdf-icone.png');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
}

.link-dropdown.ponta-cima {
  color: var(--fontes--texto);
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.link-dropdown.ponta-cima:hover {
  background-color: #d0d0d0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.link-dropdown.ponta-cima.w--current {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.link-dropdown.ponta-cima.w--current:hover {
  color: #121212;
}

.link-dropdown.ponta-cima.oculto, .link-dropdown.oculto {
  display: none;
}

.dropdown-list-9 {
  background-color: #0000;
}

.dropdown-list-9.w--open {
  background-color: #fff;
  border: 2px #008ef061;
  border-radius: 10px;
  width: auto;
  margin-top: 44px;
}

.dropdown-list-9.w--open:hover {
  border-radius: 10px;
}

.dropdown-list-9.margem.w--open {
  border: 1px solid #70707059;
  top: 0;
  right: 0;
}

.dropdown-list {
  background-color: #0000;
}

.dropdown-list.w--open {
  color: #fff;
  background-color: #fff;
  border: 1px solid #70707059;
  border-radius: 10px;
  width: auto;
  margin-top: 44px;
  top: 0;
}

.dropdown-list.w--open:hover {
  border-radius: 10px;
}

.img-acessibilidade {
  max-width: 20%;
  font-size: 15px;
  display: inline-block;
}

.html-embed-8 {
  cursor: pointer;
  font-weight: 500;
}

.items {
  align-items: flex-start;
  margin-top: 5px;
  display: flex;
}

.items.menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
}

.bandeira {
  flex: 1;
  display: flex;
}

.body {
  background-color: var(--background--bg);
}

.section {
  z-index: 3;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--background--transparente);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 80px 114px;
  display: flex;
  position: relative;
  inset: 9% 0% auto;
}

.conteudo {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  display: flex;
}

.center {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

.container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 800px;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.container.auto {
  margin-left: auto;
}

.btn-home {
  background-color: var(--institucional--cor-6);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px 10px 10px;
  text-decoration: none;
  display: flex;
}

.btn-home:hover {
  background-color: var(--smart-campus--cor-2);
}

.seta-botao {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-right: 0;
  display: flex;
}

.seta {
  cursor: pointer;
  border: 1px #fff;
  border-radius: 30px;
  max-width: 50px;
}

.seta:hover {
  mix-blend-mode: hard-light;
}

.texto-btn {
  color: #fff;
  text-align: left;
  text-transform: none;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.nav-bandeira {
  border-radius: 10px;
  width: 50px;
  height: 30px;
}

.back-to-top {
  z-index: 10000;
  border: 1px solid var(--institucional--cor-6);
  background-color: var(--institucional--cor-6);
  color: #fff;
  border-radius: 20px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 7px;
  transition: background-color .2s;
  position: fixed;
  inset: auto 10px 100px auto;
  box-shadow: 0 2px 5px #0003;
}

.back-to-top:hover {
  background-color: var(--institucional--cor-3);
  border-style: none;
}

.back-to-top.w--current {
  color: #fff;
  bottom: 100px;
  box-shadow: 0 2px 5px #0003;
}

.back-to-top.w--current:hover {
  background-color: var(--institucional--cor-1);
  box-shadow: 0 2px 5px #59486d;
}

.back-to-top.intitucional {
  border-color: var(--institucional--cor-2);
  background-color: var(--institucional--cor-2);
}

.back-to-top.intitucional:hover {
  background-color: var(--institucional--cor-3);
}

.back-to-top.intitucional.w--current {
  border-color: var(--institucional--cor-1);
  background-color: var(--institucional--cor-2);
  opacity: 1;
}

.back-to-top.intitucional.w--current:hover {
  border-color: var(--institucional--cor-1);
  background-color: var(--institucional--cor-1);
}

.img-topo {
  filter: invert(0%);
  color: #fff;
  border: 1px #fff;
  margin-bottom: 5px;
  margin-left: 0;
  font-size: 14px;
}

.imagem {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #121212;
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.img-full {
  color: #121212;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.conteudo-colunas {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--background--transparente);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.image {
  align-self: auto;
  max-width: 100%;
}

.cell-flex-horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.colunas {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 100%;
  padding: 20px 0;
}

.eixos-atuacao {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.eixos {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.separador {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--fontes--texto);
  color: var(--fontes--texto);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1px;
  margin-top: -20px;
}

.separador.institucional {
  background-color: var(--institucional--cor-1);
}

.separador.educacao {
  background-color: var(--pilar-educacao--cor-1);
}

.separador.ambiental {
  background-color: var(--pilar-ambiental--cor-1);
}

.separador.economico {
  background-color: var(--pilar-economico--cor-1);
}

.separador.social {
  background-color: var(--pilar-social--cor-1);
  margin-top: -20px;
}

.titulo-eixos-atuacao {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.h2-ambiental {
  color: var(--pilar-ambiental--cor-1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-weight: 400;
}

.cell-titulo {
  border-bottom: 1px solid var(--pilar-ambiental--cor-1);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Poppins, sans-serif;
}

.cell-titulo.ambiental {
  background-color: var(--pilar-ambiental--cor-1);
  border-radius: 20px;
  height: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.cell-titulo.economico {
  border-bottom-color: var(--pilar-economico--cor-1);
  background-color: var(--pilar-economico--cor-1);
  border-radius: 20px;
  height: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.cell-titulo.social {
  border-bottom-color: var(--pilar-social--cor-1);
  background-color: var(--pilar-social--cor-1);
  border-radius: 20px;
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.cell-titulo.educacao {
  border-bottom-color: var(--pilar-educacao--cor-1);
  background-color: var(--pilar-educacao--cor-1);
  border-radius: 20px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.cell-flex-vertical {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.cell-flex-vertical.left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
}

.cell-align-right {
  border-top: 2px #000;
  border-bottom: 2px solid #004379;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

.img {
  flex: 1;
  width: auto;
  min-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.img.relatorios {
  flex: 0 auto;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
}

.link-relatorio {
  justify-content: center;
  align-items: center;
  width: 110px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px;
  display: flex;
}

.p-box {
  padding: var(--afast);
  border: 3px solid var(--pilar-ambiental--cor-1);
  color: #333;
  background-color: #0000;
  border-radius: 30px;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  display: block;
}

.p-box.menus-relatorios {
  border-style: none;
  border-color: var(--institucional--cor-1);
  color: var(--institucional--cor-1);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
}

.cell-space-btw {
  border-bottom: 1px solid var(--institucional--cor-1);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

.colunas-relatorios {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.titulo-relatorios-menu {
  color: var(--institucional--cor-1);
  text-transform: uppercase;
  align-self: auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.titulo-relatorios-menu.azul-claro {
  color: var(--institucional--cor-6);
  align-self: auto;
}

.tra-o {
  border-bottom: 2px solid var(--institucional--cor-1);
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.tra-o.oculto.oc {
  display: none;
}

.tra-o.azul-claro {
  border-bottom-color: var(--institucional--cor-6);
  width: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.grid-65-space-betwen {
  border-bottom: 1px #004379;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.grid-65-space-betwen.margin-150.bo {
  border-bottom-style: solid;
}

.grid-65-space-betwen.borda-grossa {
  border-bottom-style: none;
  border-bottom-width: 2px;
}

.eixo {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.relatorios {
  width: 100%;
}

.facens {
  z-index: 0;
  background-color: var(--institucional--cor-2);
  justify-content: space-around;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 8px 5%;
  display: flex;
  position: static;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.facens.ambiental {
  background-color: var(--pilar-ambiental--cor-2);
  color: var(--pilar-ambiental--cor-2);
}

.facens.economico {
  background-color: var(--pilar-economico--cor-1);
  color: var(--fontes--white);
}

.facens.social {
  background-color: var(--pilar-social--cor-1);
  height: 5vh;
}

.facens.educacao {
  background-color: var(--pilar-educacao--cor-1);
}

.footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo-facens {
  background-color: #0000;
  width: 100%;
  max-width: 100%;
  height: 30px;
}

.logo {
  align-items: center;
  display: block;
}

.experiencia-ed {
  z-index: 10000;
  background-color: var(--background--transparente);
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.experiencia-ed.smart-campus {
  z-index: 0;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 0 10px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  position: static;
  inset: auto 0% 0%;
}

.redes-sociais {
  width: 25px;
  max-width: 100%;
  height: 25px;
  padding-left: 0;
  padding-right: 0;
}

.titulos-rel-anteriores {
  justify-content: center;
  align-items: center;
  width: 110px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px;
  display: flex;
}

.scroll-down-div {
  justify-content: flex-start;
  align-items: center;
  height: 15%;
  margin-bottom: 0;
  display: flex;
}

.icone-scroll-down {
  flex: none;
  align-self: flex-start;
  width: 45px;
}

.video {
  background-color: var(--pilar-social--cor-4);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
}

.legenda {
  color: var(--fontes--texto);
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.titulo-card {
  color: var(--fontes--texto);
  background-color: #0000;
  align-items: center;
  margin: 16px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  display: block;
}

.btn-proxima-unidade {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  font-weight: 400;
  display: flex;
}

.return-next {
  border: 1px solid var(--institucional--cor-1);
  color: var(--institucional--cor-1);
  background-color: #0000;
  border-radius: 20px;
  padding: 5px 25px;
  text-decoration: none;
}

.return-next:hover {
  box-shadow: 0 4px 5px #333;
}

.return-next.proximo {
  background-color: var(--pilar-ambiental--cor-2);
  color: #fff;
}

.return-next.proximo.social {
  border-style: none none solid;
  border-bottom-color: var(--pilar-social--cor-1);
  background-color: var(--pilar-social--cor-2);
  color: #fff;
}

.return-next.proximo.educacao {
  border-style: none none solid;
  border-bottom-color: var(--pilar-educacao--cor-1);
  background-color: var(--pilar-educacao--cor-2);
  color: #fff;
}

.return-next.proximo.economico {
  border-style: none none solid;
  border-color: var(--pilar-economico--cor-1);
  background-color: var(--pilar-economico--cor-2);
  color: var(--fontes--white);
  font-weight: 400;
}

.return-next.proximo.ambiental {
  border-color: var(--pilar-ambiental--cor-1);
}

.return-next.proximo.institucional {
  background-color: var(--institucional--cor-2);
}

.return-next.social {
  border-color: var(--pilar-social--cor-1);
  color: var(--pilar-social--cor-1);
}

.return-next.educacao {
  color: #ad448b;
  border-color: #ad448b;
}

.return-next.economico {
  border-color: var(--pilar-economico--cor-1);
  color: var(--pilar-economico--cor-1);
}

.return-next.ambiental {
  border-color: var(--pilar-ambiental--cor-1);
}

.educacao {
  color: var(--pilar-educacao--cor-1);
}

.social {
  color: var(--pilar-social--cor-1);
}

.ambiental {
  color: var(--pilar-ambiental--cor-1);
}

.economico {
  color: var(--pilar-economico--cor-1);
  font-weight: 500;
}

.titulo-pilar-sustentabilidade {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
}

.titulo-pilar-sustentabilidade.ambiental {
  color: var(--pilar-ambiental--cor-1);
  -webkit-text-stroke-color: #566437;
  margin-bottom: 0;
}

.titulo-pilar-sustentabilidade.social {
  color: var(--pilar-social--cor-1);
}

.titulo-pilar-sustentabilidade.economico {
  color: var(--pilar-economico--cor-1);
  line-height: 50px;
}

.card-eixos {
  border: 1px solid var(--pilar-ambiental--cor-2);
  background-color: var(--background--transparente);
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding: 20px 10px;
  text-decoration: none;
  display: block;
}

.card-eixos.social {
  border-color: var(--pilar-social--cor-1);
  width: 200px;
  height: 200px;
  display: block;
}

.card-eixos.educacao {
  border-color: var(--pilar-educacao--cor-1);
  background-color: var(--background--transparente);
  align-items: center;
  height: 200px;
  display: flex;
}

.card-eixos.economico {
  border-color: var(--pilar-economico--cor-1);
  align-items: center;
  height: 200px;
}

.img-card {
  width: auto;
  max-width: 50%;
  height: 50px;
  padding: 0 10px;
  overflow: visible;
}

.p-5, .p-6 {
  color: #333;
  background-color: #0000;
  align-items: center;
  margin: 16px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  display: block;
}

.destaque {
  font-weight: 400;
}

.destaque.ambiental {
  display: block;
}

.ir-voltar {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.timeline-path {
  z-index: -2;
  background-color: var(--institucional--cor-1);
  width: .2vw;
  height: 100%;
  position: absolute;
  left: 42.35vw;
}

.timeline-left-box {
  justify-content: flex-start;
  align-items: stretch;
}

.timeline-section {
  z-index: 0;
  background-color: var(--background--transparente);
  position: relative;
}

.timeline-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30.2541vw 10.0847vw 45.3812vw;
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.timeline-right-box {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vh;
  padding-left: 1.5vw;
  display: flex;
}

.timeline-progress-bar {
  z-index: -1;
  background-color: var(--background--transparente);
  background-image: none;
  width: .2vw;
  height: 50vh;
  padding-bottom: 0;
  padding-right: 0;
  position: fixed;
  bottom: 50vh;
}

.timeline-circle {
  background-color: var(--smart-campus--cor-1);
  border-radius: 100%;
  width: 1.5vw;
  height: 1.5vw;
}

.stage-image {
  box-shadow: none;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.stage-title-holder {
  position: sticky;
  top: 50vh;
}

.timeline-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-20px {
  font-size: 1.43vw;
}

.paragraph-20px.right-text {
  width: 100%;
}

.progress-bar-box {
  justify-content: center;
  display: flex;
}

.timeline-container {
  margin-left: 7.14vw;
  margin-right: 7.14vw;
}

.h3-subtitulo {
  color: var(--fontes--texto);
}

.link {
  color: var(--institucional--cor-2);
  font-weight: 500;
}

.bloco-ods {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 10px 0;
}

.azul {
  color: var(--institucional--cor-1);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
}

.azul.margin-right-20 {
  line-height: 36px;
}

.lista-bullets {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.slide-3 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-width: auto;
  display: flex;
  position: relative;
}

.thumb {
  cursor: pointer;
  width: 100%;
  margin-bottom: 8px;
  display: block;
}

.p-7 {
  color: #333;
  background-color: #0000;
  align-items: center;
  margin: 16px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  display: block;
}

.coulna-eixos {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.white {
  color: var(--background--bg);
  font-size: 12px;
  font-weight: 400;
}

.institucional {
  color: var(--institucional--cor-1);
}

.eixos-titulo {
  color: var(--fontes--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.bg-vector {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: flex-end;
  width: 205px;
  max-width: 100%;
  height: 564px;
  display: flex;
}

.bg-vector.bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  max-width: none;
  height: 480px;
  position: static;
  right: 60px;
}

.bg-vector.top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
}

.bg-vector.top.hide {
  width: 100px;
  min-width: 100px;
  position: relative;
}

.flex-bg-left {
  opacity: 1;
  object-fit: fill;
  width: 100px;
  max-width: none;
  height: 100px;
  position: absolute;
  bottom: 489.993px;
}

.flex-bg-right {
  vertical-align: baseline;
  object-fit: fill;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 25px;
  max-width: 100px;
  height: auto;
  min-height: 25px;
  max-height: 100px;
  display: inline-block;
}

.bloco-video {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.h5-menor {
  font-size: 12px;
  line-height: 22px;
  display: block;
}

.menu-button-2 {
  z-index: 11000;
  border-left: 2px solid #fff;
  margin-top: auto;
  padding: 10px 15px;
  display: block;
  position: fixed;
}

.menu-button-2.w--open {
  z-index: 10000;
  background-color: #0000;
  margin-top: 0;
  margin-left: 0;
}

.grid-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-right: 15px;
}

.grid-menu.a {
  flex: 0 auto;
}

.bloco-botao {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nav-menu-3 {
  z-index: auto;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 24vw;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.div-rolagem {
  border: 1px #4fb4e3;
  border-radius: 20px 0 0 20px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: auto;
}

.menu-principal {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--institucional--cor-1);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 70px;
  height: 60px;
  margin-bottom: 0;
  display: flex;
  position: fixed;
  inset: 140px auto 0% 0%;
}

.menu-principal.educacao {
  background-color: var(--pilar-educacao--cor-1);
  top: 15vh;
}

.menu-principal.social {
  background-color: var(--pilar-social--cor-2);
}

.menu-principal.economico {
  background-color: var(--pilar-economico--cor-2);
}

.menu-principal.ambiental {
  background-color: var(--pilar-ambiental--cor-2);
}

.div-menu-vertical {
  z-index: 6;
  background-color: var(--background--bg);
  border: 1px solid #003087;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 70vh;
  margin-top: 160px;
  margin-right: 0;
  padding: 8px;
  position: fixed;
  inset: 4vh auto 0% 0%;
  overflow: auto;
}

.div-menu-vertical.educacao {
  border-color: var(--pilar-educacao--cor-1);
  display: flex;
}

.div-menu-vertical.social {
  border-color: var(--pilar-social--cor-1);
}

.div-menu-vertical.economico {
  border-color: var(--pilar-economico--cor-2);
}

.div-menu-vertical.ambiental {
  border-color: var(--pilar-ambiental--cor-2);
}

.botao-menu {
  color: #3e404b;
  text-align: left;
  background-color: #3898ec00;
  align-items: center;
  width: 100%;
  margin-left: 15px;
  padding-left: 10px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  display: flex;
}

.botao-menu:hover {
  color: #003087;
}

.botao-menu.w--current {
  border-left: 4px solid #4fb4e3;
  margin-left: 0;
  padding-left: 10px;
}

.botao-menu.eixos-pilar-ambiental {
  color: #3e404b;
}

.botao-menu.eixos-pilar-ambiental:hover {
  color: #139b67;
}

.botao-menu.eixos-pilar-ambiental.w--current {
  border-left-color: #3fac82;
  padding-left: 10px;
}

.botao-menu.eixos-pilar-social {
  font-weight: 700;
}

.botao-menu.eixos-pilar-social:hover {
  color: #e06f3d;
}

.botao-menu.eixos-pilar-social.w--current {
  border-left-color: #e27c4f;
}

.botao-menu.eixos-pilar-economico {
  font-weight: 700;
}

.botao-menu.eixos-pilar-economico:hover {
  color: #f0ac09;
}

.botao-menu.eixos-pilar-economico.w--current {
  border-left-color: #efc664;
}

.botao-menu.eixos-pilar-educacao {
  font-weight: 700;
}

.botao-menu.eixos-pilar-educacao:hover {
  color: #aa3372;
}

.botao-menu.eixos-pilar-educacao.w--current {
  border-left-color: #b8598b;
}

.botao-menu.home-afastado {
  color: #333;
  text-align: left;
  background-color: #3898ec00;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.botao-menu.home-afastado:hover {
  color: #566437;
  background-color: #0000;
}

.botao-menu.home-afastado.w--current {
  border-left-color: #566437;
}

.botao-menu.home-afastado.eixos-pilar-ambiental {
  margin-left: 40px;
  padding-left: 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.botao-menu.home-afastado.eixos-pilar-ambiental:hover {
  color: #3fac82;
}

.botao-menu.home-afastado.eixos-pilar-ambiental.w--current {
  border-left-color: #6abc9d;
  margin-left: 40px;
}

.botao-menu.home-afastado.eixos-pilar-social {
  margin-left: 40px;
  padding-left: 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.botao-menu.home-afastado.eixos-pilar-social:hover {
  color: #e27c4f;
}

.botao-menu.home-afastado.eixos-pilar-social.w--current {
  border-left-color: #e5a284;
  margin-left: 40px;
}

.botao-menu.home-afastado.eixos-pilar-economico {
  margin-left: 40px;
  padding-left: 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.botao-menu.home-afastado.eixos-pilar-economico:hover {
  color: #f0ac09;
}

.botao-menu.home-afastado.eixos-pilar-economico.w--current {
  border-left-color: #efdbaa;
  margin-left: 40px;
}

.botao-menu.home-afastado.scprps {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.botao-menu.home-afastado.scprps:hover {
  color: #003d99;
}

.botao-menu.home-afastado.scprps.w--current {
  border-left-width: 4px;
  border-left-color: #4fb4e3;
  margin-left: 0;
  padding-left: 10px;
}

.botao-menu.home-afastado.eixos-pilar-educacao {
  margin-left: 40px;
  padding-left: 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.botao-menu.home-afastado.eixos-pilar-educacao:hover {
  color: #b8598b;
}

.botao-menu.home-afastado.eixos-pilar-educacao.w--current {
  border-left-color: #c57ea3;
  margin-left: 40px;
  font-weight: 400;
}

.botao-menu.texto-azul {
  color: var(--institucional--cor-1);
}

.text-block-3 {
  opacity: 0;
  color: #fff;
  margin-top: -33px;
  padding: 6px;
  font-family: Varela Round, sans-serif;
  font-size: 35px;
}

.text-block-3:hover {
  color: #fff;
}

.icon-5 {
  color: #fff;
  font-size: 35px;
}

.icon-5:hover {
  color: #fff;
}

.link-block {
  width: 100px;
}

.spacer {
  width: 60vw;
}

.link-rodape {
  color: var(--background--bg);
  text-decoration: none;
}

.linhat {
  width: 100%;
}

.video-2 {
  background-color: #eac8b9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
}

.container-video-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #eac8b9;
  border: 1px solid #e5a284;
  border-radius: 20px;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: 400px;
  min-height: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.a {
  margin-top: 10px;
  margin-bottom: 10px;
}

.paragraph-10 {
  position: absolute;
  inset: auto 0% 103%;
}

.nope {
  color: var(--fontes--texto);
  text-align: left;
  background-color: #3e4d5b00;
  width: 100%;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 1280px) {
  .menu-componente {
    background-color: var(--institucional--cor-2);
    height: auto;
  }

  .mais.home {
    background-color: var(--background--transparente);
  }

  .link-dropdown.ponta-cima.w--current {
    background-color: #6bdbc2;
  }

  .body, .section, .conteudo-colunas {
    background-color: var(--background--transparente);
  }

  .separador {
    color: var(--institucional--cor-1);
  }

  .timeline-path {
    background-color: var(--institucional--cor-1);
    height: 100%;
  }

  .timeline-progress-bar {
    background-image: linear-gradient(180deg, var(--background--linear-gradiente), white);
    box-shadow: none;
  }

  .paragraph-20px.right-text {
    font-size: 18px;
  }

  .h3-subtitulo {
    margin-top: 0;
    margin-bottom: 0;
  }

  .link {
    color: var(--institucional--cor-2);
  }

  .bg-vector {
    width: 320px;
    height: 740px;
  }

  .bg-vector.bottom {
    width: 205px;
  }

  .flex-bg-left {
    bottom: 626.993px;
  }
}

@media screen and (min-width: 1440px) {
  .menu-componente {
    height: auto;
  }

  .mais {
    font-size: 1rem;
  }

  .item-menu-botao {
    position: static;
    top: -3px;
    left: auto;
  }

  .item-menu {
    left: auto;
  }

  .conteudo {
    width: 920px;
  }

  .container {
    max-width: 920px;
  }

  .img-full {
    flex: 1;
  }

  .bg-vector {
    justify-content: space-around;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .bg-vector.bottom {
    justify-content: center;
    align-items: flex-end;
  }

  .flex-bg-right {
    display: block;
  }

  .nav-menu-3 {
    width: 20vw;
  }

  .botao-menu.home-afastado.w--current {
    border-left-width: 4px;
  }
}

@media screen and (min-width: 1920px) {
  p {
    font-size: 22px;
    line-height: 34px;
  }

  .menu-componente {
    justify-content: center;
    align-items: flex-end;
    height: auto;
  }

  .mais {
    font-size: 1.2rem;
  }

  .item-menu-botao {
    position: static;
  }

  .item-menu {
    position: relative;
    top: -3px;
  }

  .dropdown-list-9.w--open {
    margin-top: -16px;
    top: 60px;
  }

  .dropdown-list-9.margem.w--open {
    margin-top: 44px;
  }

  .dropdown-list.w--open {
    margin-top: -16px;
    top: 60px;
  }

  .conteudo {
    width: 920px;
  }

  .container {
    max-width: 1400px;
  }

  .back-to-top {
    align-items: center;
    display: flex;
  }

  .img-full {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .cell-flex-horizontal {
    justify-content: center;
    align-items: center;
  }

  .eixos {
    margin-left: auto;
    margin-right: auto;
  }

  .cell-flex-vertical.left {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .cell-align-right {
    justify-content: flex-start;
    align-items: center;
  }

  .cell-space-btw {
    justify-content: space-between;
    align-items: center;
  }

  .video {
    width: 820px;
  }

  .bg-vector {
    justify-content: space-around;
    align-items: center;
    display: flex;
  }

  .bg-vector.bottom {
    width: 100px;
    height: 600px;
    top: 40px;
  }

  .bg-vector.top {
    bottom: 40px;
  }

  .flex-bg-right {
    display: block;
  }

  .nav-menu-3 {
    width: 15vw;
  }

  .menu-principal {
    display: flex;
  }

  .video-2 {
    width: 820px;
  }

  .container-video-2 {
    max-width: 920px;
    height: 600px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 50px;
    line-height: 56px;
  }

  h2 {
    font-size: 34px;
    line-height: 40px;
  }

  h3 {
    font-size: 26px;
    line-height: 42px;
  }

  h4 {
    font-size: 16px;
    line-height: 22px;
  }

  h5 {
    font-size: 12px;
    line-height: 18px;
  }

  p {
    font-size: 16px;
    line-height: 22px;
  }

  .menu-componente {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .menu-componente.mobile {
    height: auto;
    display: block;
  }

  .menu-componente.mobile.ambiental {
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .menu-componente.mobile.economico {
    display: block;
  }

  .menu-componente.ambiental, .menu-componente.economico {
    display: none;
  }

  .icone-pdf {
    display: block;
  }

  .dropdown-toggle-4 {
    background-color: #003087;
    border-radius: 10px;
  }

  .dropdown-toggle-4.w--open {
    color: #f6f6f6;
    flex-flow: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-button {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
  }

  .menu-button.w--open {
    background-color: var(--institucional--cor-3);
    border-radius: 10px;
  }

  .menu-button.economico {
    background-color: var(--pilar-economico--cor-1);
  }

  .menu-button.social.w--open {
    background-color: var(--pilar-social--cor-2);
  }

  .menu-button.educacao {
    background-color: var(--pilar-educacao--cor-1);
  }

  .menu-button.ambiental.w--open {
    background-color: var(--pilar-ambiental--cor-3);
  }

  .nav-menu-2 {
    background-color: #0000;
    justify-content: center;
    align-items: center;
  }

  .navigation {
    background-color: #0000;
  }

  .icon-8 {
    color: #fff;
  }

  .navbar-2 {
    z-index: 10000;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mais {
    font-size: 1rem;
  }

  .mais.home {
    text-align: center;
    background-color: #0000;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
  }

  .mais.home:hover {
    color: var(--fontes--texto);
    font-weight: 500;
  }

  .item-menu-botao {
    color: #fff;
    font-size: 14px;
    position: static;
    top: 0;
  }

  .item-menu-botao:hover {
    color: #3d33cd;
  }

  .item-menu-botao.w--open {
    justify-content: center;
    display: flex;
  }

  .item-menu-botao.home {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
  }

  .item-menu-botao.home:hover {
    background-color: var(--smart-campus--cor-3);
    color: var(--institucional--cor-1);
  }

  .item-menu-botao.home.w--open {
    width: 100%;
    margin-right: 0;
    padding: 0;
  }

  .item-menu {
    background-color: var(--institucional--cor-3);
    color: #f6f6f6;
    text-align: center;
    border-top: 1px solid #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    display: block;
    position: relative;
    top: -1px;
  }

  .item-menu:hover {
    background-color: var(--smart-campus--cor-3);
  }

  .item-menu:focus {
    background-color: #ff3758;
  }

  .item-menu.acessibilidade {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--institucional--cor-3);
    border-radius: 0;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .item-menu.acessibilidade:hover, .item-menu.acessibilidade.ambiental:hover, .item-menu.acessibilidade.economico:hover {
    background-color: var(--smart-campus--cor-3);
  }

  .item-menu.acessibilidade.social {
    background-color: var(--pilar-social--cor-2);
  }

  .item-menu.acessibilidade.educacao {
    background-color: var(--pilar-educacao--cor-2);
  }

  .item-menu.acessibilidade.educacao:hover {
    background-color: var(--smart-campus--cor-3);
  }

  .item-menu.ambiental {
    background-color: var(--pilar-ambiental--cor-2);
  }

  .item-menu.ambiental:hover {
    background-color: var(--pilar-ambiental--cor-3);
  }

  .item-menu.economico {
    background-color: var(--pilar-economico--cor-3);
  }

  .item-menu.social {
    background-color: var(--pilar-social--cor-2);
  }

  .item-menu.social:hover {
    background-color: var(--smart-campus--cor-3);
  }

  .item-menu.educacao {
    background-color: var(--pilar-educacao--cor-2);
  }

  .item-menu.educacao:hover {
    background-color: var(--pilar-educacao--cor-4);
  }

  .div-items-menu {
    flex: 1;
    justify-content: space-between;
  }

  .dark-mode-toggle-2 {
    text-align: left;
    background-color: #fff;
    background-image: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
  }

  .link-dropdown {
    text-align: left;
    background-color: #fff;
    flex-flow: row;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
  }

  .link-dropdown:hover {
    color: #121212;
    background-color: #d0d0d0;
    margin-right: 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .link-dropdown.w--current, .link-dropdown.w--current:hover {
    background-color: var(--smart-campus--cor-3);
    color: #fff;
  }

  .link-dropdown.ponta-baixo {
    white-space: break-spaces;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .link-dropdown.ponta-baixo.pdf {
    width: 100%;
  }

  .link-dropdown.ponta-cima {
    text-align: left;
    border-bottom-style: none;
    border-bottom-color: #5b3e7c;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
  }

  .dropdown-list-9 {
    position: relative;
  }

  .dropdown-list-9.w--open {
    z-index: 2147483647;
    margin-top: 0;
    position: relative;
  }

  .dropdown-list-9.margem.w--open {
    background-color: #fff;
    height: auto;
    margin-top: 0;
    position: absolute;
    inset: 48px 0% 0%;
  }

  .dropdown-list {
    position: relative;
  }

  .dropdown-list.w--open {
    z-index: 2147483647;
    border-radius: 0;
    height: auto;
    margin-top: 0;
    position: relative;
  }

  .img-acessibilidade {
    width: 25px;
    max-width: none;
    height: 25px;
  }

  .items {
    color: #fff;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
  }

  .items.menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 100vh;
    max-height: 100vh;
    display: block;
  }

  .itens-direita {
    display: block;
  }

  .section {
    padding-left: 60px;
    padding-right: 60px;
  }

  .conteudo {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container {
    max-width: none;
    margin-left: auto;
  }

  .btn-home {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }

  .seta-botao {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .seta {
    max-width: 40px;
  }

  .texto-btn {
    font-size: 14px;
    line-height: 24px;
  }

  .back-to-top {
    display: none;
    bottom: 100px;
    right: 32px;
  }

  .back-to-top.intitucional, .back-to-top.intitucional.w--current {
    display: block;
  }

  .imagem {
    object-fit: fill;
    align-self: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .img-full {
    object-fit: fill;
    flex: none;
    align-self: center;
    width: 100%;
    overflow: hidden;
  }

  .eixos {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
  }

  .cell-flex-vertical {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .cell-flex-vertical.left {
    justify-content: center;
    align-items: center;
  }

  .img {
    display: block;
  }

  .img.relatorios {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
  }

  .link-relatorio {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .p-box {
    margin-right: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .p-box.menus-relatorios {
    font-size: 12px;
    line-height: 22px;
  }

  .cell-space-btw {
    border-bottom-style: solid;
  }

  .colunas-relatorios {
    flex: none;
  }

  .titulo-relatorios-menu {
    font-size: 14px;
    line-height: 20px;
  }

  .tra-o {
    width: 20px;
  }

  .grid-65-space-betwen.margin-150 {
    border-bottom-style: none;
  }

  .eixo {
    max-width: 100%;
  }

  .relatorios {
    max-width: 100%;
    overflow: auto;
  }

  .facens {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .footer {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    font-size: 0;
  }

  .experiencia-ed.smart-campus {
    flex-flow: row;
    line-height: 20px;
  }

  .redes-sociais {
    line-height: 0;
  }

  .scroll-down-div {
    height: 10%;
  }

  .titulo-card {
    margin-right: 0;
    font-size: 15px;
    line-height: 18px;
    display: block;
  }

  .btn-proxima-unidade {
    height: auto;
  }

  .return-next, .return-next.proximo.institucional, .return-next.institucional {
    font-size: 14px;
    line-height: 20px;
  }

  .card-eixos {
    width: 150px;
    height: 150px;
    padding: 10px;
    display: flex;
  }

  .card-eixos.social {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    display: flex;
  }

  .card-eixos.educacao {
    height: 150px;
  }

  .card-eixos.economico {
    max-width: none;
    height: 150px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .img-card {
    width: auto;
    max-width: none;
    height: 40px;
    margin-right: 0;
    padding: 0 16px;
  }

  .p-5, .p-6 {
    margin-right: 0;
    display: block;
  }

  .timeline-path {
    width: .25vw;
  }

  .timeline-right-box {
    padding-top: 10vw;
    padding-left: 1.65vw;
  }

  .timeline-progress-bar {
    width: .25vw;
  }

  .timeline-circle {
    width: 1.65vw;
    height: 1.65vw;
  }

  .stage-image {
    width: 39.28vw;
    height: auto;
    margin-top: 4.72vw;
  }

  .paragraph-20px.right-text {
    font-size: 14px;
    line-height: 22px;
  }

  .h3-subtitulo {
    font-size: 24px;
    line-height: 40px;
  }

  .azul.margin-right-20 {
    font-size: 16px;
    line-height: 32px;
  }

  .p-7 {
    margin-right: 0;
    display: block;
  }

  .white {
    color: var(--background--cinza-botao);
  }

  .institucional {
    font-size: 36px;
    line-height: 42px;
  }

  .eixos-titulo {
    font-size: 14px;
  }

  .bg-vector.bottom.hide, .bg-vector.top.hide, .flex-bg-left, .flex-bg-right {
    display: none;
  }

  .menu-button-2 {
    border-left-style: none;
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    position: static;
  }

  .menu-button-2.w--open {
    margin-top: 0;
    position: relative;
  }

  .grid-menu {
    overflow: visible;
  }

  .div-rolagem {
    flex: 0 auto;
    height: auto;
    margin-top: 0;
    position: static;
  }

  .menu-principal {
    width: 100vw;
    height: 50px;
    margin-top: 0;
    display: none;
  }

  .menu-principal.educacao, .div-menu-vertical {
    display: none;
  }

  .botao-menu.home-afastado.w--current {
    border-left-width: 4px;
  }

  .img-menu {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .itens-menu {
    display: flex;
    overflow: hidden;
  }

  .pagina-menu {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    min-width: 100vw;
    padding: 10px;
    display: flex;
  }

  .pagina-menu.linha {
    align-items: center;
  }

  .seta-menu {
    cursor: pointer;
    width: 20px;
    height: 20px;
  }

  .txt-menu {
    color: var(--fontes--texto);
    text-align: left;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 500;
  }

  .div-linhas {
    border-bottom: 1px solid #e1e1e1;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .div-linhas._2-linhas {
    border-top: 1px solid #e1e1e1;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .link-menu-mobile-destacado {
    color: #003d98;
    font-weight: 700;
    text-decoration: none;
  }

  .link-menu-mobile-destacado.ambiental {
    color: var(--pilar-ambiental--cor-3);
  }

  .link-menu-mobile-destacado.economico {
    color: var(--pilar-economico--cor-1);
  }

  .link-menu-mobile-destacado.social {
    color: var(--pilar-social--cor-1);
  }

  .link-menu-mobile-destacado.educacao {
    color: var(--pilar-educacao--cor-1);
  }

  .div-acessibilidade {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-5 {
    margin-right: 10px;
  }

  .grupo-itens {
    min-width: 100vw;
    display: none;
  }

  .volta {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .link-acessibilidade {
    color: var(--fontes--texto);
    text-decoration: none;
  }

  .todas-as-paginas-menu {
    flex-flow: column;
    width: 100vw;
    display: flex;
    overflow: hidden;
  }

  .voltar-acessibilidade {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .setinha {
    width: 20px;
    height: 20px;
  }

  .container-video-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex: 1;
    min-width: 90%;
    max-width: 90%;
    height: auto;
    padding: 20px;
  }

  .paragraph-10 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    align-self: flex-start;
    font-size: 38px;
    line-height: 46px;
  }

  h2 {
    align-self: flex-start;
    font-size: 24px;
    line-height: 30px;
  }

  h3 {
    font-size: 22px;
    line-height: 32px;
  }

  p {
    font-size: 14px;
    line-height: 20px;
  }

  .mais.home {
    line-height: 1rem;
  }

  .item-menu-botao {
    display: block;
  }

  .item-menu-botao.home {
    justify-content: center;
    align-items: center;
  }

  .div-menu, .item-menu, .div-items-menu {
    display: block;
  }

  .dark-mode-toggle-2 {
    text-align: left;
  }

  .link-dropdown {
    white-space: break-spaces;
    line-height: 1rem;
  }

  .dropdown-list-9.margem.w--open {
    margin-left: 0;
    margin-right: 0;
  }

  .items.menu {
    flex-flow: column;
  }

  .section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .center {
    text-align: center;
  }

  .seta {
    max-width: 30px;
  }

  .texto-btn {
    font-size: 12px;
    line-height: 22px;
  }

  .back-to-top.intitucional {
    display: block;
    bottom: 20%;
    right: 5px;
  }

  .back-to-top.intitucional.w--current {
    display: block;
  }

  .img-full {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cell-flex-horizontal {
    flex-flow: column;
  }

  .eixos {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .cell-titulo.ambiental {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cell-flex-vertical.left {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .img {
    display: block;
  }

  .img.relatorios {
    width: 20px;
    height: 20px;
  }

  .p-box {
    width: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .cell-space-btw {
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .colunas-relatorios {
    width: auto;
  }

  .titulo-relatorios-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .titulo-relatorios-menu.azul-claro {
    font-size: 14px;
    line-height: 20px;
  }

  .tra-o {
    width: 20px;
  }

  .grid-65-space-betwen {
    border-bottom-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .grid-65-space-betwen.margin-150 {
    height: 100%;
  }

  .eixo {
    overflow: hidden;
  }

  .relatorios {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .facens {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .facens.ambiental, .facens.economico {
    flex-flow: column;
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .facens.social {
    flex-flow: column;
    height: 15vh;
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .facens.educacao {
    flex-flow: column;
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .facens.institucional {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .footer {
    flex: 1;
    display: flex;
  }

  .logo-facens {
    height: 20px;
  }

  .logo {
    flex: 1;
  }

  .experiencia-ed.smart-campus {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }

  .titulos-rel-anteriores {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;
  }

  .icone-scroll-down {
    width: 35px;
  }

  .titulo-card {
    width: auto;
  }

  .titulo-pilar-sustentabilidade.social {
    font-size: 40px;
    line-height: 40px;
  }

  .titulo-pilar-sustentabilidade.economico {
    font-size: 30px;
    line-height: 40px;
  }

  .p-5, .p-6 {
    width: auto;
    font-size: 20px;
    line-height: 28px;
  }

  .timeline-path {
    height: 100%;
  }

  .h3-subtitulo {
    font-size: 22px;
    line-height: 38px;
  }

  .azul {
    line-height: 32px;
  }

  .p-7 {
    width: auto;
    font-size: 20px;
    line-height: 28px;
  }

  .institucional {
    font-size: 34px;
    line-height: 40px;
  }

  .menu-button-2 {
    margin-left: 0;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .nav-menu-3 {
    flex: 1;
    align-self: stretch;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
  }

  .div-rolagem {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .menu-principal {
    width: 100vw;
    height: 45px;
  }

  .div-block-4 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: auto;
  }

  .img-menu {
    width: 370px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 28px;
    line-height: 36px;
  }

  h2 {
    font-size: 24px;
    line-height: 30px;
  }

  h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
  }

  .menu-componente {
    flex-flow: row;
  }

  .menu-button.w--open {
    flex-flow: column;
    display: block;
  }

  .navbar-2 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .mais.home {
    line-height: 22px;
  }

  .div-menu {
    flex-direction: column;
    display: flex;
  }

  .item-menu {
    font-size: 14px;
    line-height: 22px;
  }

  .div-items-menu {
    justify-content: space-between;
  }

  .link-dropdown {
    white-space: break-spaces;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
  }

  .link-dropdown.ponta-baixo {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .link-dropdown.ponta-cima {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    display: flex;
  }

  .dropdown-list-9.margem.w--open {
    margin-left: 0;
  }

  .dropdown-list.w--open {
    border-radius: 0;
  }

  .items.menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .itens-direita {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .section {
    padding: 60px 10px;
  }

  .conteudo {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .back-to-top.intitucional.w--current {
    display: block;
    bottom: 18%;
    right: 5px;
  }

  .img-full {
    padding-top: 0;
    padding-bottom: 0;
  }

  .conteudo-colunas {
    justify-content: center;
    align-items: center;
  }

  .eixos-atuacao {
    flex-flow: wrap;
    margin-left: auto;
    margin-right: auto;
  }

  .eixos {
    grid-column-gap: 0px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
    width: auto;
    min-width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .separador {
    margin-top: -10px;
  }

  .titulo-eixos-atuacao, .cell-flex-vertical {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cell-flex-vertical.left {
    justify-content: center;
    align-items: center;
  }

  .cell-align-right {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .img.relatorios {
    min-width: 20px;
    max-width: 20px;
  }

  .p-box {
    text-align: left;
    margin-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .p-box.menus-relatorios {
    text-align: center;
  }

  .cell-space-btw {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .titulo-relatorios-menu {
    -webkit-text-stroke-color: #004379;
    align-self: center;
    font-size: 12px;
    line-height: 18px;
  }

  .titulo-relatorios-menu.azul-claro {
    align-self: center;
  }

  .grid-65-space-betwen.margin-150 {
    margin-left: 0;
  }

  .eixo {
    overflow: hidden;
  }

  .relatorios {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
  }

  .facens {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .footer {
    flex-flow: row;
    width: 100%;
  }

  .logo-facens {
    height: 20px;
  }

  .logo {
    justify-content: center;
  }

  .experiencia-ed.smart-campus {
    flex-direction: column;
    font-size: 12px;
    line-height: 20px;
  }

  .redes-sociais {
    max-width: 100%;
  }

  .icone-scroll-down {
    width: 30px;
  }

  .titulo-card {
    margin-right: 0;
  }

  .return-next.educacao {
    font-size: 12px;
  }

  .titulo-pilar-sustentabilidade {
    font-size: 28px;
    line-height: 30px;
  }

  .titulo-pilar-sustentabilidade.ambiental {
    font-size: 48px;
    line-height: 72px;
  }

  .titulo-pilar-sustentabilidade.social, .titulo-pilar-sustentabilidade.economico {
    font-size: 28px;
    line-height: 30px;
  }

  .card-eixos {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 150px;
    max-height: none;
    padding: 16px;
    text-decoration: none;
    display: flex;
  }

  .card-eixos.social {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 150px;
    min-height: auto;
    display: flex;
  }

  .card-eixos.educacao {
    flex-flow: column;
    height: 150px;
  }

  .card-eixos.economico {
    max-width: none;
    height: 150px;
    display: flex;
  }

  .img-card {
    flex: 0 auto;
    width: 70px;
    max-width: none;
    height: auto;
    padding: 0 16px;
  }

  .p-5, .p-6 {
    text-align: left;
    margin-right: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .timeline-path {
    width: .5vw;
    left: 9.5vw;
  }

  .timeline-left-box {
    margin-top: 5vh;
    margin-right: 25px;
  }

  .timeline-main-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 13.4286vw 80.5714vw;
    padding-top: 5vw;
    padding-bottom: 11vw;
  }

  .timeline-right-box {
    justify-content: center;
    align-items: flex-start;
    margin-right: 30px;
    padding-top: 0;
    padding-left: 0;
  }

  .timeline-progress-bar {
    width: .5vw;
  }

  .timeline-circle {
    width: 3.3vw;
    height: 3.3vw;
  }

  .stage-image {
    width: auto;
    height: auto;
    margin-top: 0;
  }

  .stage-title-holder {
    position: static;
  }

  .paragraph-20px.right-text {
    width: 100%;
    font-size: 14px;
  }

  .progress-bar-box {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 4px;
  }

  .h3-subtitulo {
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
  }

  .azul.margin-right-20 {
    margin-right: 20px;
  }

  .p-7 {
    text-align: left;
    margin-right: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .institucional {
    font-size: 28px;
    line-height: 34px;
  }

  .eixos-titulo {
    font-size: 12px;
  }

  .menu-button-2 {
    margin-top: auto;
    padding: 5px 10px;
    position: static;
  }

  .menu-button-2.w--open {
    margin-top: 0;
    position: relative;
  }

  .nav-menu-3 {
    background-color: #108300;
  }

  .div-rolagem {
    flex: none;
    min-width: 100%;
    margin-bottom: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .menu-principal {
    background-color: #0a5100;
    width: 100vw;
    min-width: 100vw;
    display: none;
  }

  .div-menu-vertical {
    margin-left: 0;
  }

  .img-menu {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-video-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#w-node-_058de3b5-a516-79d9-b284-7fa3940fafae-0928e762, #w-node-a2435aab-66cb-ee8d-8b63-fe5c78ee9d84-0928e762 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dce9d-0928e762 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dceb7-0928e762 {
  grid-template-rows: auto;
  grid-template-columns: 3fr;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcebe-0928e762 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 3fr;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcebf-0928e762 {
  grid-column: span 2 / span 2;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcec0-0928e762 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcec7-0928e762 {
  grid-column: span 3 / span 3;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcf6c-0928e762 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcf70-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf73-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf76-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf79-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf7c-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf83-0928e762 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcf87-0928e762 {
  place-self: center;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcf89-0928e762 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcf8a-0928e762 {
  place-self: center;
}

#w-node-_9b155e0a-abd7-7c73-d313-627d365dcf8c-0928e762, #w-node-_5a0e1a43-d41d-dae9-08bd-05b917b85446-0928e762, #w-node-_07abdbae-e1b9-87ee-0591-7f643e7a4802-0928e762, #w-node-c6b1735d-e770-82a6-23ca-41c61d6227f4-0928e762, #w-node-_5a0e1a43-d41d-dae9-08bd-05b917b85448-0928e762, #w-node-_5a0e1a43-d41d-dae9-08bd-05b917b8544e-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf92-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf94-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf96-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf98-0928e762, #w-node-_1f75a6a7-17ce-0301-4801-36f6091b8878-0928e762, #w-node-_8d0f9d60-f7f0-798a-a055-dbd2a4285c53-0928e762, #w-node-_8d0f9d60-f7f0-798a-a055-dbd2a4285c55-0928e762, #w-node-_8d0f9d60-f7f0-798a-a055-dbd2a4285c57-0928e762, #w-node-_8d0f9d60-f7f0-798a-a055-dbd2a4285c59-0928e762, #w-node-_8d0f9d60-f7f0-798a-a055-dbd2a4285c5b-0928e762 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_058de3b5-a516-79d9-b284-7fa3940fafae-0928e762 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_058de3b5-a516-79d9-b284-7fa3940fafaf-0928e762 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a2435aab-66cb-ee8d-8b63-fe5c78ee9d84-0928e762 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_0572c48d-125e-ae81-e9f8-2379331d1286-0928e762 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dceb7-0928e762 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dceb8-0928e762 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dcebe-0928e762 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dcebf-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcec1-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcec7-0928e762 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf6c-0928e762 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9b155e0a-abd7-7c73-d313-627d365dced2-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcef3-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf0b-0928e762, #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf30-0928e762 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf6c-0928e762 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_058de3b5-a516-79d9-b284-7fa3940fafae-0928e762 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_058de3b5-a516-79d9-b284-7fa3940fafaf-0928e762 {
    grid-column: span 1 / span 1;
  }

  #w-node-a2435aab-66cb-ee8d-8b63-fe5c78ee9d84-0928e762 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0572c48d-125e-ae81-e9f8-2379331d1286-0928e762 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9b155e0a-abd7-7c73-d313-627d365dcf6c-0928e762 {
    grid-template-rows: auto;
    grid-template-columns: .3fr 1fr;
  }
}


@font-face {
  font-family: 'Opendyslexic';
  src: url('../fonts/OpenDyslexic-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}