:root {
  --c01: #00552c;
  --c-texto: #1a1a1a;
  --c-capa-bg: rgba(0, 0, 0, .26);
  --c-texto-b: white;
  --c03: #004d27;
  --c04: rgba(0, 101, 52, .18);
  --c-bg-01: rgba(0, 101, 52, .1);
  --c02: #006534;
  --c-bg-02: rgba(247, 247, 247, .75);
  --c-hover1: #004d27;
  --c05: #fdf166;
  --marcador-cor-1: #8aff6d;
  --marcador-cor-2: #fd8d8d;
  --c-off: #555;
  --cor-capa: rgba(80, 121, 89, .9);
  --black-70: rgba(26, 26, 26, .7);
  --texto-colorido-1: #177500;
  --texto-colorido-2: #c50303;
}

body {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  color: var(--c01);
  margin-top: 45px;
  margin-bottom: 10px;
  font-family: Roboto Slab, sans-serif;
  font-size: 3em;
  font-weight: 900;
  line-height: 1.2em;
}

h2 {
  color: var(--c01);
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: Roboto Slab, sans-serif;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.2em;
}

h3 {
  color: var(--c01);
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Roboto Slab, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2em;
}

h4 {
  color: var(--c-texto);
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Roboto Slab, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2em;
}

h5 {
  color: var(--c-texto);
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 20px;
}

h6 {
  color: var(--c-texto);
  margin-top: 25px;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
}

p {
  color: var(--c-texto);
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.5em;
}

a {
  cursor: pointer;
  text-decoration: underline;
}

ul {
  color: var(--c-texto);
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 40px;
  line-height: 1.5em;
}

ol {
  color: var(--c-texto);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 5px;
}

