/* importar */
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 400;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-400.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 400;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-400i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 250;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-100.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 250;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-100i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 275;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-200.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 275;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-200i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 300;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-300.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 300;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-300i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 500;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-500.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 500;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-500i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 600;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-600.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 600;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-600i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 700;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-700.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 700;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-700i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 800;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-800.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 800;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-800i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 900;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-900.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 900;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-900i.woff') format('woff');
}
/* 
Site:
https://www.cdnfonts.com/rawline.font  
*/
/* fonte */
/* cores */
/* media query */
/* mixins */
/*
COPIAR E COLAR: 
- - -
.animation(border-radius -moz-border-radius border-radius, 0.2s, 0s, ease-out);
.animation(-ms-filter filter -moz-opacity -khtml-opacity opacity, 0.2s, 0s, ease-out);
.animation(-moz-transform -webkit-transform -o-transform -ms-transform transform, 0.2s, 0s, ease-out);
.animation(-webkit-box-shadow -moz-box-shadow box-shadow, 0.2s, 0s, ease-out);
.animation(propriedade, 0.4s, 0s, ease-out);

.barraRolagem(@largura, @corBarra, @corFundo, @barraRadius, @barraBordaLargura)
 
&::before {
     content: '\eb57';
     display: inline-block;
     font-family: "unicons-line";
}  

https://iconscout.com/unicons/explore/line
*/
html {
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
}
html body {
  background-color: #F48220;
  color: #FFFFFF;
  font-family: "Rawline", Verdana, Arial;
  font-weight: 400;
  margin: 0px;
  overflow: hidden !important;
  width: 100% !important;
}
html body :focus {
  outline: 0;
}
html body ::focus {
  outline: 0;
}
html body ::-moz-selection {
  background: #662380;
  color: #F48220;
}
html body ::selection {
  background: #662380;
  color: #F48220;
}
* {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"],
input[type="radio"],
progress {
  accent-color: #F48220;
}
#menu {
  height: 100%;
  left: 0px;
  padding: 20px;
  position: fixed;
  top: 0px;
  width: 350px;
  z-index: 999;
}
#menu .areaInterna {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
#menu .areaInterna .marca,
#menu .areaInterna .icones,
#menu .areaInterna .opcoes,
#menu .areaInterna .ultimaAtualizacao {
  display: flex;
  width: 100%;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#menu .areaInterna .marca {
  align-items: center;
  background-color: #9031B5;
  background-image: url(../imagens/barra/halftone.svg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 190px;
  justify-content: center;
  -webkit-border-radius: 10px 10px 0px 0px !important;
  -moz-border-radius: 10px 10px 0px 0px !important;
  border-radius: 10px 10px 0px 0px !important;
}
#menu .areaInterna .marca a img {
  max-width: 230px;
}
#menu .areaInterna .icones {
  background-color: #F8F8F8;
  flex-direction: row;
  height: 65px;
}
#menu .areaInterna .icones .item {
  align-items: center;
  border-right: 1px solid #ebebeb;
  color: #F48220;
  display: flex;
  font-size: 24px;
  flex: 1;
  justify-content: center;
  position: relative;
  text-decoration: none;
}
#menu .areaInterna .icones .item.itemMobile {
  color: #565656;
  display: none;
}
#menu .areaInterna .icones .item .legenda {
  background: #662380;
  bottom: -15%;
  color: #FFFFFF;
  content: attr(data-nome);
  font-size: 10px;
  left: 50%;
  letter-spacing: 1px;
  padding: 5px 12px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, 0);
  white-space: nowrap;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=0) ;
  -moz-opacity: 0 ;
  -khtml-opacity: 0 ;
  opacity: 0 ;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity bottom;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity bottom;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity bottom;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu .areaInterna .icones .item:hover .legenda {
  bottom: -30%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=100) ;
  -moz-opacity: 1 ;
  -khtml-opacity: 1 ;
  opacity: 1 ;
}
#menu .areaInterna .icones .item:last-of-type {
  border: none;
}
#menu .areaInterna .opcoes {
  background-color: #FFFFFF;
  height: calc(100% - 190px - 65px - 45px);
  overflow: hidden;
}
#menu .areaInterna .opcoes .areaCentral {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  width: 100%;
  scrollbar-face-color: #DBDBDB !important;
  scrollbar-track-color: #FFFFFF !important;
}
#menu .areaInterna .opcoes .areaCentral::-webkit-scrollbar {
  width: 20px !important;
}
#menu .areaInterna .opcoes .areaCentral::-webkit-scrollbar-thumb {
  background-color: #DBDBDB !important;
  border-radius: 0px !important;
  border: 4px solid #FFFFFF !important;
}
#menu .areaInterna .opcoes .areaCentral::-webkit-scrollbar-track {
  background: #FFFFFF;
}
#menu .areaInterna .opcoes .areaCentral .btnFecharMenuMobile {
  background-color: #F48220;
  color: #FFFFFF;
  content: '\e9b8';
  display: none;
  font-family: "unicons-line";
  font-size: 30px;
  padding: 5px 5px;
  right: 10px;
  top: -50px;
  position: fixed;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity right top;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity right top;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity right top;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu .areaInterna .opcoes .areaCentral .link {
  align-items: center;
  background-color: #FFFFFF;
  border-bottom: 1px solid #ebebeb;
  color: #9031B5;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: flex-start;
  padding: 6px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  -moz-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu .areaInterna .opcoes .areaCentral .link:hover {
  background-color: #F8F8F8;
}
#menu .areaInterna .opcoes .areaCentral .link:nth-last-child {
  border-bottom: none;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div):hover {
  background-color: unset;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) .cabecalho {
  cursor: pointer;
  display: flex;
  margin-bottom: 0px;
  width: 100%;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) .cabecalho.aberto::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) .cabecalho::after {
  color: #9031B5;
  content: '\eb3a';
  display: inline-block;
  font-family: "unicons-line";
  font-size: 18px;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  top: 4px;
  -moz-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -webkit-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) .submenu {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) .submenu a.link::before {
  color: #F48220;
  content: '\eb6d';
  display: inline-block;
  font-family: "unicons-line";
  margin-right: 6px;
}
#menu .areaInterna .opcoes .areaCentral .link:is(div) .submenu a.link:last-of-type {
  border-bottom: unset;
}
#menu .areaInterna .ultimaAtualizacao {
  align-items: center;
  background-color: #F8F8F8;
  color: #7A7A7A;
  flex-wrap: nowrap;
  font-size: 10px;
  font-weight: 600;
  height: 45px;
  gap: 10px;
  justify-content: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-border-radius: 0px 0px 10px 10px !important;
  -moz-border-radius: 0px 0px 10px 10px !important;
  border-radius: 0px 0px 10px 10px !important;
}
#menu .areaInterna .ultimaAtualizacao span:nth-child(2) {
  color: #F48220;
}
#menu .areaInterna .sombra {
  background-color: rgba(102, 35, 128, 0);
  height: 100%;
  left: 0px;
  position: fixed;
  pointer-events: none;
  top: 0px;
  width: 100%;
  z-index: 102;
  -moz-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu .areaInterna .sombra.mostrar {
  background-color: rgba(102, 35, 128, 0.9);
  pointer-events: all;
}
@media only screen and (min-width: 280px) and (max-width: 767px) {
  #menu {
    height: 60px;
    padding: 0px;
    width: 100%;
    z-index: 100;
  }
  #menu .areaInterna {
    flex-direction: row;
    position: relative;
  }
  #menu .areaInterna .marca {
    height: 60px;
    width: 140px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #menu .areaInterna .marca a img {
    max-width: 80px;
  }
  #menu .areaInterna .icones {
    height: 60px;
    width: calc(100% - 140px);
  }
  #menu .areaInterna .icones .item.itemMobile {
    display: flex;
  }
  #menu .areaInterna .opcoes {
    align-items: center;
    background-color: #FFFFFF;
    backdrop-filter: blur(4px);
    display: flex;
    height: 100%;
    justify-content: center;
    left: -100%;
    position: fixed;
    top: 0px;
    width: 320px;
    z-index: 102;
    -moz-transition-property: left backdrop-filter;
    -webkit-transition-property: left backdrop-filter;
    transition-property: left backdrop-filter;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  #menu .areaInterna .opcoes .areaCentral .btnFecharMenuMobile {
    display: flex;
  }
  #menu .areaInterna .opcoes.mostrar {
    left: 0px;
  }
  #menu .areaInterna .opcoes.mostrar .areaCentral .btnFecharMenuMobile {
    top: 10px;
  }
  #menu .areaInterna .sombra {
    z-index: 101;
  }
  #menu .areaInterna .ultimaAtualizacao {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #menu {
    height: 70px;
    padding: 0px;
    width: 100%;
    z-index: 99;
  }
  #menu .areaInterna {
    flex-direction: row;
    position: relative;
  }
  #menu .areaInterna .marca {
    height: 70px;
    width: 320px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #menu .areaInterna .marca a img {
    max-width: 120px;
  }
  #menu .areaInterna .icones {
    height: 70px;
    width: 100%;
  }
  #menu .areaInterna .icones .item {
    flex: 80px 0;
  }
  #menu .areaInterna .icones .item.itemMobile {
    display: flex;
  }
  #menu .areaInterna .opcoes {
    align-items: center;
    background-color: #FFFFFF;
    backdrop-filter: blur(4px);
    display: flex;
    height: 100%;
    justify-content: center;
    left: -100%;
    position: fixed;
    top: 0px;
    width: 320px;
    z-index: 102;
    -moz-transition-property: left;
    -webkit-transition-property: left;
    transition-property: left;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  #menu .areaInterna .opcoes .areaCentral .btnFecharMenuMobile {
    display: flex;
  }
  #menu .areaInterna .opcoes.mostrar {
    left: 0px;
  }
  #menu .areaInterna .opcoes.mostrar .areaCentral .btnFecharMenuMobile {
    top: 10px;
  }
  #menu .areaInterna .sombra {
    z-index: 101;
  }
  #menu .areaInterna .ultimaAtualizacao {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  #menu {
    padding: 15px;
    width: 280px;
  }
  #menu .areaInterna .marca,
  #menu .areaInterna .icones,
  #menu .areaInterna .opcoes,
  #menu .areaInterna .ultimaAtualizacao {
    width: 100%;
  }
  #menu .areaInterna .marca {
    height: 130px;
  }
  #menu .areaInterna .marca a img {
    max-width: 180px;
  }
  #menu .areaInterna .icones {
    height: 50px;
  }
  #menu .areaInterna .icones .item {
    font-size: 22px;
  }
  #menu .areaInterna .opcoes {
    height: calc(100% - 130px - 50px - 30px);
  }
  #menu .areaInterna .opcoes .areaCentral {
    padding: 15px;
  }
  #menu .areaInterna .opcoes .areaCentral .link {
    font-size: 12px;
  }
  #menu .areaInterna .ultimaAtualizacao {
    font-size: 8px;
    height: 30px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  #menu {
    padding: 20px;
    width: 300px;
  }
  #menu .areaInterna .marca,
  #menu .areaInterna .icones,
  #menu .areaInterna .opcoes,
  #menu .areaInterna .ultimaAtualizacao {
    width: 100%;
  }
  #menu .areaInterna .marca {
    height: 130px;
  }
  #menu .areaInterna .marca a img {
    max-width: 180px;
  }
  #menu .areaInterna .icones {
    height: 50px;
  }
  #menu .areaInterna .icones .item {
    font-size: 22px;
  }
  #menu .areaInterna .opcoes {
    height: calc(100% - 130px - 50px - 35px);
  }
  #menu .areaInterna .opcoes .areaCentral {
    padding: 20px;
  }
  #menu .areaInterna .opcoes .areaCentral .link {
    font-size: 12px;
  }
  #menu .areaInterna .ultimaAtualizacao {
    font-size: 8px;
    height: 35px;
  }
}
#conteudo {
  color: #565656;
  height: 100%;
  left: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 998;
}
#conteudo .badge {
  align-items: center;
  background-color: #9031B5;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 10px;
  height: 40px;
  padding-inline: 20px;
  text-decoration: none;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
  -moz-transition-property: background-color padding;
  -webkit-transition-property: background-color padding;
  transition-property: background-color padding;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .badge i.uil {
  color: #F48220;
  font-size: 18px;
}
#conteudo .badge span {
  color: #FFFFFF;
}
#conteudo .badge:hover {
  background-color: #662380;
  padding-inline: 30px;
}
#conteudo .badge.laranja {
  background-color: #F48220;
}
#conteudo .badge.laranja i.uil {
  color: #662380;
}
#conteudo .pgCabecalho,
#conteudo .pgCorpo,
#conteudo .pgRodape {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
#conteudo .pgCabecalho {
  height: 500px;
  overflow: hidden;
  position: relative;
}
#conteudo .pgCabecalho .imagem {
  display: flex;
  height: 100%;
  width: 100%;
}
#conteudo .pgCabecalho .imagem img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
#conteudo .pgCabecalho .forma {
  align-items: flex-end;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
}
#conteudo .pgCabecalho .forma img {
  height: auto;
  width: 100%;
}
#conteudo .pgCorpo .areas {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-left: calc( 350px + 20px );
  padding-right: 20px;
  width: 100%;
  z-index: 1;
}
#conteudo .pgCorpo .areas.recuo {
  margin-top: calc( -500px + 20px );
}
#conteudo .pgCorpo .areas.semMargens {
  padding-inline: unset;
}
#conteudo .pgCorpo .areas.semMargens .centro {
  max-width: unset;
}
#conteudo .pgCorpo .areas .centro {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 1100px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaForma {
  display: block;
  margin-bottom: 60px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaForma img {
  height: auto;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .tituloSessao {
  align-items: center;
  background-color: #662380;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
  padding: 15px 30px;
  width: 100%;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
}
#conteudo .pgCorpo .areas .centro .tituloSessao .nome,
#conteudo .pgCorpo .areas .centro .tituloSessao .todos {
  display: flex;
  text-transform: uppercase;
}
#conteudo .pgCorpo .areas .centro .tituloSessao .nome {
  font-size: 24px;
  font-weight: 500;
  justify-content: flex-start;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .tituloSessao .todos {
  flex: 250px;
  justify-content: flex-end;
}
#conteudo .pgCorpo .areas .centro .tituloSessao .todos a {
  align-items: center;
  color: #FFFFFF;
  display: inline-flex;
  gap: 10px;
  text-decoration: none;
}
#conteudo .pgCorpo .areas .centro .tituloSessao .todos a::after {
  content: '\ebb5';
  display: inline-block;
  font-size: 30px;
  font-family: "unicons-line";
}
#conteudo .pgCorpo .areas .centro .areaBadges {
  display: flex;
  gap: 15px;
  justify-content: center;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCarousel {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel {
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators {
  bottom: 70px;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators [data-bs-target] {
  background-color: transparent;
  background-image: url(../imagens/carousel/outros.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: unset;
  height: 22px;
  width: 22px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=100) ;
  -moz-opacity: 1 ;
  -khtml-opacity: 1 ;
  opacity: 1 ;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators [data-bs-target].active {
  background-image: url(../imagens/carousel/ativo.svg);
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner {
  padding-inline: 10px;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa {
  background-color: #FFFFFF;
  display: block;
  padding: 20px;
  width: 100%;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa img {
  height: 350px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao {
  display: block;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao span {
  color: #9031B5;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
#conteudo .pgCorpo .areas .centro .areaCursos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 60px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
  margin-block: 10px;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto,
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo {
  display: flex;
  -moz-transition-property: flex;
  -webkit-transition-property: flex;
  transition-property: flex;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto {
  background-color: #662380;
  flex: 0 0 180px;
  height: 120px;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .descricao,
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .nome {
  display: block;
  text-transform: uppercase;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .descricao {
  color: #7A7A7A;
  font-size: 14px;
  font-weight: 500;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .nome {
  color: #9031B5;
  font-size: 18px;
  font-weight: 500;
}
#conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso:hover .foto {
  flex: 0 0 150px;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying {
  color: #FFFFFF;
  margin-bottom: 50px;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .grupo {
  text-align: center;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .grupo img {
  height: auto;
  margin-bottom: 80px;
  max-width: 910px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto {
  margin-bottom: 50px;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto span {
  column-count: 2;
  column-gap: 30px;
  display: block;
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto span a {
  color: #F48220;
  font-weight: bold;
  text-decoration: none;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone {
  align-items: center;
  display: flex;
  gap: 20px;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-block: 20px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone,
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao {
  display: flex;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone {
  flex: 0 0 60px;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone i.uil {
  color: #F48220;
  font-size: 50px;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao {
  flex: 1;
  font-size: 24px;
  line-height: 34px;
}
#conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao span {
  display: block;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro.dreammakers .descricao {
  color: #565656;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 50px;
  text-align: center;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 30px;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .foto,
#conteudo .pgCorpo .areas .centro.dreammakers .professor .dados {
  display: flex;
  flex-direction: column;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .foto {
  background-color: #FFB725;
  height: 280px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .foto img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  -moz-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -webkit-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .dados {
  background-color: #9031B5;
  height: 130px;
  justify-content: center;
  margin-top: -22px;
  z-index: 2;
  -webkit-border-radius: 20px 20px 0px 0px !important;
  -moz-border-radius: 20px 20px 0px 0px !important;
  border-radius: 20px 20px 0px 0px !important;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome,
#conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
  display: block;
  text-align: center;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
  color: #FFB725;
  font-size: 14px;
}
#conteudo .pgCorpo .areas .centro.dreammakers .professor:hover .foto img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#conteudo .pgCorpo .areas .centro .breadcrumb {
  color: #FFFFFF;
  display: block;
  margin-bottom: 60px;
  margin-top: 60px;
  margin-inline: auto;
  text-transform: uppercase;
}
#conteudo .pgCorpo .areas .centro .breadcrumb .area1,
#conteudo .pgCorpo .areas .centro .breadcrumb .area2 {
  display: block;
  text-align: center;
}
#conteudo .pgCorpo .areas .centro .breadcrumb .area1 span {
  background-color: #662380;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 20px;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
}
#conteudo .pgCorpo .areas .centro .breadcrumb .area2 {
  font-size: 34px;
  font-weight: bold;
  text-shadow: 0px 1px 3px #662380;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo {
  background-color: #FFFFFF;
  color: #565656;
  display: flex;
  flex-direction: row;
  min-height: 300px;
  padding: 40px;
  position: relative;
  width: 100%;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro .caixaConteudo a.setaVoltar {
  color: #F48220;
  font-size: 46px;
  height: auto;
  left: 5px;
  line-height: 46px;
  position: absolute;
  text-decoration: none;
  top: 5px;
  width: auto;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo a.setaVoltar::before {
  content: '\ebb4';
  display: inline-block;
  font-family: "unicons-line";
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas {
  justify-content: center;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas h1,
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas h2,
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas h3,
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas h4,
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas h5 {
  color: #F48220;
  font-weight: bold;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas p {
  text-align: justify;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas p:last-child {
  margin-bottom: 0px;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas a {
  color: #9031B5;
  font-weight: 700;
  text-decoration: underline;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas a:hover {
  color: #662380;
  text-decoration: none;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas ul li::marker,
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas ol li::marker {
  color: #F48220;
}
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas ul:last-child,
#conteudo .pgCorpo .areas .centro .caixaConteudo .colunas ol:last-child {
  margin-bottom: 0px;
}
#conteudo .pgCorpo .areas .centro .row.partes .esq,
#conteudo .pgCorpo .areas .centro .row.partes .dir {
  position: relative;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem {
  background-color: #FFFFFF;
  display: block;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
  width: 100% -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important;;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .capa {
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .capa img {
  height: 235px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  -moz-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -webkit-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .capa .data {
  background-color: #FFFFFF;
  top: 0px;
  color: #F48220;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  left: 10px;
  padding: 0px 20px 10px 20px;
  position: absolute;
  width: auto;
  -webkit-border-radius: 0px 0px 20px 20px !important;
  -moz-border-radius: 0px 0px 20px 20px !important;
  border-radius: 0px 0px 20px 20px !important;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .texto {
  color: #662380;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao {
  display: block;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao a.botao {
  align-items: center;
  background-color: #9031B5;
  color: #FFFFFF;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 18px;
  gap: 20px;
  padding: 10px 30px;
  text-decoration: none;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao a.botao::before {
  content: '\ea4f';
  display: inline-block;
  font-family: "unicons-line";
  line-height: 20px;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao a.botao:hover {
  background-color: #662380;
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem:hover .capa img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#conteudo .pgCorpo .areas .centro .row.partes .postagem:last-of-type {
  margin-bottom: 0px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLateraisMobile {
  background-color: #9031B5;
  color: #FFFFFF;
  display: none;
  font-size: 12px;
  margin-inline: auto;
  padding-block: 6px;
  padding-inline: 20px;
  text-align: center;
  width: auto;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais {
  display: block;
  position: sticky;
  top: 20px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .fechar {
  display: none;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral {
  background-color: #FFFFFF;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100% -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important;;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo {
  display: block;
  position: relative;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo {
  background-color: #662380;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  padding-inline: 20px;
  padding-block: 10px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo .modo {
  align-items: center;
  background-color: #9031B5;
  color: #FFFFFF;
  display: flex;
  font-size: 16px;
  height: 20px;
  justify-content: center;
  line-height: 16px;
  position: absolute;
  right: 20px;
  top: 12px;
  width: 20px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  -moz-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -webkit-transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  transition-property: -moz-transform -webkit-transform -o-transform -ms-transform transform;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo .modo::before {
  content: '\eb3a';
  display: inline-block;
  font-family: "unicons-line";
  margin-top: 2px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-inline: 20px;
  padding-block: 10px 20px;
  scrollbar-face-color: #DBDBDB !important;
  scrollbar-track-color: #FFFFFF !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo::-webkit-scrollbar {
  width: 20px !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo::-webkit-scrollbar-thumb {
  background-color: #DBDBDB !important;
  border-radius: 0px !important;
  border: 4px solid #FFFFFF !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo::-webkit-scrollbar-track {
  background: #FFFFFF;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item {
  align-items: center;
  border-bottom: 1px solid #DBDBDB;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-block: 8px;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item a,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone {
  display: flex;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item a {
  color: #9031B5;
  flex: 1;
  text-decoration: none;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total {
  flex: 0 0 40px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total span {
  background-color: rgba(255, 183, 37, 0.2);
  color: #565656;
  display: block;
  font-size: 14px;
  padding-inline: 5px;
  padding-block: 5px;
  text-align: center;
  width: 100%;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone {
  color: #9031B5;
  flex: 0 0 30px;
  font-size: 20px;
  justify-content: flex-end;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone::before {
  content: '\ea51';
  display: inline-block;
  font-family: "unicons-line";
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item:last-of-type {
  border-bottom: unset;
  padding-bottom: 0px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form {
  margin-bottom: 0px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo {
  display: block;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo label {
  color: #9031B5;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button {
  margin-bottom: 20px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select {
  font-size: 14px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input:hover,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select:hover {
  border-color: #9031B5;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input:focus,
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select:focus {
  border-color: #9031B5;
  box-shadow: 0 0 0 0.25rem rgba(144, 49, 181, 0.2);
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button {
  background-color: #7A7A7A;
  border: 1px solid #7A7A7A;
  color: #FFFFFF;
  margin-bottom: 0px;
  padding: 5px 20px;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-transition-property: background-color border-color;
  -webkit-transition-property: background-color border-color;
  transition-property: background-color border-color;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button:hover {
  background-color: #545454;
  border-color: #545454;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button::before {
  content: '\e99a';
  display: inline-block;
  font-family: "unicons-line";
  margin-right: 8px;
}
#conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral.escondido .topo .modo {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao {
  display: flex;
  justify-content: center;
  width: 100%;
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao .numeracao {
  background-color: #FFFFFF;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao .numeracao .item {
  align-items: center;
  color: #9031B5;
  display: flex;
  font-size: 18px;
  height: 40px;
  padding-inline: 10px;
  text-decoration: none;
  -moz-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao .numeracao .item i.uil {
  line-height: 18px;
  margin-top: 3px;
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao .numeracao .item.atual {
  background-color: #9031B5;
  color: #FFFFFF;
  font-weight: 600;
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao .numeracao .item.atual:hover {
  background-color: #9031B5;
  color: #FFFFFF;
}
#conteudo .pgCorpo .areas .centro .row.partes .paginacao .numeracao .item:hover {
  background-color: rgba(144, 49, 181, 0.2);
}
#conteudo .pgCorpo.fundoLaranja {
  background-color: #F48220;
  background-image: url(../imagens/outros/degradeCircularLaranja.svg), url(../imagens/outros/estrelaFundo1.png);
  background-position: left center, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: min(100%, 350px) auto;
}
#conteudo .pgCorpo.fundoRoxo {
  background-color: #662380;
  background-image: url(../imagens/outros/degradeCircularRoxo.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 420px auto;
}
#conteudo .pgCorpo.fundoCinza {
  background-color: #DBDBDB;
  background-image: url(../imagens/outros/degradeCircularCinza.svg), url(../imagens/outros/estrelaFundo2.png);
  background-position: left center, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 420px auto, 440px auto;
}
#conteudo .pgRodape {
  background-color: #662380;
  background-image: url(../imagens/outros/degradeRoxoRodape.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
#conteudo .pgRodape .areas {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 60px;
  padding-left: calc( 350px + 20px );
  padding-right: 20px;
  width: 100%;
  z-index: 1;
}
#conteudo .pgRodape .areas.semMargens {
  padding-inline: unset;
}
#conteudo .pgRodape .areas.semMargens .centro {
  max-width: unset;
}
#conteudo .pgRodape .areas .centro {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 1100px;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .colunas {
  align-items: flex-end;
  flex-direction: row;
}
#conteudo .pgRodape .areas .centro .areaForma {
  display: block;
  margin-bottom: 60px;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .areaForma img {
  height: auto;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .grupoBadges {
  display: block;
  margin-bottom: 60px;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .grupoBadges .descricao {
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .grupoBadges .lista {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 400px;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .instrumentos {
  display: block;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .instrumentos img {
  height: auto;
  max-width: 350px;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .mapa {
  background-color: #FFFFFF;
  display: block;
  padding: 20px;
  width: 100%;
  -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
#conteudo .pgRodape .areas .centro .mapa .area {
  background-color: #F48220;
  display: block;
  height: 180px;
  width: 100%;
}
#conteudo .pgRodape .areas .centro .desenvolvedor {
  display: block;
  margin-top: 50px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 280px) and (max-width: 767px) {
  #conteudo {
    height: calc( 100% - 60px );
    top: 60px;
    z-index: 97;
  }
  #conteudo .badge {
    font-size: 12px;
    height: 30px;
    padding-inline: 10px;
  }
  #conteudo .pgCabecalho {
    height: 200px;
  }
  #conteudo .pgCabecalho .forma {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  #conteudo .pgCabecalho .forma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgCorpo .areas {
    padding-left: 0px;
    padding-right: 0px;
  }
  #conteudo .pgCorpo .areas.recuo {
    margin-top: calc( -200px + 0px );
  }
  #conteudo .pgCorpo .areas .centro {
    max-width: 350px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma {
    margin-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao {
    margin-bottom: 10px;
    padding: 10px 20px;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .nome {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos {
    flex: 200px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a::after {
    font-size: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaBadges {
    display: none;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators {
    bottom: 30px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators [data-bs-target] {
    height: 16px;
    width: 16px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa {
    padding: 10px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa img {
    height: 160px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao {
    margin-top: 10px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao span {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso {
    gap: 20px;
    margin-block: 5px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto {
    flex: 0 0 100px;
    height: 80px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .nome {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying {
    margin-bottom: 0px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .grupo img {
    margin-bottom: 30px;
    max-width: 300px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto span {
    column-count: 1;
    font-size: 14px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone {
    margin-block: 10px;
    padding-inline: 20px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone {
    flex: 0 0 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone i.uil {
    font-size: 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao {
    font-size: 16px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers {
    padding-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .descricao {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .foto {
    flex: 0 0 100px;
    height: 100px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados {
    flex: 1;
    height: auto;
    margin-top: 0px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area1 span {
    font-size: 10px;
    padding: 4px 14px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area2 {
    font-size: 24px;
    margin-top: 5px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo {
    padding: 20px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo p {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo ol li,
  #conteudo .pgCorpo .areas .centro .caixaConteudo ul li {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .esq {
    order: 2;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .dir {
    margin-bottom: 30px;
    margin-top: 30px;
    order: 1;
    text-align: center;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem {
    margin-bottom: 15px;
    padding: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa img {
    height: 150px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .texto {
    font-size: 16px;
    margin-bottom: 20px;
    padding-inline: 20px;
    text-align: center;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao {
    text-align: center;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao .botao {
    font-size: 14px !important;
    gap: 10px !important;
    padding: 6px 20px !important;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLateraisMobile {
    display: inline-block;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais {
    align-items: center;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px;
    position: fixed;
    top: -100%;
    width: 100%;
    z-index: 100;
    -moz-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .grupo {
    display: block;
    max-width: 350px;
    width: 100%;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais.mostrar {
    top: 0px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .fechar {
    background-color: #F48220;
    color: #FFFFFF;
    display: inline-block;
    font-size: 30px;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral {
    border: 1px solid lightgray;
    width: 100%;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 0px 0px #FFFFFF;
    -moz-box-shadow: 0px 0px 0px #FFFFFF;
    box-shadow: 0px 0px 0px #FFFFFF;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo {
    border: 1px solid #662380;
    padding-block: 6px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo span {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo .modo {
    right: 15px;
    top: 7px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo {
    padding-block: 5px 10px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item a {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total span {
    font-size: 12px;
    padding-inline: 5px;
    padding-block: 2px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo label {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select,
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button {
    font-size: 14px;
    padding: 2px 10px;
  }
  #conteudo .pgRodape .areas {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #conteudo .pgRodape .areas .centro {
    max-width: 350px;
  }
  #conteudo .pgRodape .areas .centro .areaForma {
    margin-bottom: 20px;
  }
  #conteudo .pgRodape .areas .centro .areaForma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges {
    margin-bottom: 30px;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .descricao {
    text-align: center;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .lista {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    max-width: unset;
  }
  #conteudo .pgRodape .areas .centro .instrumentos {
    margin-bottom: 30px;
    text-align: center;
  }
  #conteudo .pgRodape .areas .centro .instrumentos img {
    max-width: 250px;
  }
  #conteudo .pgRodape .areas .centro .mapa {
    padding: 10px;
  }
  #conteudo .pgRodape .areas .centro .mapa .area {
    height: 130px;
  }
  #conteudo .pgRodape .areas .centro .desenvolvedor {
    margin-bottom: 30px;
  }
  #conteudo .pgRodape .areas .centro .desenvolvedor img {
    max-width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #conteudo {
    height: calc( 100% - 70px );
    top: 70px;
    z-index: 97;
  }
  #conteudo .badge {
    font-size: 12px;
    height: 30px;
    padding-inline: 10px;
  }
  #conteudo .pgCabecalho {
    height: 250px;
  }
  #conteudo .pgCabecalho .forma {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  #conteudo .pgCabecalho .forma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgCorpo .areas {
    padding-left: 20px;
    padding-right: 20px;
  }
  #conteudo .pgCorpo .areas.recuo {
    margin-top: calc( -250px + 20px );
  }
  #conteudo .pgCorpo .areas .centro {
    max-width: 600px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma {
    margin-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao {
    margin-bottom: 10px;
    padding: 10px 30px;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .nome {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos {
    flex: 200px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a::after {
    font-size: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaBadges {
    gap: 5px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators {
    bottom: 45px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators [data-bs-target] {
    height: 16px;
    width: 16px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa {
    padding: 15px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa img {
    height: 200px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao {
    margin-top: 15px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao span {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso {
    gap: 20px;
    margin-block: 5px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto {
    flex: 0 0 80px;
    height: 80px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo {
    padding-right: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .nome {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying {
    margin-bottom: 0px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .grupo img {
    margin-bottom: 30px;
    max-width: 360px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto span {
    column-count: 2;
    font-size: 14px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone {
    margin-block: 10px;
    padding-inline: 20px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone {
    flex: 0 0 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone i.uil {
    font-size: 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao {
    font-size: 16px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers {
    padding-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .descricao {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .foto {
    flex: 0 0 80px;
    height: 100px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados {
    flex: 1;
    height: auto;
    margin-top: 0px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area1 span {
    font-size: 10px;
    padding: 4px 14px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area2 {
    font-size: 24px;
    margin-top: 5px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo {
    padding: 20px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo p {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo ol li,
  #conteudo .pgCorpo .areas .centro .caixaConteudo ul li {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .esq {
    order: 2;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .dir {
    margin-bottom: 20px;
    margin-top: 10px;
    order: 1;
    text-align: center;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem {
    margin-bottom: 15px;
    padding: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa img {
    height: 150px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .texto {
    font-size: 16px;
    margin-bottom: 20px;
    padding-inline: 20px;
    text-align: center;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao {
    text-align: center;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao .botao {
    font-size: 14px !important;
    gap: 10px !important;
    padding: 6px 20px !important;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLateraisMobile {
    display: inline-block;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais {
    align-items: center;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px;
    position: fixed;
    top: -100%;
    width: 100%;
    z-index: 100;
    -moz-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .grupo {
    display: block;
    max-width: 320px;
    width: 100%;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais.mostrar {
    top: 0px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .fechar {
    background-color: #F48220;
    color: #FFFFFF;
    display: inline-block;
    font-size: 30px;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral {
    border: 1px solid lightgray;
    width: 100%;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 0px 0px #FFFFFF;
    -moz-box-shadow: 0px 0px 0px #FFFFFF;
    box-shadow: 0px 0px 0px #FFFFFF;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo {
    border: 1px solid #662380;
    padding-block: 6px;
    padding-inline: 15px;
    text-align: left;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo span {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo .modo {
    right: 15px;
    top: 7px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo {
    padding-block: 5px 10px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item a {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total span {
    font-size: 12px;
    padding-inline: 5px;
    padding-block: 2px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo label {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select,
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button {
    font-size: 14px;
    padding: 2px 10px;
  }
  #conteudo .pgRodape .areas {
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;
  }
  #conteudo .pgRodape .areas .centro {
    max-width: 600px;
  }
  #conteudo .pgRodape .areas .centro .areaForma {
    margin-bottom: 20px;
  }
  #conteudo .pgRodape .areas .centro .areaForma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges {
    margin-bottom: 30px;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .descricao {
    text-align: center;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .lista {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    max-width: unset;
  }
  #conteudo .pgRodape .areas .centro .instrumentos {
    margin-bottom: 30px;
    text-align: center;
  }
  #conteudo .pgRodape .areas .centro .instrumentos img {
    max-width: 250px;
  }
  #conteudo .pgRodape .areas .centro .mapa {
    padding: 10px;
  }
  #conteudo .pgRodape .areas .centro .mapa .area {
    height: 130px;
  }
  #conteudo .pgRodape .areas .centro .desenvolvedor {
    margin-bottom: 30px;
  }
  #conteudo .pgRodape .areas .centro .desenvolvedor img {
    max-width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  #conteudo {
    height: 100%;
    top: 0px;
  }
  #conteudo .badge {
    font-size: 12px;
    height: 30px;
    padding-inline: 10px;
  }
  #conteudo .pgCabecalho {
    height: 250px;
  }
  #conteudo .pgCabecalho .forma {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  #conteudo .pgCabecalho .forma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgCorpo .areas {
    padding-left: calc( 280px + 15px );
    padding-right: 15px;
  }
  #conteudo .pgCorpo .areas.recuo {
    margin-top: calc( -250px + 15px );
  }
  #conteudo .pgCorpo .areas .centro {
    max-width: 700px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma {
    margin-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao {
    margin-bottom: 10px;
    padding: 10px 30px;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .nome {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos {
    flex: 200px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a::after {
    font-size: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators {
    bottom: 30px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators [data-bs-target] {
    height: 16px;
    width: 16px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa {
    padding: 10px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa img {
    height: 220px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao {
    margin-top: 10px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao span {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso {
    gap: 20px;
    margin-block: 5px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto {
    flex: 0 0 70px;
    height: 80px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo {
    padding-right: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .nome {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying {
    margin-bottom: 0px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .grupo img {
    margin-bottom: 30px;
    max-width: 300px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto {
    margin-bottom: 30px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto span {
    column-count: 2;
    font-size: 14px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone {
    margin-block: 10px;
    padding-inline: 20px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone {
    flex: 0 0 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone i.uil {
    font-size: 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao {
    font-size: 16px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers {
    padding-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .descricao {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .foto {
    flex: 0 0 100px;
    height: 100px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados {
    flex: 1;
    height: auto;
    margin-top: 0px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area1 span {
    font-size: 10px;
    padding: 4px 14px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area2 {
    font-size: 24px;
    margin-top: 5px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo {
    padding: 20px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo p {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo ol li,
  #conteudo .pgCorpo .areas .centro .caixaConteudo ul li {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .dir .grupoCaixasLateraisMobile {
    display: none;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem {
    margin-bottom: 15px;
    padding: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa img {
    height: 150px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .texto {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao .botao {
    font-size: 14px !important;
    gap: 10px !important;
    padding: 6px 20px !important;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .grupo .fechar {
    display: none;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral {
    width: 100%;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 0px 0px #FFFFFF;
    -moz-box-shadow: 0px 0px 0px #FFFFFF;
    box-shadow: 0px 0px 0px #FFFFFF;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo {
    padding-block: 6px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo span {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo .modo {
    right: 15px;
    top: 7px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo {
    padding-block: 5px 10px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item a {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total span {
    font-size: 12px;
    padding-inline: 5px;
    padding-block: 2px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo label {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select,
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button {
    font-size: 14px;
    padding: 2px 10px;
  }
  #conteudo .pgRodape .areas {
    padding-bottom: 30px;
    padding-left: calc( 280px + 15px );
    padding-right: 15px;
  }
  #conteudo .pgRodape .areas .centro {
    max-width: 700px;
  }
  #conteudo .pgRodape .areas .centro .areaForma {
    margin-bottom: -30px;
  }
  #conteudo .pgRodape .areas .centro .areaForma img {
    height: 100px;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges {
    margin-bottom: 30px;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .descricao {
    text-align: left;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .lista {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: unset;
  }
  #conteudo .pgRodape .areas .centro .instrumentos {
    text-align: center;
  }
  #conteudo .pgRodape .areas .centro .instrumentos img {
    max-width: 200px;
  }
  #conteudo .pgRodape .areas .centro .mapa {
    padding: 10px;
  }
  #conteudo .pgRodape .areas .centro .mapa .area {
    height: 130px;
  }
  #conteudo .pgRodape .areas .centro .desenvolvedor img {
    max-width: 160px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  #conteudo {
    height: 100%;
    top: 0px;
  }
  #conteudo .badge {
    font-size: 12px;
    height: 30px;
    padding-inline: 15px;
  }
  #conteudo .badge:hover {
    padding-inline: 20px;
  }
  #conteudo .pgCabecalho {
    height: 350px;
  }
  #conteudo .pgCorpo .areas {
    padding-left: calc( 300px + 20px );
    padding-right: 20px;
  }
  #conteudo .pgCorpo .areas.recuo {
    margin-top: calc( -350px + 20px );
  }
  #conteudo .pgCorpo .areas .centro {
    max-width: 800px;
  }
  #conteudo .pgCorpo .areas .centro .areaForma {
    margin-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao {
    margin-bottom: 20px;
    padding: 15px 30px;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .nome {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos {
    flex: 200px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .tituloSessao .todos a::after {
    font-size: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators {
    bottom: 50px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-indicators [data-bs-target] {
    height: 16px;
    width: 16px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa {
    padding: 15px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa img {
    height: 260px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao {
    margin-top: 15px;
  }
  #conteudo .pgCorpo .areas .centro .areaCarousel .carousel .carousel-inner .carousel-item .caixa .descricao span {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos {
    padding-top: 40px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso {
    gap: 20px;
    margin-block: 5px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .foto {
    flex: 0 0 90px;
    height: 100px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo {
    padding-right: 20px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso .titulo .nome {
    font-size: 15px;
  }
  #conteudo .pgCorpo .areas .centro .areaCursos .caixaCurso:hover .foto {
    flex: 0 0 100px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying {
    margin-bottom: 0px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .grupo img {
    margin-bottom: 30px;
    max-width: 300px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto {
    margin-bottom: 30px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .texto span {
    column-count: 2;
    font-size: 14px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone {
    margin-block: 10px;
    padding-inline: 20px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone {
    flex: 0 0 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .icone i.uil {
    font-size: 40px;
  }
  #conteudo .pgCorpo .areas .centro.areaKeeponplaying .caixaIcone .descricao {
    font-size: 16px;
    line-height: 24px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers {
    padding-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .descricao {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    overflow: hidden;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .foto {
    flex: 0 0 100px;
    height: 100px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados {
    flex: 1;
    height: auto;
    margin-top: 0px;
    padding-inline: 30px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome,
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
    text-align: left;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .nome {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro.dreammakers .professor .dados .cargo {
    font-size: 12px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area1 span {
    font-size: 12px;
    padding: 4px 14px;
  }
  #conteudo .pgCorpo .areas .centro .breadcrumb .area2 {
    font-size: 30px;
    margin-top: 5px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo {
    padding: 20px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo p {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .caixaConteudo ol li,
  #conteudo .pgCorpo .areas .centro .caixaConteudo ul li {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .dir .grupoCaixasLateraisMobile {
    display: none;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem {
    margin-bottom: 15px;
    padding: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .capa img {
    height: 150px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .texto {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .postagem .areaBotao .botao {
    font-size: 14px !important;
    gap: 10px !important;
    padding: 6px 20px !important;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .grupo .fechar {
    display: none;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral {
    width: 100%;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 0px 0px #FFFFFF;
    -moz-box-shadow: 0px 0px 0px #FFFFFF;
    box-shadow: 0px 0px 0px #FFFFFF;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo {
    padding-block: 6px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo span {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .topo .modo {
    right: 15px;
    top: 7px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo {
    padding-block: 5px 10px;
    padding-inline: 15px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item a {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .total span {
    font-size: 12px;
    padding-inline: 5px;
    padding-block: 2px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo .item .icone {
    font-size: 16px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo label {
    font-size: 14px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo select,
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo input {
    margin-bottom: 10px;
  }
  #conteudo .pgCorpo .areas .centro .row.partes .grupoCaixasLaterais .caixaLateral .corpo form .linhaCampo button {
    font-size: 14px;
    padding: 2px 10px;
  }
  #conteudo .pgRodape .areas {
    padding-bottom: 60px;
    padding-left: calc( 300px + 20px );
    padding-right: 20px;
  }
  #conteudo .pgRodape .areas .centro {
    max-width: 800px;
  }
  #conteudo .pgRodape .areas .centro .areaForma {
    margin-bottom: 0px;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges {
    margin-bottom: 50px;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .descricao {
    text-align: left;
  }
  #conteudo .pgRodape .areas .centro .grupoBadges .lista {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: unset;
  }
  #conteudo .pgRodape .areas .centro .instrumentos img {
    max-width: 220px;
  }
  #conteudo .pgRodape .areas .centro .mapa {
    padding: 10px;
  }
  #conteudo .pgRodape .areas .centro .mapa .area {
    height: 130px;
  }
  #conteudo .pgRodape .areas .centro .desenvolvedor img {
    max-width: 200px;
  }
}
#buscarPopup {
  align-items: center;
  background-color: rgba(102, 35, 128, 0.9);
  backdrop-filter: blur(10px) grayscale(100%);
  -webkit-backdrop-filter: blur(10px) grayscale(100%);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  left: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-block: 30px;
  position: fixed;
  pointer-events: none;
  top: -100px;
  width: 100%;
  z-index: 9999999999999999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=0) ;
  -moz-opacity: 0 ;
  -khtml-opacity: 0 ;
  opacity: 0 ;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity top;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity top;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity top;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#buscarPopup .areaCentral {
  justify-content: center;
  margin-top: -70px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=0) ;
  -moz-opacity: 0 ;
  -khtml-opacity: 0 ;
  opacity: 0 ;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity margin;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity margin;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity margin;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#buscarPopup .areaCampo {
  text-align: center;
}
#buscarPopup .areaCampo form {
  display: block;
  width: 100%;
}
#buscarPopup .areaCampo form .campoBuscar {
  border: 1px solid #F48220;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 60px;
  overflow: hidden;
  width: 100%;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
}
#buscarPopup .areaCampo form .campoBuscar .icone,
#buscarPopup .areaCampo form .campoBuscar .campo,
#buscarPopup .areaCampo form .campoBuscar .botao {
  display: flex;
}
#buscarPopup .areaCampo form .campoBuscar .icone {
  align-items: center;
  color: #F48220;
  flex: 0 0 70px;
  font-size: 32px;
  justify-content: center;
}
#buscarPopup .areaCampo form .campoBuscar .campo {
  flex: 1;
}
#buscarPopup .areaCampo form .campoBuscar .campo input {
  background-color: transparent;
  border: unset;
  color: #FFFFFF;
  font-size: 20px;
  height: 100%;
  width: 100%;
}
#buscarPopup .areaCampo form .campoBuscar .campo input::placeholder {
  color: #FFFFFF;
}
#buscarPopup .areaCampo form .campoBuscar .botao {
  flex: 0 0 140px;
  flex-direction: row;
  flex-wrap: nowrap;
}
#buscarPopup .areaCampo form .campoBuscar .botao button {
  align-items: center;
  background-color: #F48220;
  border: unset;
  color: #FFFFFF;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  width: 100%;
  -moz-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#buscarPopup .areaCampo form .campoBuscar .botao button:first-of-type {
  -webkit-border-radius: 30px 0px 0px 30px !important;
  -moz-border-radius: 30px 0px 0px 30px !important;
  border-radius: 30px 0px 0px 30px !important;
}
#buscarPopup .areaCampo form .campoBuscar .botao button:hover {
  background-color: #d6690b;
}
#buscarPopup .resultados {
  margin-top: 40px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=0) ;
  -moz-opacity: 0 ;
  -khtml-opacity: 0 ;
  opacity: 0 ;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity margin;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity margin;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity margin;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#buscarPopup .resultados .titulo {
  color: #F48220;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
#buscarPopup .resultados .item {
  border-bottom: 1px solid #F48220;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-block: 10px;
  width: 100%;
}
#buscarPopup .resultados .item .icone,
#buscarPopup .resultados .item .texto,
#buscarPopup .resultados .item .link {
  align-items: center;
  display: flex;
}
#buscarPopup .resultados .item .icone {
  flex: 0 0 40px;
  font-size: 30px;
}
#buscarPopup .resultados .item .texto {
  flex: 1;
  font-size: 18px;
}
#buscarPopup .resultados .item .link {
  color: #F48220;
  flex: 0 0 40px;
  font-size: 30px;
  justify-content: flex-end;
  text-decoration: none;
}
#buscarPopup.mostrar {
  pointer-events: all;
  top: 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=100) ;
  -moz-opacity: 1 ;
  -khtml-opacity: 1 ;
  opacity: 1 ;
}
#buscarPopup.mostrar .areaCentral,
#buscarPopup.mostrar .resultados {
  margin-top: 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)" ;
  filter: alpha(opacity=100) ;
  -moz-opacity: 1 ;
  -khtml-opacity: 1 ;
  opacity: 1 ;
}
.pagina_erro {
  align-items: center;
  background-color: #662380;
  background-image: url(../imagens/erro/fundo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 600px auto;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
}
.pagina_erro .centro {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 850px;
  width: 100%;
}
.pagina_erro .centro .texto,
.pagina_erro .centro .imagem {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.pagina_erro .centro .texto .titulo,
.pagina_erro .centro .texto .descricao,
.pagina_erro .centro .texto .localLink {
  display: block;
  text-align: center;
  width: 100%;
}
.pagina_erro .centro .texto .titulo {
  color: #FFB725;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 20px;
}
.pagina_erro .centro .texto .descricao {
  color: #FFFFFF;
  font-size: 20px;
  margin-bottom: 40px;
}
.pagina_erro .centro .texto .localLink .link {
  background-color: #a643cc;
  color: #FFFFFF;
  display: inline-block;
  padding: 14px 20px;
  text-decoration: none;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  -moz-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.pagina_erro .centro .texto .localLink .link:hover {
  background-color: #b35fd4;
}
.pagina_erro .centro .imagem {
  height: auto;
  max-width: 390px;
  width: 100%;
}
@media only screen and (min-width: 280px) and (max-width: 767px) {
  .pagina_erro {
    background-size: 300px auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-block: 30px;
  }
  .pagina_erro .centro {
    flex-direction: column;
    max-width: 320px;
  }
  .pagina_erro .centro .texto,
  .pagina_erro .centro .imagem {
    width: 100%;
  }
  .pagina_erro .centro .texto {
    margin-bottom: 60px;
  }
  .pagina_erro .centro .texto .titulo {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .pagina_erro .centro .texto .descricao {
    font-size: 18px;
  }
  .pagina_erro .centro .imagem img {
    max-width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pagina_erro {
    background-size: 450px auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-block: 30px;
  }
  .pagina_erro .centro {
    flex-direction: column;
    max-width: 400px;
  }
  .pagina_erro .centro .texto,
  .pagina_erro .centro .imagem {
    width: 100%;
  }
  .pagina_erro .centro .texto {
    margin-bottom: 60px;
  }
  .pagina_erro .centro .texto .titulo {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .pagina_erro .centro .texto .descricao {
    font-size: 20px;
  }
  .pagina_erro .centro .imagem {
    max-width: unset;
  }
  .pagina_erro .centro .imagem img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .pagina_erro {
    background-size: 450px auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-block: 30px;
  }
  .pagina_erro .centro {
    flex-direction: row;
    max-width: 800px;
  }
  .pagina_erro .centro .texto {
    margin-bottom: 60px;
  }
  .pagina_erro .centro .texto .titulo {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .pagina_erro .centro .texto .descricao {
    font-size: 20px;
  }
  .pagina_erro .centro .imagem {
    max-width: unset;
  }
  .pagina_erro .centro .imagem img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .pagina_erro {
    background-size: 450px auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-block: 30px;
  }
  .pagina_erro .centro {
    flex-direction: row;
    max-width: 800px;
  }
  .pagina_erro .centro .texto {
    margin-bottom: 60px;
  }
  .pagina_erro .centro .texto .titulo {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .pagina_erro .centro .texto .descricao {
    font-size: 20px;
  }
  .pagina_erro .centro .imagem {
    max-width: unset;
  }
  .pagina_erro .centro .imagem img {
    max-width: 300px;
  }
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]::after {
  background: #232323;
  border-radius: 4px;
  bottom: calc(100% + 8px);
  color: #FFFFFF;
  content: attr(data-tooltip);
  font-size: 14px;
  left: 50%;
  opacity: 0;
  padding: 6px 10px;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.2s;
  white-space: nowrap;
  z-index: 9999;
}
[data-tooltip]:hover::after {
  opacity: 1;
}
[data-tooltip][data-tooltip-posicao="rodape"]::after {
  bottom: auto;
  top: calc(100% + 8px);
}
[data-tooltip][data-tooltip-posicao="esquerda"]::after {
  bottom: auto;
  left: auto;
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
[data-tooltip][data-tooltip-posicao="direita"]::after {
  bottom: auto;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
[data-tooltip][data-tooltip-cor="laranja"]::after {
  background: #F48220;
}
[data-tooltip][data-tooltip-cor="roxo"]::after {
  background: #9031B5;
}
[data-tooltip][data-tooltip-cor="cinza"]::after {
  background: #232323;
}