blockquote {
  border-top: 2px solid var(--c01);
  border-bottom: 2px solid var(--c01);
  color: var(--c-texto);
  background-image: url('../images/icon-aspas.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 80px;
  border-left: 5px #e2e2e2;
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 40px 20px 40px 100px;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
}

.hero {
  color: #fff;
  background-image: linear-gradient(rgba(213, 161, 64, .15), rgba(213, 161, 64, .15)), url('../images/bg-pattern-overlay_1bg-pattern-overlay.png'), url('../images/a01-abertura.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, 2px, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100vh;
  max-height: 780px;
  display: flex;
  position: relative;
}

.hero.capa {
  background-image: linear-gradient(to bottom, var(--c-capa-bg), var(--c-capa-bg)), url('../images/bg-pattern-overlay_1bg-pattern-overlay.png'), url('../images/image.jpg');
  background-size: auto, 2px, cover;
}

.titulo-capa {
  color: var(--c-texto-b);
  margin-bottom: 20px;
  font-size: 3.5em;
  font-weight: 100;
  line-height: 1em;
}

.titulo-capa.home {
  text-shadow: 2px 2px 1px #000;
  font-size: 5em;
}

.div-titulo {
  z-index: 5;
  background-color: var(--c03);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  max-width: 600px;
  margin-left: 5vw;
  padding: 80px 40px 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-titulo.home {
  background-color: var(--c04);
  max-width: none;
  margin-left: 0;
  padding-top: 120px;
  padding-left: 10vw;
}

.curador-content {
  align-items: center;
  font-size: 16px;
  display: flex;
  position: relative;
}

.curador-box {
  cursor: pointer;
  align-self: center;
  display: flex;
}

.curador-foto {
  background-color: var(--c-bg-01);
  object-fit: cover;
  border-radius: 60px;
  width: 80px;
  height: 80px;
}

.curador-nome {
  align-self: center;
  margin-left: 10px;
}

.curador {
  color: var(--c-texto-b);
  text-transform: uppercase;
  font-size: 14px;
}

.nome-do-curador {
  color: var(--c-texto-b);
  font-weight: 700;
}

.curador-box-popup {
  z-index: 500;
  color: var(--c-texto-b);
  background-color: #fff;
  flex: 0 auto;
  min-width: 300px;
  max-width: 450px;
  min-height: 400px;
  margin-left: 20px;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: auto;
  box-shadow: 1px 1px 15px 10px rgba(0, 0, 0, .4);
}

.curador-popup-img {
  z-index: 3;
  background-image: linear-gradient(rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)), url('../images/bg-pattern-overlay_1bg-pattern-overlay.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  align-items: flex-end;
  height: 250px;
  display: flex;
  position: relative;
}

.curador-popup {
  color: var(--c-texto-b);
  margin-bottom: 12px;
  margin-left: 12px;
  margin-right: 12px;
}

.popup-titulo1 {
  color: #fff;
  font-size: 18px;
  line-height: 1.2em;
}

.text-block-2 {
  color: #fff;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2em;
}

.curador-popup-fechar {
  color: #fff;
  cursor: pointer;
  background-color: #222;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-weight: 100;
  display: flex;
  position: absolute;
  top: 8px;
  bottom: auto;
  left: auto;
  right: 8px;
}

.curador-popup-fechar:hover {
  background-color: #000;
}

.curador-popup-text {
  color: #000;
  margin: 30px 30px 12px;
  font-size: 14px;
  line-height: 1.5em;
}

.curador-popup-curriculo {
  color: var(--c01);
  background-color: rgba(0, 0, 0, 0);
  margin-top: 20px;
  margin-left: 30px;
  padding-left: 0;
  font-size: 12px;
}

.curador-popup-curriculo:hover {
  font-weight: 700;
}

.section-conteudo {
  background-color: #efeff0;
  background-image: url('../images/logo-bg-5.svg'), linear-gradient(to bottom, var(--c-bg-01), var(--c-bg-01));
  background-position: 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-attachment: fixed, scroll;
  padding: 50px 20px;
  position: relative;
}

.section-conteudo.bg-dark {
  background-color: var(--c02);
  background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url('../images/logo-bg-white.svg');
  background-position: 0 0, 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
}

.section-conteudo.cor-2 {
  background-image: url('../images/logo-bg-5.svg'), linear-gradient(to bottom, var(--c-bg-02), var(--c-bg-02));
  background-position: 90%, 0 0;
  background-size: auto, auto;
}

.section-conteudo.cor-3 {
  background-image: none, linear-gradient(to bottom, var(--c-bg-02), var(--c-bg-02));
  background-position: 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-attachment: fixed, scroll;
}

.texto-padrao {
  flex: 1;
  font-size: 16px;
  line-height: 24px;
}

.texto-padrao.bg-dark {
  color: #fff;
}

.div-imagem-ilustrativa {
  border-radius: 0%;
  max-width: 1260px;
  margin: 20px auto 40px;
  padding-top: 600px;
  position: relative;
  overflow: hidden;
}

.card-box-left {
  flex: 0 auto;
  width: 50%;
  min-height: 350px;
  position: relative;
}

.acordeoni-item {
  background-color: var(--c02);
  color: #fff;
  cursor: pointer;
  align-items: center;
  height: 60px;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.acordeoni-item:hover {
  background-color: var(--c-hover1);
}

.accordeon-titulo {
  color: var(--c-texto-b);
}

.card-imagem-ilustrativa {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.acoredeon {
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 40px;
  display: block;
  position: relative;
}

.card-box-text {
  background-color: #222433;
  flex: 1;
  min-height: 220px;
  padding: 20px;
  position: relative;
}

.card-box-text.text-right {
  z-index: 50;
  background-color: var(--c02);
  flex: 1;
  align-items: center;
  display: flex;
}

.plus---2 {
  background-color: #f4f8ff;
  border-radius: 3px;
  width: 30px;
  height: 5px;
}

.colunas-img-content {
  flex-direction: row;
  flex: 1;
  max-width: 980px;
  margin: 20px auto 40px;
  display: flex;
}

.span-marcador {
  background-color: var(--c05);
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 500;
}

.span-marcador.frase-destaque {
  background-color: var(--c05);
  color: var(--c-texto);
  font-weight: 600;
}

.span-marcador.cor-1 {
  background-color: var(--marcador-cor-1);
}

.span-marcador.cor-2 {
  background-color: var(--marcador-cor-2);
}

.plus-l-2 {
  background-color: #f4f8ff;
  border-radius: 3px;
  width: 5px;
  height: 30px;
  position: absolute;
}

.plus-wrap {
  background-color: var(--c01);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 25px;
  padding: 15px;
  display: flex;
  position: relative;
}

.acordeon-conteudo {
  background-color: var(--c04);
  color: var(--c-texto);
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1em;
  line-height: 1.5em;
  overflow: hidden;
}

.rt-dark {
  color: var(--c-texto-b);
}

.rt-dark blockquote {
  border-top-color: var(--c-texto-b);
  border-bottom-color: var(--c-texto-b);
  color: var(--c-texto-b);
  background-image: url('../images/icon-aspas-dark.svg');
}

.rt-dark h1 {
  color: var(--c-texto-b);
}

.rt-dark h2 {
  color: var(--c-texto-b);
  font-weight: 900;
}

.rt-dark h3 {
  color: var(--c-texto-b);
  font-weight: 700;
}

.rt-dark p, .rt-dark ol, .rt-dark ul, .rt-dark h4, .rt-dark h5, .rt-dark h6 {
  color: var(--c-texto-b);
}

.rt-dark a {
  color: var(--c-texto-b);
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}

.rt-dark a:hover {
  color: var(--c-texto-b);
  font-weight: 600;
  text-decoration: none;
}

.box-02 {
  border-left: 6px solid var(--c01);
  color: #335e3b;
  background-color: #d4efff;
  min-height: 200px;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: 1px 1px 5px 2px rgba(32, 132, 231, .2);
}

.topo-box {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: -60px;
  display: flex;
}

.icon {
  align-self: center;
  margin-left: 15px;
  margin-right: 15px;
}

.box {
  border-left: 6px solid var(--c02);
  background-color: var(--c01);
  color: var(--c-texto-b);
  min-height: 200px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 30px 30px 30px 60px;
}

.box.bg03 {
  background-image: url('../images/box-04-link-bg-conceituando_1.svg');
  background-position: 98% 100%;
  background-repeat: no-repeat;
  background-size: 240px;
}

.box.bg01 {
  background-image: url('../images/box-01-link-bg-ii.svg');
  background-position: 96% 100%;
  background-repeat: no-repeat;
  background-size: 220px;
}

.box.bg02 {
  border-left-color: var(--c02);
  background-image: url('../images/box-bg-saiba-mais.svg');
  background-position: 96% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.box.bg03 {
  border-left-color: var(--c02);
  background-image: url('../images/na-pratica-bg.svg');
  background-position: 96% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.box.bg04 {
  background-image: url('../images/box-04-link-bg-conceituando.svg');
  background-position: 96% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.box.bg05 {
  background-image: none;
  padding-top: 40px;
}

.box.bg06 {
  background-image: url('../images/box-bg-reflita.svg');
  background-position: 96% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.box.bg07 {
  background-image: url('../images/icon-atencao-bg.svg');
  background-position: 96% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.box.bg08 {
  background-image: url('../images/icone-fica-a-dica-bg.svg');
  background-position: 98% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.box.bg09 {
  background-color: var(--c04);
  color: var(--c-texto);
}

.button {
  border-style: solid;
  border-width: 1.4px;
  border-color: var(--c-texto-b) #fff #fff;
  color: var(--c-texto-b);
  letter-spacing: 2px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 8px 15px 7px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
}

.button:hover {
  color: #fdfdfd;
  background-color: rgba(255, 255, 255, .08);
  border-color: #fff;
}

.titulo-box {
  color: var(--c-texto-b);
  text-transform: uppercase;
  flex: 0 auto;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
}

.titulo-box.pratica {
  color: var(--c-texto);
  margin-bottom: 25px;
}

.capa-titulo {
  color: var(--c-texto-b);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 4em;
  font-weight: 100;
}

.capa-titulo.videoaula {
  color: #fff;
  background-color: #335e3b;
  margin-bottom: 40px;
  padding: 5px 25px;
  font-size: 3em;
  font-weight: 400;
}

.section-2 {
  color: var(--c-texto-b);
  background-color: #0a1b2b;
  border-top: 6px solid #335e3b;
  min-height: 600px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
}

.flex-container {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.video, .div-block-7 {
  flex: 1;
}

.navbar {
  background-color: var(--c01);
  flex-direction: column;
  align-items: center;
  width: 60px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.nav-menu {
  background-color: rgba(2, 2, 2, .97);
  width: 100vw;
  margin-left: 60px;
}

.brand {
  z-index: 100;
  float: none;
  justify-content: center;
  margin-top: 15px;
  display: block;
  position: static;
}

.brand.navbar-brand {
  margin-bottom: 40px;
}

.icon-2 {
  color: var(--c-texto-b);
}

.menu-button, .menu-button.w--open {
  background-color: #050822;
}

.navbar-link {
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
}

.div-block-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #050822;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 350px;
  height: 100%;
  padding-top: 100px;
}

.columns-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  padding: 20px 30px;
}

.div-block-11 {
  border-top: 5px solid var(--c01);
  color: var(--c02);
  background-image: linear-gradient(rgba(255, 255, 255, .45), rgba(255, 255, 255, .45));
  margin-left: 70px;
  margin-right: 70px;
  padding-bottom: 1px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 1px 1px 5px 5px rgba(51, 94, 59, .12);
}

.div-block-12 {
  background-color: #26247b;
  border-bottom: 4px solid #0071bb;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-12.divindice {
  border-bottom-color: var(--c02);
  background-color: var(--c01);
  color: var(--c01);
  flex-direction: column;
  width: 180px;
  height: 50px;
  font-size: 15px;
}

.column-2 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.link-sumario {
  color: var(--c01);
  cursor: pointer;
  align-self: center;
  margin-top: 5px;
  padding: 5px 10px;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.link-sumario:hover {
  border-right: 2px solid var(--c01);
  border-left: 2px solid var(--c01);
  color: var(--c02);
  font-weight: 700;
}

.text-block-7 {
  color: #fff;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 42px;
}

.text-block-7.textindice {
  color: var(--c-texto-b);
  letter-spacing: 6px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.sumario {
  background-color: var(--c04);
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.audiobook {
  background-color: var(--c02);
  background-image: url('../images/bg-audiobook.svg');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto;
  background-attachment: scroll;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  box-shadow: -5px 2px 6px 3px rgba(26, 26, 26, .15);
}

.rich-text-padrao {
  padding-left: 5vw;
  padding-right: 5vw;
}

.player-b42 {
  background-color: rgba(255, 255, 255, .25);
  margin-top: 20px;
  padding: 10px;
}

.div-block-13 {
  margin-left: 10px;
  margin-right: 10px;
}

.image-3 {
  margin-top: 5px;
}

.figuras-imagem {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 0;
}

.div-figura-content {
  justify-content: center;
  padding-bottom: 5px;
  display: flex;
}

.div-figura-content.bg-dark {
  filter: invert();
}

.legenda {
  border-top: 1px dotted var(--c-texto);
  color: var(--c-texto);
  margin-top: 10px;
  padding-top: 8px;
  font-size: .92em;
  font-weight: 400;
  line-height: 1.3em;
}

.legenda.bg-dark {
  border-top-color: var(--c-texto-b);
  color: var(--c-texto-b);
}

.bloco-oi {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-link-tabs {
  background-color: var(--c-off);
  color: #fff;
  border-top-right-radius: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  font-weight: 600;
  transition: transform .3s, background-color .3s;
}

.tab-link-tabs:hover {
  background-color: var(--c-hover1);
  transform: translate(0, -2px);
}

.tab-link-tabs.w--current {
  background-color: var(--c02);
  border-top-right-radius: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.tab-contents {
  border-bottom: 4px solid var(--c02);
  border-left: 4px solid var(--c02);
  background-color: var(--c04);
  padding: 15px;
}

.rich-text-block {
  font-size: 1em;
  line-height: 1.5em;
}

.oi-flip-cards {
  justify-content: center;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.card {
  perspective: 1000px;
  cursor: pointer;
  flex-direction: column;
  flex: 2 45%;
  justify-content: center;
  align-items: center;
  margin: 15px;
  transition: transform .3s;
  display: flex;
  position: static;
}

.card:hover {
  transform: scale(1.02);
}

.card_unidade {
  color: var(--c-texto-b);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 300px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.card_frente {
  z-index: auto;
  background-color: var(--c02);
  background-image: linear-gradient(132deg, var(--c01), var(--c-hover1));
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: var(--c-texto-b);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0);
  box-shadow: -1px -1px 10px rgba(0, 0, 0, .7);
}

.card_atras {
  z-index: 0;
  background-color: var(--c02);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff;
  transform-style: preserve-3d;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 10% 5%;
  font-family: Exo, sans-serif;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card_texto {
  color: var(--c-texto-b);
  text-align: center;
  margin-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
}

.img-click {
  opacity: .5;
  position: absolute;
  top: auto;
  bottom: 2%;
  left: auto;
  right: 2%;
}

.left-arrow {
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 20px;
  padding-left: 10px;
  display: flex;
}

.left-arrow.stl {
  cursor: pointer;
  align-items: center;
}

.rich-text-slide {
  color: #335e3b;
  font-size: 1em;
  line-height: 1.5em;
}

.slider-div-text-info {
  color: var(--c-texto);
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  margin: 10px 40px 38px 20px;
  padding-top: 10px;
  display: flex;
}

.slider-content {
  display: flex;
}

.seta-2 {
  background-image: linear-gradient(to bottom, var(--c01), var(--c01));
  color: #f6ffdc;
  cursor: pointer;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-left: 6px;
  font-size: .8em;
  font-weight: 400;
}

.seta-2:hover {
  background-image: linear-gradient(to bottom, var(--c-hover1), var(--c-hover1));
}

.seta-1 {
  background-image: linear-gradient(to bottom, var(--c01), var(--c01));
  cursor: pointer;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 3px;
  font-size: .8em;
  font-weight: 400;
}

.seta-1:hover {
  background-image: linear-gradient(to bottom, var(--c-hover1), var(--c-hover1));
}

.slider-img {
  flex: none;
  width: 55%;
}

.slider-2 {
  background-color: var(--c04);
  height: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.right-arrow {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
}

.right-arrow.str {
  cursor: pointer;
  align-items: center;
}

.legenda-slider {
  color: rgba(0, 0, 0, .7);
  font-size: .8em;
  line-height: 1.5em;
}

.slider-numeros {
  background-color: var(--c01);
  color: #fff;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 80px;
  font-size: 2em;
  font-weight: 700;
  display: flex;
}

.slider-content-2 {
  background-color: rgba(231, 94, 108, .1);
  display: flex;
}

.slider-content-2.slide-numero-texto {
  background-color: var(--c04);
  min-height: 240px;
  margin-left: 60px;
  margin-right: 60px;
}

.slider-content-2.slide-texto {
  background-color: var(--c01);
  text-align: center;
  justify-content: center;
  min-height: 240px;
  margin-left: 60px;
  margin-right: 60px;
}

.slider-caixa-texto {
  background-color: rgba(0, 0, 0, 0);
  align-items: stretch;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.icon-4 {
  color: #f6ffdc;
  cursor: pointer;
  background-image: linear-gradient(#335e3b, #335e3b);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-left: 6px;
  font-size: .8em;
  font-weight: 400;
}

.icon-4:hover {
  background-image: linear-gradient(to bottom, var(--c-hover1), var(--c-hover1));
}

.icon-5 {
  cursor: pointer;
  background-image: linear-gradient(#335e3b, #335e3b);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 3px;
  font-size: .8em;
  font-weight: 400;
}

.icon-5:hover {
  background-image: linear-gradient(to bottom, var(--c-hover1), var(--c-hover1));
}

.section-conclusao {
  text-align: center;
  background-image: linear-gradient(135deg, #4dca64, #256b32);
  margin-top: 0;
  font-size: 1em;
  line-height: 2em;
  box-shadow: 0 -6px 9px 6px rgba(0, 0, 0, .5);
}

.conclusao-container {
  text-align: center;
  padding: 80px 50px;
}

.section-wrapper-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.conclusao-titulo {
  margin-top: 20px;
  margin-bottom: 8px;
}

.conclusao-titulo.branco {
  color: #fff;
  font-family: Exo, sans-serif;
  font-size: 2.5em;
}

.conclusao-texto {
  color: #9096a4;
  font-size: 16px;
  line-height: 28px;
}

.conclusao-texto.branco {
  color: #fff;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
}

.btn-iniciar {
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  border-radius: 10px;
  min-width: 120px;
  height: 48px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 11px 24px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  transition: box-shadow .3s, transform .3s, background-color .2s;
}

.btn-iniciar:hover {
  color: var(--c-texto);
  background-color: #ffb000;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  transform: translate(0, -1px);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .33);
}

.video-aula {
  border-radius: 8px;
  margin-bottom: 60px;
}

.hero-capa-barra {
  box-shadow: none;
  background-color: #163683;
  width: 100%;
  min-height: 150px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-content {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex: 0 auto;
  order: -1;
  align-self: stretch;
  width: 35%;
  padding-top: 120px;
  padding-bottom: 120px;
}

.icone_video_final {
  margin-bottom: 25px;
  margin-left: -8px;
}

.side-video-info {
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 19px;
  padding-left: 15px;
  padding-right: 25%;
  font-size: 17px;
  display: block;
}

.side-video-preview-2 {
  z-index: 999;
  flex-direction: column;
  flex: 0 auto;
  order: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 55%;
  padding-right: 60px;
  display: block;
  position: relative;
  top: 100px;
}

.tab-videoaula {
  color: #e9e9e9;
  background-color: rgba(29, 29, 29, .81);
  border: 1px solid #fff;
  border-radius: 8px;
  margin-bottom: 5px;
  margin-right: 5px;
  transition: background-color .2s;
}

.tab-videoaula:hover {
  background-color: #0077bd;
}

.tab-videoaula.w--current {
  color: var(--c-texto-b);
  background-color: rgba(255, 255, 255, 0);
  font-weight: 700;
}

.logo-ies {
  margin-left: 5%;
}

.texto-video-aula {
  color: var(--c-texto-b);
  font-size: 1em;
}

.texto-video-aula h3 {
  color: #fff;
}

.tab-video {
  flex: none;
  align-self: center;
}

.titulo-tab-video {
  color: var(--c-texto-b);
}

.tabela-de-cor {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.tabela-de-cor._01 {
  background-color: var(--c01);
}

.tabela-de-cor._02 {
  background-color: var(--c02);
}

.tabela-de-cor._03 {
  background-color: var(--c03);
}

.tabela-de-cor._04 {
  background-color: var(--c04);
}

.tabela-de-cor._05 {
  background-color: var(--c05);
}

.tabela-de-cor._06 {
  background-color: var(--c-texto-b);
}

.tabela-de-cor._07 {
  background-color: var(--c-texto);
}

.tabela-de-cor._08 {
  background-color: var(--c-texto-b);
}

.tabela-de-cor._09 {
  background-color: var(--c-capa-bg);
}

.tabela-de-cor._10 {
  background-color: var(--c-hover1);
}

.tabela-de-cor._11 {
  background-color: var(--c-off);
}

.tabela-de-cor._12 {
  background-color: var(--c-texto-b);
  background-color: var(--c-bg-01);
}

.tabela-de-cor._13 {
  background-color: var(--c-bg-02);
}

.div-block-14 {
  background-color: #e4e4e4;
  padding: 12px 9px;
}

.cores-tabela {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph {
  text-align: center;
}

.espaco-topo {
  color: var(--c-texto);
  padding-top: 25px;
  font-size: 1em;
  line-height: 1.5em;
}

.link {
  border: 1px solid var(--c02);
  color: var(--c02);
  cursor: pointer;
  padding: 3px 5px 2px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.link:hover {
  background-color: var(--c04);
}

.titulo {
  color: var(--c-texto);
  margin-top: 7px;
  margin-bottom: 20px;
  padding-top: 8px;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.3em;
}

.titulo.bg-dark {
  color: var(--c-texto-b);
}

.tabela {
  margin-top: 10px;
  margin-bottom: 40px;
}

.saida-de-codigo {
  border: 3px solid var(--c-off);
  color: #cfcfcf;
  background-color: #0a0a0a;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 30px 5vw;
  font-family: Open Sans, sans-serif;
}

.saida-de-codigo-texto {
  color: var(--c-texto-b);
  padding-left: 1vw;
  font-family: Source Code Pro, sans-serif;
  font-size: .98em;
  line-height: 1.3em;
}

.saida-de-codigo-texto p {
  color: var(--c-texto-b);
}

.legenda-codigo {
  color: #0069b3;
  border-top: 1px solid #0069b3;
  margin-bottom: 25px;
  margin-left: 14px;
  margin-right: 14px;
  padding-top: 3px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
}

.legenda-codigo.titulo-codigo {
  border-top-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
}

.codigo-programacao {
  color: #cfcfcf;
  background-color: #343434;
  border: 3px solid #a3a3a3;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 30px 5vw;
  font-family: Open Sans, sans-serif;
}

.codigo-texto {
  border-left: 4px solid #7c7c7c;
  padding-left: 3vw;
  font-family: Source Code Pro, sans-serif;
  font-size: .98em;
  line-height: 1.3em;
}

.codigo-texto p {
  color: var(--c-texto-b);
}

.tabela-conteudo.tabela-dark {
  color: var(--c-texto);
}

.capa-imagem {
  z-index: 1000;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.imagem-capa-bg {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.imagem-capa-bg.bg-conclusao {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  min-height: 0;
  overflow: visible;
}

.elemento-pattern {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--c-capa-bg), var(--c-capa-bg)), url('../images/bg-pattern-overlay_1bg-pattern-overlay.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  max-width: 100vw;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.elemento-pattern.off {
  display: block;
}

.div-capa-imagem {
  overflow: hidden;
}

.div-block-15 {
  object-fit: contain;
}

.div-container-img-autor {
  position: relative;
}

.autor-popup {
  z-index: 3;
  object-fit: cover;
  width: 500px;
  height: 250px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.figura-ilustracao {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 0;
}

.section-sumario {
  border-bottom: 5px solid var(--c02);
  background-image: linear-gradient(to bottom, var(--c04), var(--c04));
  justify-content: space-between;
  display: flex;
}

.container-14 {
  flex: 1;
  align-self: center;
}

.div-sumario {
  border-radius: 5px;
  flex-direction: column;
  padding: 15px 30px 30px;
  display: flex;
}

.titulo-cor {
  color: var(--c02);
  text-align: center;
  flex: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
  font-style: italic;
}

.titulo-cor.home {
  color: var(--c-texto-b);
}

.div-block-22 {
  color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  line-height: 1.5em;
  display: flex;
}

.topicos {
  color: #fff;
  text-align: center;
  cursor: pointer;
  align-self: center;
  margin-bottom: 16px;
  font-size: 1.3em;
  text-decoration: none;
}

.tab-video-aula {
  border: 1px solid var(--c01);
  background-color: var(--c04);
  color: var(--c02);
  margin-bottom: 10px;
  margin-right: 5px;
  transition: background-color .2s;
}

.tab-video-aula:hover {
  background-color: var(--c-hover1);
  color: var(--c-texto-b);
}

.tab-video-aula.w--current {
  background-color: var(--c02);
  color: var(--c-texto-b);
  font-weight: 700;
}

.text-block-8 {
  font-family: Open Sans, sans-serif;
}

.rodape {
  background-color: var(--c02);
}

.texto-rodape {
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: .95em;
}

.link-b42 {
  color: var(--c05);
}

.titulo-encerramento {
  color: #1b6190;
  font-size: 3em;
  font-weight: 600;
  line-height: 1em;
}

.categoria {
  background-color: var(--c-hover1);
  color: var(--c-texto-b);
  text-align: center;
  width: 70px;
  margin-top: 10px;
  padding: 2px 7px;
}

.columns-2 {
  margin-top: 40px;
  margin-bottom: 45px;
}

.popup-coluna-materiais {
  text-align: left;
  margin-top: 40px;
}

.d-13-border {
  border: 5px solid #fff;
  border-radius: 200px;
  width: 50px;
  height: 50px;
  position: absolute;
}

.imagem-material-complementar {
  box-shadow: 4px 4px 6px 0 var(--c04);
}

.section-encerramento {
  background-color: var(--c04);
  color: #111;
  text-align: center;
  background-image: url('../images/logo-bg-5.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
  padding: 50px 24px;
  overflow: hidden;
}

.section-encerramento.home {
  background-color: var(--c-hover1);
}

.conteudo-cards-sumario {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
}

.section-description {
  color: #000;
  margin-top: 15px;
  font-size: 1.1em;
  line-height: 1.5em;
}

.paragraph-3 {
  text-align: center;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: 0%;
  right: 0%;
}

.wrapper {
  background-color: rgba(0, 0, 0, 0);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.rich-text-expediente {
  text-align: left;
  margin-top: 40px;
  font-size: .9em;
  line-height: 1.2em;
}

.service-card {
  background-color: var(--c01);
  box-shadow: 0 9px 16px 3px var(--c04);
  flex-grow: 1;
  flex-basis: 20%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 42px 32px;
}

.service-card.esconder {
  display: none;
}

.popup-container {
  background-color: var(--c02);
  color: var(--c-texto-b);
  text-align: left;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 50px 50px;
  overflow: auto;
  box-shadow: 2px 0 9px 5px rgba(0, 0, 0, .31);
}

.popup-container.popup-unimar {
  background-image: linear-gradient(#1b6190 28%, rgba(38, 114, 248, .5)), url('../images/bg-foto-aerea.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  position: relative;
}

.popup-hide-me {
  z-index: 999;
  background-color: rgba(27, 27, 27, .95);
  background-image: none;
  background-size: auto;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.popup-hide-me.on {
  display: block;
}

.paragrafo-cards {
  color: var(--c-texto-b);
  margin-bottom: 0;
  padding-top: 20px;
  font-size: 1.1em;
  line-height: 1.4em;
}

.d-13-icons-wrapper {
  flex-direction: column;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.expediente-nomes {
  text-align: left;
  font-weight: 300;
}

.section-header-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-header-wrapper.home {
  color: var(--c-texto-b);
}

.button-popup {
  border: 1px solid var(--c-texto-b);
  background-color: rgba(255, 255, 255, .05);
  min-width: 160px;
  height: 48px;
  margin-top: 25px;
  padding: 11px 24px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em;
  transition: box-shadow .3s, transform .3s;
}

.button-popup:hover {
  box-shadow: 0 5px 18px 0 var(--c04);
  transform: translate(0, -1px);
}

.d-13-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.d-13-icon-bg {
  z-index: 10;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.text-block-6 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 300;
}

.categoria-2 {
  color: #fff;
  text-align: center;
  background-color: #0ac3f2;
  border-radius: 8px;
  width: 60px;
  margin-top: 10px;
  padding: 2px 7px;
}

.botao-na-web {
  color: #0069b3;
  margin-top: 5px;
  padding-right: 5vw;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
}

.link-legenda-2 {
  color: #0069b3;
  cursor: pointer;
  background-image: linear-gradient(#f2faff, #f2faff);
  border: 1px dotted #0069b3;
  border-radius: 4px;
  margin-left: 5px;
  padding: 2px 10px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.link-legenda-2:hover {
  color: #fff;
  background-image: linear-gradient(#1b6190, #1b6190);
  border-color: #fff;
}

.link-dark {
  border: 1px solid var(--c-texto-b);
  color: var(--c-texto-b);
  cursor: pointer;
  padding: 3px 5px 2px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.link-dark:hover {
  background-color: var(--c04);
}

._2-colunas {
  border-right: 3px solid var(--c01);
  border-left: 3px solid var(--c01);
  background-color: var(--c04);
  align-items: center;
  margin-bottom: 15px;
  padding: 15px 5px;
  display: flex;
}

._2-colunas-icone-bg {
  background-color: var(--c01);
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
}

.column-4 {
  flex: none;
}

.texto-flipcard-frente {
  color: var(--c-texto-b);
  text-align: center;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.3em;
}

.slider-2-div-text-info {
  color: var(--c-texto);
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  margin: 10px 40px 38px;
  padding-top: 10px;
  display: flex;
}

.unidade-h2 {
  border-left: 3px solid var(--c-texto-b);
  color: var(--c-texto-b);
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: 2em;
  font-weight: 100;
  line-height: 1em;
}

.lista-icones-content {
  margin-bottom: 40px;
}

.lista-icones-item {
  margin-top: 20px;
  display: flex;
}

.lista-icones-img {
  background-color: var(--cor-capa);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  padding-left: 20px;
  display: flex;
}

.lista-icones-texto {
  flex: 1;
  align-items: center;
  font-size: 1.2em;
  display: flex;
}

.lista-icones-check {
  width: 50px;
  max-width: none;
}

.feature-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.flex-container-2 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
}

.feature-image-mask {
  width: 50%;
  margin-right: 40px;
}

.feature-image-mask.invertido {
  margin-left: 40px;
  margin-right: 0;
}

.feature-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.image-plano-de-estudo {
  background-color: var(--c04);
  border-radius: 400px;
  width: 50%;
  margin-right: 40px;
}

.image-plano-de-estudo.invertido {
  margin-left: 40px;
  margin-right: 0;
}

.div-conclusao {
  z-index: 5;
  background-color: var(--c03);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  padding: 80px 40px 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.capa-imagem-conclusao {
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  min-height: 342px;
  position: relative;
}

.bem-vindo {
  color: var(--c01);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: Roboto Slab, sans-serif;
  font-size: 1em;
  font-weight: 700;
}

.cards-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.centered-container {
  text-align: center;
  flex: 1;
  margin-bottom: 60px;
}

.cards-grid-container {
  grid-column-gap: 25px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.cards-image-mask {
  border-radius: 0%;
  width: 100%;
  height: 50%;
  padding-top: 80%;
  position: relative;
  overflow: hidden;
}

.cards-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 200px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.card-home {
  background-color: var(--c-texto-b);
  overflow: hidden;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, .41);
}

.titulo-card-home {
  margin: 10px 8px 5px;
  font-size: 1em;
  font-weight: 400;
}

.titulo-cad-home-un {
  margin-bottom: 20px;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.2em;
}

.img-placeholder {
  background-color: var(--black-70);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.legenda-placeholder {
  color: var(--c-texto-b);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 14px;
  overflow: hidden;
}

.videoaula-embed {
  background-color: var(--c-texto-b);
  margin-top: 20px;
  margin-bottom: 40px;
  padding-top: 56.25%;
  position: relative;
}

.btn-font-2 {
  color: rgba(38, 50, 56, .9);
  cursor: pointer;
  background-color: rgba(38, 50, 56, .08);
  border: 1px solid rgba(38, 50, 56, .5);
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 35px;
  margin-bottom: 8px;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}

.btn-font-2:hover {
  color: #fff;
  background-color: #000;
}

.acess-btn-embed {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.btn-acess-fechar {
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #3f4a50;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: row;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 6px auto 10px 28px;
  padding: 5px 5px 5px 6px;
  font-size: 15px;
  transition: background-color .2s;
  display: block;
  position: absolute;
  top: 0%;
}

.btn-acess-fechar:hover {
  background-color: #000;
}

.acess-modal {
  z-index: 9999;
  background-color: rgba(230, 230, 230, .95);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 120px;
  margin-bottom: 16px;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 15px;
  display: none;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, .5);
}

.btn-acess {
  background-color: rgba(199, 199, 199, .8);
  border-radius: 25px 0 0 25px;
  align-items: center;
  width: 60px;
  height: 48px;
  padding: 7px 0;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.btn-acess:hover {
  background-color: rgba(38, 50, 56, .95);
}

.acess-logo {
  background-image: url('../images/LOGO-ACESSIBILIDADE.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  width: 36px;
  height: 36px;
  margin-left: 9px;
  margin-right: 7px;
}

.font-size-ajuste {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.font-size-ajuste.espaco {
  margin-top: 31px;
}

.acess-content {
  z-index: 999;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.text-acess {
  margin-top: 20px;
  margin-bottom: 20px;
}

.codigo-paragrafo {
  font-family: Source Code Pro, sans-serif;
  font-weight: 300;
}

.bullets-abc ol {
  list-style-type: lower-alpha;
}

.bullets-romanos ol {
  list-style-type: lower-roman;
}

.img-placeholder-colunas {
  color: var(--c-texto-b);
  padding-bottom: 2px;
  padding-left: 5px;
  font-size: .7em;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.columns-4 {
  margin-left: 0;
  margin-right: 0;
}

.duas-colunas-conteudo, .duas-colunas-conteudo-imagem {
  padding-right: 30px;
}

.duas-colunas-imagem {
  margin-left: 0;
  margin-right: 0;
}

.span-texto-colorido {
  color: var(--texto-colorido-1);
  font-weight: 500;
}

.span-texto-colorido.cor-1 {
  color: var(--texto-colorido-2);
}

.span-sublinhado {
  text-decoration: underline;
}

.check-button {
  clear: left;
  border: 2px solid var(--c-hover1);
  color: var(--c-hover1);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  align-self: center;
  width: 28px;
  height: 28px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.check-button:hover {
  background-color: var(--c-capa-bg);
}

.pergunta {
  color: var(--c-texto);
  cursor: pointer;
  display: flex;
}

.atividade-checklist {
  margin-bottom: 0;
}

.div-pergunta {
  padding-top: 20px;
  padding-left: 10px;
  font-weight: 600;
}

.div-resposta {
  border-bottom: 1px dashed var(--c-hover1);
  color: var(--c01);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 15px;
  margin-left: 12px;
  margin-right: 10px;
  padding: 10px 15px 5px 25px;
}

.atividades {
  background-color: var(--c04);
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 20px;
  font-size: 1em;
  line-height: 1.5em;
}

.exercicios {
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto 30px;
  display: block;
  position: relative;
}

.questoes-item {
  color: #1a1a1a;
  cursor: pointer;
  align-items: center;
  min-height: 60px;
  font-size: 1em;
  font-weight: 600;
  display: flex;
}

.questoes-item:hover {
  color: #383838;
}

.questao-abc {
  color: #fff;
  background-color: #292829;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.acoredeon-titulo {
  flex: 1;
  line-height: 1.2em;
}

.resposta-content {
  background-color: #ff8585;
  border-bottom: 1px solid rgba(45, 62, 80, .12);
  margin-left: 50px;
  padding-left: 20px;
  overflow: hidden;
}

.resposta-content.correta {
  background-color: #25e079;
}

.resposta-content.comentario-dica {
  background-color: var(--c-texto-b);
}

.questoes-resposta-texto {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 15px;
  font-size: 1em;
  line-height: 1.5em;
}

@media screen and (max-width: 991px) {
  .curador-box-popup {
    overflow: auto;
  }

  .div-imagem-ilustrativa {
    margin-left: -20px;
    margin-right: -20px;
  }

  .box {
    box-shadow: none;
  }

  .oi-flip-cards {
    flex-direction: column;
  }

  .card {
    min-width: 400px;
  }

  .card_unidade {
    height: auto;
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .card_frente {
    width: auto;
    height: auto;
  }

  .card_atras {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .card_texto {
    font-size: 1.2em;
    line-height: 1.5em;
  }

  .section-wrapper-2 {
    max-width: 66.66%;
    padding-bottom: 56px;
  }

  .conclusao-texto {
    font-size: 15px;
  }

  .hero-capa-barra {
    flex: 1;
    align-self: flex-end;
  }

  .video-content {
    flex: none;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .icone_video_final {
    display: inline-block;
  }

  .side-video-info {
    margin-left: 8.33%;
    margin-right: 8.33%;
    padding-left: 8px;
    padding-right: 8%;
  }

  .side-video-preview-2 {
    flex: 0 auto;
    order: 1;
    align-self: flex-start;
    width: 100%;
    min-width: 100%;
    margin-bottom: 100px;
    padding-top: 0;
    padding-left: 30px;
    top: 0;
  }

  .titulo-encerramento {
    font-size: 3.5em;
  }

  .section-encerramento {
    padding: 100px 8px;
  }

  .conteudo-cards-sumario {
    justify-content: center;
    margin-bottom: -16px;
  }

  .section-description {
    font-size: 15px;
  }

  .service-card {
    flex-basis: 40%;
    margin-bottom: 16px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .popup-container {
    padding-top: 20px;
  }

  .d-13-icons-wrapper {
    flex-direction: column;
  }

  .section-header-wrapper {
    max-width: 66.66%;
    padding-bottom: 56px;
  }

  .d-13-icon-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .cards-grid-container {
    grid-column-gap: 20px;
  }

  .btn-acess-fechar {
    align-items: center;
  }

  .acess-modal {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .btn-acess {
    width: 50px;
  }

  .columns-5 {
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    padding: 40px 20px;
  }

  .titulo-capa {
    font-size: 2em;
  }

  .titulo-capa.home {
    font-size: 3em;
  }

  .div-titulo {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .curador-foto {
    width: 60px;
    height: 60px;
  }

  .curador {
    font-size: 12px;
  }

  .nome-do-curador {
    font-size: 14px;
  }

  .curador-box-popup {
    overflow: auto;
  }

  .section-conteudo {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .texto-padrao.bg-dark {
    overflow: hidden;
  }

  .card-box-left {
    width: 100%;
  }

  .colunas-img-content {
    flex-direction: column;
  }

  .box {
    box-shadow: none;
  }

  .flex-container {
    flex-direction: column;
  }

  .brand {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .div-block-11 {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .rich-text-padrao {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .oi-flip-cards {
    align-items: center;
    margin-top: 0;
  }

  .card {
    width: 80%;
  }

  .card_unidade {
    width: 100%;
  }

  .card_atras {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .card_texto {
    font-size: 1.2em;
    line-height: 1.4em;
  }

  .rich-text-slide {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .slider-div-text-info {
    margin-bottom: 60px;
  }

  .slider-content {
    background-color: var(--c04);
    flex-direction: column;
  }

  .slider-img {
    width: 100%;
  }

  .slide-nav.snt, .slider-2 {
    background-color: rgba(0, 0, 0, 0);
  }

  .slider-numeros {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .rich-text-slide-2 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .slider-content-2 {
    flex-direction: column;
  }

  .conclusao-container {
    text-align: center;
  }

  .section-wrapper-2 {
    padding-bottom: 40px;
  }

  .conclusao-titulo {
    margin-top: 16px;
  }

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

  .video-aula {
    margin-bottom: 20px;
  }

  .hero-capa-barra {
    display: flex;
  }

  .hero-capa-barra.bar-off {
    display: none;
  }

  .video-content {
    width: 100%;
    padding-top: 45px;
    padding-bottom: 30px;
  }

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

  .side-video-info {
    text-align: center;
    padding-right: 8px;
  }

  .side-video-preview-2 {
    width: 100%;
    min-height: 400px;
    margin-bottom: 0;
  }

  .texto-video-aula {
    text-align: left;
  }

  .codigo-colunas {
    padding-left: 0;
    padding-right: 0;
  }

  .tabela-conteudo {
    overflow: auto;
  }

  .div-sumario {
    padding-left: 0;
    padding-right: 0;
  }

  .imagem-material-complementar {
    max-width: 40%;
    margin-bottom: 15px;
  }

  .section-encerramento {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .conteudo-cards-sumario {
    flex-direction: column;
  }

  .section-description {
    font-size: 14px;
    line-height: 24px;
  }

  .popup-container {
    padding-top: 0;
  }

  .d-13-icons-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    position: static;
  }

  .section-header-wrapper {
    padding-bottom: 40px;
  }

  .d-13-icon-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  ._2-colunas {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .imagem-icone-2-colunas {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  ._2-colunas-icone-bg {
    margin-bottom: 15px;
  }

  .unidade-h2 {
    font-size: 1.2em;
  }

  .feature-section {
    padding: 40px 20px;
  }

  .flex-container-2 {
    flex-direction: column;
  }

  .feature-image-mask {
    margin-right: 0;
  }

  .feature-image {
    margin-left: auto;
    margin-right: auto;
  }

  .image-plano-de-estudo {
    margin-right: 0;
  }

  .div-conclusao {
    margin-left: auto;
    margin-right: auto;
  }

  .cards-section {
    padding: 40px 20px;
  }

  .cards-grid-container {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    max-width: none;
  }

  .cards-image {
    height: 100%;
  }

  .heading {
    margin-top: 20px;
  }

  .videoaula-embed {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .btn-font-2 {
    font-size: 14px;
  }

  .btn-acess-fechar {
    justify-content: center;
  }

  .acess-modal {
    flex: 1;
    padding-right: 0;
    font-size: 14px;
  }

  .btn-acess {
    width: 35px;
    height: 35px;
    font-size: 12px;
  }

  .acess-logo {
    width: 25px;
    height: 25px;
    margin-left: 5px;
  }

  .duas-colunas-conteudo, .duas-colunas-conteudo-imagem {
    padding-left: 0;
    padding-right: 0;
  }

  .questoes-box {
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .questao-abc {
    width: 20px;
    height: 20px;
    margin-left: 0;
    margin-right: 10px;
  }

  .resposta-content {
    margin-left: 0;
    padding-left: 30px;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5em;
  }

  h2 {
    font-size: 2em;
  }

  blockquote {
    background-position: 50% 0;
    background-size: 60px;
    margin-bottom: 40px;
    padding: 75px 0 20px;
  }

  .div-titulo {
    background-color: var(--c03);
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .curador-box-popup {
    display: block;
    overflow: auto;
  }

  .section-conteudo {
    padding-top: 40px;
  }

  .div-imagem-ilustrativa {
    padding-top: 350px;
  }

  .colunas-img-content {
    flex-direction: column;
    margin-left: -20px;
    margin-right: -20px;
  }

  .acordeon-conteudo {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rt-dark h3 {
    font-size: 1.5em;
  }

  .topo-box {
    margin-bottom: 15px;
    margin-left: -15px;
  }

  .box {
    border-bottom: 6px solid var(--c02);
    border-left-style: none;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-11 {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-tabs {
    min-width: 100%;
  }

  .card {
    width: 70%;
    min-width: 269px;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .card_unidade {
    width: 100%;
    height: 200px;
  }

  .card_texto {
    font-size: 1.1em;
    line-height: 1.3em;
  }

  .rich-text-slide {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .slider-div-text-info {
    margin-left: 10px;
    margin-right: 10px;
  }

  .rich-text-slide-2 {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .conclusao-container {
    text-align: center;
  }

  .section-wrapper-2 {
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .video-content {
    width: 100%;
    padding-bottom: 10px;
  }

  .icone_video_final {
    max-width: 80%;
  }

  .side-video-info {
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
  }

  .side-video-preview-2 {
    width: 100%;
    min-height: 320px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-videoaula {
    width: 100%;
    margin-top: 2px;
  }

  .texto-video-aula {
    text-align: left;
  }

  .link {
    margin-top: 2px;
  }

  .div-sumario {
    padding-left: 15px;
    padding-right: 15px;
  }

  .topicos {
    font-size: 1em;
  }

  .tab-video-aula {
    width: 100%;
    margin-top: 2px;
  }

  .titulo-encerramento {
    font-size: 2.5em;
  }

  .imagem-material-complementar {
    max-width: 60%;
  }

  .service-card {
    flex-basis: 80%;
    padding-top: 48px;
  }

  .popup-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-header-wrapper {
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .d-13-icon-wrapper {
    margin-top: 20px;
  }

  .link-dark {
    margin-top: 2px;
  }

  .slider-2-div-text-info {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-conclusao {
    background-color: rgba(80, 121, 89, .9);
    padding-left: 10px;
    padding-right: 10px;
  }

  .centered-container {
    text-align: left;
  }

  .cards-grid-container {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .questao-abc {
    width: 20px;
    height: 20px;
  }

  .resposta-content {
    margin-left: 0;
  }
}