@charset "UTF-8";
/*!
*  CSS TEMA
*  Desenvolvido por Rocketcom.com.br. Todos direitos reservados
*  v.2.1
*/
:root {
    --font-size-m: 16px;
    --font-size-l: 20px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 32px;
    --font-size-xxxxl: 32px;
    --font-size-xxxxxl: 32px;
    --line-height-m: 24px;
    --line-height-l: 32px;
    --line-height-xl: 32px;
    --line-height-xxl: 32px;
    --line-height-xxxl: 32px;
    --line-height-xxxxl: 32px;
    --line-height-xxxxxl: 32px;
  --font-family-ui:  'Sora','Roboto', 'Helvetica Neue', Arial, sans-serif;
  --font-family-title:  'Sora', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --font-family-text:  'Sora','Roboto', 'Helvetica Neue', Arial, sans-serif;
  --plyr-video-control-background-hover: rgba(255, 255, 255, 43%);
  --plyr-color-main: #ff6900;
  --principal-cor: #17385F;
  --destaque-cor:#FF6900;
  --texto-alternativo-cor:#878787;
  --font-size-xxl: 24px;
 }



 .destaque.texto {
    color: var(--destaque-cor) !important;
}
.pagina-publica a{
  color: var(--destaque-cor);
}

.menu-modulo .marca .logo {
  background-image: url("../img/logo.png"); }

.pagina-publica .menu-modulo .marca .logo {
  background-image: url("../img/logo-negativo.png"); }

body.area main{
  background:none !important;
 }
body.area.home,
.pagina-publica {
  background: var(--principal-cor) url("../img/bg-home.jpg") no-repeat top center;
  background-size: 100% 100% !important; }

.pagina-publica.page-termos,
.pagina-publica.page-entrar,
.pagina-publica.page-cadastro.passo_1,
.pagina-publica.page-cadastro.passo_2,
.pagina-publica.page-cadastro{
  background: var(--principal-cor) url("../img/bg-padrao-publico.jpg") no-repeat top center;
  background-size: 100% 100% !important;
}
html.page-tipo-post,
html.page-ajuda,
html.page-minha-conta,
html.page-perfil,
html.page-biblioteca,
html.page-dashboard,
html.page-cadastro,
html.page-senha-perdida,
html.page-redefinir-senha,
html.page-termos,
html.page-entrar{
      height: auto;
}

html.page-tipo-post body,
html.page-ajuda body,
html.page-biblioteca body{
  background: #ffffff url("../img/bg-laranja.jpg") no-repeat top center;
  background-size: 100% 100% !important;
}

html.page-minha-conta body,
html.page-perfil body{
  background: #ffffff url("../img/bg-azul.jpg") no-repeat top center;
  background-size: 100% 100% !important;
}

body.area.home main {
   background: transparent !important;
 }

article.post h1, article.post h2, article.post h3 {
  font-weight: 600 !important; }

#menu_interno .area {
  box-shadow: 0 3px 9px rgba(137, 137, 137, 0.19); }

h1, h2, h3 {
  font-family: var(--font-family-title) !important; }

article.post h3 {
  font-family: var(--font-family-title) !important; }


 article.post {
  font-family: var(--font-family-title) !important; }

article.post h1, article.post h2, article.post h3, article.post h4, article.post h5 {
  font-family: var(--font-family-title) !important; }





body.area article.post.conteudo-evento .palestrante h3,
body.area article.post.conteudo-evento .palestrantes h3,
body.area .secao-live article.post h2,
body.area article.post.conteudo-evento h2,
article.post h3,
body.area article.post,
article.post h1,
.secao-area.secao-galeria h4,
blockquote p,
blockquote em,
body {
  color: var(--principal-cor); }

  
.tags-block .botao.botao.categoria,
.single article.post .rotulo.alternativo,
body.area .blog article.post h3 a,
body.area .menu-categorias .item .link,
body.area .menu-categorias .item.ativo .link {
  color: var(--principal-cor) !important; }

.botao.outline:hover,
.pagina-publica .item.botao:active, .pagina-publica .item.botao:hover,
.pagina-publica article .botao.link:hover,
.pagina-publica .item:not(.botao) a:hover,
.principais.outlines .botao:focus, .principais.outlines .botao:hover, .principal.outline.botao:focus, .principal.outline.botao:hover,
.principais.outlines .botao, .principal.outline.botao,
.campo-selecao:focus,
.campo-controle:focus,
.tags-block .botao.botao.categoria,
.single article.post .rotulo.alternativo,
.formulario.com-segmentos .segmento-passo .imagens .imagem:active,
body.area .blog article.post.curso .botao,
#atualizar_cadastro form .outline.botao:hover,
.profile .acao .botao.outline:hover,
body.area .ui.menu .link:hover:not(.icone),
.cabecalho-icones .avatar + .texto a.ativo, .cabecalho-icones .avatar + .texto a:hover {
  border-color: var(--destaque-cor) !important; }



.alt2.principal.outline.botao:focus, .alt2.principal.outline.botao:hover,
.principal.outline.botao[data-icone]:focus,
.principal.outline.botao[data-icone]:hover,
.principais.outlines .botao, .principal.outline.botao,
.coluna.dados.sem-margm p,
article.post form .obrigatorio,
.titulo.principal,
.padrao.formulario a,
.estatistica .valor,
h1 small.subtitulo,
body.area .area-do-colaborador .autor .arroba,
body.area .area-do-colaborador h4 span.icone,
body.area .area-do-colaborador .arquivos.lista li a:hover,
h3.comment-reply-title,
body.area h2,
body.area .blog article.post.curso.botao,
#atualizar_cadastro form .outline.botao:hover,
.comentario .arroba,
.profile .acao .botao.outline:hover {
  color: var(--destaque-cor); }

 .coluna-secundaria .menu .item.ativo > .botao,
.ui.menu .item:hover, 
 .ui.menu .item.ativo,
.pagina-publica .item.botao:active a,
.pagina-publica .item.botao:hover a {
  color: var(--destaque-cor) !important; }

.pagina-publica article.post .wp-element-button:not(.outline):active,
.pagina-publica article.post .wp-element-button:not(.outline):focus,
.pagina-publica article.post .wp-element-button:not(.outline):hover,
.pagina-publica article.post button.botao:not(.outline):active,
.pagina-publica article.post button.botao:not(.outline):focus,
.pagina-publica article.post button.botao:not(.outline):hover,
.pagina-publica article.post .botao:not(.link):not(.outline):active,
.pagina-publica article.post .botao:not(.link):not(.outline):focus,
.pagina-publica article.post .botao:not(.link):not(.outline):hover,
.principal.rotulos .rotulo, .principal.rotulo,
.botao.principal:not(.outline):hover,
body.area .botao.principal:not(.outline) {
  background-color: var(--destaque-cor) !important;
  color: #fff !important;

}


.pagina-publica article.post .wp-element-button, .pagina-publica article.post button.botao, .pagina-publica article.post .botao:not(.link){
  background-color:  var(--destaque-cor); 
  margin-top:1rem;
  margin-bottom:1rem;
}


  body.area .botao.alternativo.botao.outline{
    background-color:transparent !important; 
  }
  
  .padrao.formulario .campo-controle,
  .padrao.formulario .campo-controle:not(.transparente):disabled, .padrao.formulario .campo-controle:not(.transparente)[readonly],
  #atualizar_cadastro form .outline.botao,
  #atualizar_cadastro form .campo-controle,
  body.area .botao.outline.primario,
  body.area .botao.alternativo.botao.outline,.botao.alternativo.botao.outline:focus{
    border-color: var(--principal-cor) !important; 
    color: var(--principal-cor) !important; 
  }

  body.area .botao.outline.primario:hover{
    color: var(--destaque-cor) !important;
    border-color: var(--destaque-cor) !important;
  }

.principal.progresso .barra,
.sanfona-curso .titulo:hover,
body.area .botao.alternativo.botao.outline:hover,
body.area .botao.alternativo:hover,
.single article.post .rotulo {
  border-color: var(--destaque-cor) !important;
  background-color: var(--destaque-cor) !important; }

  
body.area .botao.outline.primario.ativo, body.area .botao.outline.primario:active, body.area .botao.outline.primario:focus, body.area .botao.outline.primario:hover,
body.area .area-do-colaborador .item-botao a:active, body.area .area-do-colaborador .item-botao a:hover,
body.area .area-do-colaborador .botao.outline:active, body.area .area-do-colaborador .botao.outline:hover {
  border-color: var(--destaque-cor) !important;
  color: var(--destaque-cor) !important; }

.sanfona-curso .titulo{
  background-color: var(--principal-cor) !important; 

}


.sanfona-curso .titulo img{
  filter: invert(94%) sepia(94%) saturate(25%) hue-rotate(13deg) brightness(105%) contrast(108%);
}

.sanfona-curso .titulo .icone-cadeado-fechado{
  background-image: url("../img/icones/icone-cadeado-fechado-negativo.svg");
  width:1.5rem;
  height: 1.5rem;
}


.sanfona-curso .titulo{
  font-size:14px;
  padding:1rem 2.5rem;
}

.sanfona-curso .titulo a{
  color: #fff !important;
}

body.area .botao.principal, body.area .botao.alternativo {
    padding: 0.6rem;
    min-width: 290px;
    background-color: var(--destaque-cor) !important; 
    font-size: var(--font-size-m);
}

body.area .botao.principal.ativo, 
body.area .botao.principal:active,
body.area .botao.principal:focus, 
body.area .botao.principal:hover,
body.area .botao.alternativo.ativo,
body.area .botao.alternativo:active,
body.area .botao.alternativo:focus,
body.area .botao.alternativo:hover {
  background-color: var(--principal-cor) !important; 
  color: #fff !important;
 }



.single article.post blockquote {
  margin-bottom: 2rem !important; }


.comment-reply-title {
  margin-bottom: 1rem !important; }

.pagina-publica article.post .botao.outline.ativo, .pagina-publica article.post .botao.outline:active {
  border-color: var(--destaque-cor) !important;
  color: var(--destaque-cor) !important; }

.pagina-publica article.post .botao.outline:focus, .pagina-publica article.post .botao.outline:hover {
  background-color: transparent !important;
  border-color: var(--destaque-cor) !important;
  color: var(--destaque-cor) !important; }

.checkbox input:checked ~ .campo-indicador {
  -webkit-filter: invert(38%) sepia(66%) saturate(1696%) hue-rotate(2deg) brightness(103%) contrast(105%);
          filter: invert(38%) sepia(66%) saturate(1696%) hue-rotate(2deg) brightness(103%) contrast(105%); }


 .pagina-publica article.post .wp-element-button, .pagina-publica article.post a.botao:not(.link) {
     padding-top: 1.4rem;
 }

 .campo-indicador {
  top: -0.1rem
 }


 .conteudo-final{
  margin-top:10rem;
 }
 .conteudo-final .wp-block-button__link.wp-element-button{
      background-color: var(--destaque-cor) !important;
      color: var(--principal-cor) !important;
 }



 article.post.conteudo-evento h1{
  font-weight: 400 !important;
  padding-bottom: 1rem!important;
  color: var(--destaque-cor) !important;
 }

 article.post.conteudo-evento h2{
  line-height: 1.3!important;
  padding-bottom: 2rem!important;
 }




 article.post.conteudo-evento .coluna-texto-maior{
  font-size: 24px!important;
  line-height: 1.3!important;
 }

 article.post.conteudo-evento .palestrantes .imagem img{
       width: 496px !important;
       max-width: 100% !important;
       height: auto !important;
       border-radius: 8px !important;
 }

 body.area .palestrantes h3,
 article.post.conteudo-evento .palestrantes h3{
    font-size:30px !important;
    margin-top:1.5rem !important;
    margin-bottom: 1.5rem !important;
 }

 body.area .palestrantes h3,
 article.post.conteudo-evento .palestrante h3{
  font-size:20px !important;
  margin-top:1.5rem !important;
  margin-bottom: 1rem !important;
}

.icone-fechar-aula{
  border-radius: 500rem;
  background-color: #D9D9D9;
  font-size: 15px;
  font-weight: 600;
  width:25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
}
.titulo-luz{
  color: var(--texto-alternativo-cor) !important;
  font-size:14px !important;
  margin-bottom:4rem;
  padding-left:38px;
}

.titulo-luz strong{
    font-size:18px !important;
    display: block !important;
    margin-bottom: 0.2rem;
}

.titulo-luz:before{
    content: "";
    width:26px;
    height: 28px;
    display: block;
    position: absolute;
    top:0;
    left:0.8rem;
    background: url("../img/icones/icone-luz.svg") no-repeat center center;
}

.titulo-luz.titulo-questionario:before{
    background: url("../img/icones/icone-prova.svg") no-repeat center center;
}

.progresso-circular{
  margin:2rem auto;
}

.circle-progress-value {
		stroke-width: 9px;
		stroke: var(--principal-cor);
	}
	.circle-progress-circle {
		stroke-width: 9px;
		stroke: #eee;
	}
	.circle-progress-text {
		fill: var(--principal-cor);
	}

  .page-questionario .circle-progress-text {
		fill: var(--destaque-cor);
	}

   .page-questionario .circle-progress-value {
		stroke: var(--destaque-cor);
	}

  .form-submit .submit{
    display: none !important;
    visibility: hidden !important;
  }

  #comment{
    border-radius: 2.5rem;
    border-color:#272727;
    height: 300px;
    padding:2rem 2rem;
  }

  #submit-ajax{
    background-color: var(--principal-cor) !important;
  }
.comentarios .comentario {
    margin: 1rem 0 0;
}
.comentarios .comentario-data{
  font-size:12px !important;
}

.comentarios .comentario-data .botao{
  margin-top:-0.5rem;
}
 @media (min-width: 992px){

  body.area .palestrantes h3,
  article.post.conteudo-evento .palestrantes h3{
    font-size:40px !important;
    margin-top:0 !important;
 }

 body.area  article.post.conteudo-evento .palestrante h3,
 article.post.conteudo-evento .palestrante h3{
    font-size:32px !important;
    margin-top:1.5rem !important;
  }


  article.post.conteudo-evento .palestrantes .palestrante-texto{
    padding-left:2rem !important;
    padding-bottom:4rem !important;
  }

  body.area article.post.conteudo-evento .palestrantes .palestrante-texto{
    padding-left:2rem !important;
    padding-bottom:2rem !important;
  }

  
     body.area .palestrante p,
     body.area .palestrantes .palestrante-texto p,
     article.post.conteudo-evento .palestrante p,
    article.post.conteudo-evento .palestrantes .palestrante-texto p{
      font-size:24px;
      line-height: 1.3;
    }

    .palestrantes.relaxadas.colunas > .coluna {
        margin-bottom: 2.5rem;
    }
  }

 @media (max-width: 400px){
  article.post h1 {
      font-size: 2rem !important;
  }

    article.post h2 {
      font-size: 1.6rem !important;
  }


 }

 @media (min-width: 992px){

  body.area .secao-live article.post h2,
  body.area article.post.conteudo-evento h2,
  article.post.conteudo-evento h2{
      font-size: 40px !important;
      font-family: var(--font-family-ui) !important;
   }
  
   article.post.conteudo-evento .muito.relaxadas.colunas > .coluna {
      margin-bottom: 1rem;
  }

 }


 @media (min-width: 992px) and (max-width: 1600px){
  body.area h1 {
      margin-top: 6rem;
  }
 }





@media (min-width: 1200px){
  body.area .recipiente {
      max-width: 1080px;
  }
}
 
body.area .blog article.post.palestrante,
body.area .blog article.post.palestrantes {
  margin: 0 !important;
}


.materiais-titulo{
  font-size:40px !important;
  color: var(--principal-cor) !important;
  font-family: var(--font-family-ui) !important;
}
.relacionado-intro-texto{
  font-size:24px !important;
  margin-bottom: 4rem !important;
}

.relacionado .rotulo{
  background-color: transparent !important;
  color: var(--principal-cor) !important;
  font-size:20px;
  font-family: var(--font-family-ui);
  text-transform: uppercase;
  min-width: 180px;
  text-align: center;
  margin-bottom: 1rem;
  border:2px solid var(--destaque-cor);
}

.padrao.invertido.formulario .campo-controle {
  border-color: white !important;
  color: white !important;
}

body.area .formulario.padrao.materiais .campo-rotulo {
  font-size: 32px; 
  font-family: var(--font-family-ui);
}
body.area .formulario.padrao.materiais .campo-controle{
  height: 48px;
}
body.area .formulario.padrao.materiais .obrigatorio{
  color: var(--destaque-cor);
  padding-left:0.5rem;
  text-transform: uppercase;
  font-size:20px;
}

.botao-80{
  width: 80%;
  max-width: 80% !important;
  min-width: 80% !important;
  margin-left:auto !important;
  margin-right: auto !important;
}


.margem-superior{
  margin-top:6rem !important;
}

.pesquisa-texto{
  font-size:24px !important;
  line-height: 32px !important;
}

.pesquisa-topico{
  margin-bottom: 1rem !important;
  margin-top: 2rem;
}

@media (min-width: 992px){
  body.area:not(.single) article.post h3.pesquisa-titulo{
    max-width: 100% !important;
  }
}
 
.radio.fluido{
  display: block;
  font-size:22px !important;
  margin-top:0.5rem !important;
}
.radio.fluido input{
  width: 24px;
  height: 21px;
  line-height: 1;
  margin-right: 0.5rem;
}

body.area article.post form .campo-rotulo {
  line-height: 1.2 !important;
}

.logo-login{

    max-width: 471px;
    height: auto;
    margin-bottom:2rem !important;
}
.logo-login img{
  margin:auto auto;
}



.formulario-login{
  max-width: 471px !important;
  margin:auto auto !important;
}


#menu_interno .col-logo {
  padding-top: 0; }

#menu_interno .col-menu{
  padding-top:.8rem;
}

.menu-modulo .marca .logo {
    min-width: 120px;
    height: 120px;
}

#menu_interno .area {
    height: 150px;
}



.pagina-publica .menu-modulo .marca .logo{
    height: 150px;
    min-width: 300px;
}

.col-busca{
  text-align: center;
}
.col-busca .campo{
    max-width: 245px;
    margin:auto auto;
}
.col-busca input{
  border-radius: 50rem !important;
  border:1px solid var(--principal-cor) !important;
  height:49px;
}

#menu_interno .avatar {
    border-radius: 50rem;
}


#wrapper{
    min-height:100vh;
}


.icone-cadeado-fechado{
  background: url(../img/icones/icone-cadeado-fechado.svg) no-repeat center bottom;
  background-size:auto 100%;
  height:1.1rem;
  width: 1.3rem;
  display: inline-block;
}


.wp-block-embed__wrapper {
  position: relative;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  background: #dcddde;
  padding-bottom: 56.25%; }

.wp-block-embed__wrapper .item-wp-block-embed__wrapper, .wp-block-embed__wrapper iframe, .wp-block-embed__wrapper embed, .wp-block-embed__wrapper object, .wp-block-embed__wrapper video {
  position: absolute;
  border: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }

.wp-block-embed__wrapper > .wp-block-embed__wrapper {
  display: none; }

.visivel.wp-block-embed__wrapper {
  background: #000; }

.ativo.wp-block-embed__wrapper > .wp-block-embed__wrapper {
  display: block; }

.quadrado.wp-block-embed__wrapper {
  padding-bottom: 100%; }

.wp-block-embed__wrapper[class*="4:3"] {
  padding-bottom: 75%; }

.wp-block-embed__wrapper[class*="16:9"] {
  padding-bottom: 56.25%; }

.wp-block-embed__wrapper[class*="21:9"] {
  padding-bottom: 42.85714%; }

.wp-block-embed__wrapper[class*="9:16"] {
  padding-bottom: 177%; }

.wp-block-embed__wrapper[class*="9:16"] video {
  max-width: 90%;
  height: initial; }

.wp-block-embed__wrapper > .imagem {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%; }

.proporcional.wp-block-embed__wrapper > .imagem {
  width: auto;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.proporcional.largura.wp-block-embed__wrapper > .imagem {
  width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.centralizado.wp-block-embed__wrapper > .imagem {
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -51%);
      -ms-transform: translate(-50%, -51%);
          transform: translate(-50%, -51%); }

.ativo.wp-block-embed__wrapper > .imagem {
  display: none; }

.wp-block-embed__wrapper > .icone {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  margin: 0; }

.wp-block-embed__wrapper > .icone:before {
  position: absolute;
  z-index: 10;
  color: #FFFFFF;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.18);
  bottom: 1.1rem;
  left: 1.714rem;
  opacity: 0.6;
  font-size: 2.9rem;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease; }

.wp-block-embed__wrapper:hover > .icone:before {
  opacity: 1 !important; }

.ativo.wp-block-embed__wrapper > .icone {
  display: none; }

.wp-block-embed__wrapper > .legenda {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  z-index: 3;
  bottom: 0;
  width: 100%;
  color: #FFFFFF;
  font-size: 1.143rem;
  padding: 1.429rem 1.429rem 1.429rem 5.429rem;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); }

@media (min-width: 768px) {
  .wp-block-embed__wrapper > .legenda {
    font-size: 1.286rem; } }

.wp-block-embed__wrapper > .legenda h4, .wp-block-embed__wrapper > .legenda p {
  margin: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.wp-block-embed__wrapper > .legenda h4 {
  opacity: 0.7;
  padding-bottom: 0.3571rem; }

.wp-block-embed__wrapper > .legenda p {
  font-size: 1rem;
  display: none; }

.wp-block-embed__wrapper:not(.detalhado):not(.basico) > .legenda {
  height: 40%; }

.wp-block-embed__wrapper:not(.detalhado):not(.basico) > .legenda h4 {
  bottom: 1.429rem;
  position: absolute; }

.wp-block-embed__wrapper:hover > .legenda h4, .wp-block-embed__wrapper:hover > .legenda p {
  opacity: 1 !important; }

.ativo.wp-block-embed__wrapper > .legenda {
  display: none; }


.padrao.invertido.formulario .campo-controle {
    border: 1px solid #fff;
    border-radius:50rem;
    height:38px;
    font-weight: 300;
    font-size:14px;
   
}

.page-redefinir-senha .padrao.invertido.formulario .campo-controle,
.page-senha-perdida .padrao.invertido.formulario .campo-controle,
.page-entrar .padrao.invertido.formulario .campo-controle{
 text-align: center;
}

.pagina-publica article.post .wp-element-button, .pagina-publica article.post button.botao, .pagina-publica article.post .botao:not(.link){

    min-width: 290px;
    height: 37px;
    font-size:var(--font-size-m);
    text-transform: initial;

}

.pagina-publica article.post .wp-element-button, .pagina-publica article.post a.botao:not(.link) {
    padding-top: 0.5rem;
}

.pagina-publica article.post .wp-element-button, .pagina-publica article.post a.botao.outline {
    color: white;
}

.pagina-publica article .botao.link{
  border-bottom:2px solid transparent;
  margin-top:0.8rem;
    font-size:var(--font-size-m) !important;
}

.pagina-publica article .botao.link,
.pagina-publica article .link{
  color: var(--destaque-cor) !important;
    border-bottom:2px solid transparent !important;
    text-decoration: none !important;
}

.campo.centralizado{
  display: block;
}

 article.post h1:not(:first-child), article.post h2, article.post h3 {
      margin-top: 2rem;
    }

@media (min-width: 992px) {
    article.post h1 {
        font-size: 2rem;
       
    }
   
}

article.post blockquote, article.post blockquote p {
    font-size: var(--font-size-l);
    line-height: var(--line-height-l);
}

.link-fechar{
    font-size: 48px !important;
    color:#FFFFFF;
    position:absolute;
    right:3rem;
    top:3rem;
}
.pagina-publica .recipiente-fluido{
  position: relative;
}

@media (max-width: 400px) {
    article.post h1 {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 992px) {

  .logo-login{
    padding-top:5rem;
        max-width: 300px;
  }

  .formulario-login{
    max-width: 320px !important;
    margin:auto auto !important;
  }

  .link-fechar{
    right:1rem;
    top:0.5rem;
}

  
}


@media only screen and (max-width: 600px) {
    .formulario-login .flutuando.a-direita {
        float: right !important;
    }
}

#progresso-pws .descricao{
  color: #fff;
}


@media (min-width: 576px) {
    .pagina-publica .recipiente {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .pagina-publica .recipiente {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .pagina-publica .recipiente {
        max-width: 940px;
    }
}

@media (min-width: 1200px) {
    .pagina-publica .recipiente {
        max-width: 1140px;
    }
}

@media (min-width: 1900px) {
    .pagina-publica .recipiente {
        max-width: 1400px;
    }
}


@media (min-width: 1900px) {
    .page-termos .pagina-publica .recipiente {
        max-width: 960px;
    }
}

.pagina-publica .recipiente.termos-de-uso {
    max-width: 816px;
}

.pagina-publica article .botao.link.link-underline, 
.pagina-publica article .link.link-underline{
  border-bottom:1px solid var(--destaque-cor) !important;
}

.box-cadastro{
  border-radius: 28px;
  background-color: hsl(0deg 0% 100% / 18%);
  max-width: 656px;
  padding: 2rem 1.5rem;
  padding-bottom: 0;
  margin: 5rem auto 1rem auto;
}

@media (min-width: 992px) {
  .box-cadastro{
    padding:3rem 4rem;
      padding-bottom:0;
  }
}

.box-cadastro h1{
  text-align: center;
  text-transform: uppercase;
  margin:0 !important;
  padding:0 !important;
  font-weight: 500;
}

.box-cadastro .divisoria{
  position: relative;
  margin: 1rem;
  height: 2px;
}

.box-cadastro .divisoria:after{
  content: "";
  position: absolute;
  top: 0;
  left: 25%;
  right: 5%;
  width: 50%;
  height: 3px;
  background-image: linear-gradient(to right, transparent, var(--destaque-cor), transparent);
}


.box-cadastro label{
  font-size:var(--font-size-m) !important;
}

@media (min-width: 992px) {
  .imagem-cadastro{
    position: absolute;
    right:0;
    bottom:0;
  }

}

article.post form .campo-rotulo {
    display: block;
    font-size: var(--font-size-l) !important;
    line-height: 1.2 !important;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0;
}

article.post form label.checkbox {
    font-size: 14px !important;
    line-height: 14px !important;
}

.pagina-publica article.post .campo-indicador {
    border: 1px solid var(--destaque-cor) !important;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.box-cadastro .formulario .texto.pequeno {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 0 !important;
    font-size:0.9rem;
    line-height: 1.25;
}

.gglcptch_error_text {
    background-color: #ff0000;
    color: #ffffff !important;
    box-shadow: 0 0 0 1px #540000 inset, 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    padding: 10px;
    text-align: left;
    font-size: 0.8rem;
    width: 100%;
    padding: 1rem;
    line-height: 1.25;
    margin: auto auto;  
    max-width: 330px;
}

.formulario .relaxadas.colunas > .coluna {
    margin-bottom: 0.5rem;
}

.formulario .relaxadas.colunas > .coluna + .coluna{
    margin-bottom: 0;
}

.box-cadastro .negativo.texto {
    color: #ffb300 !important;
}


.menu-modulo .marca .logo {
    min-width: 148px;
    height: 83px;
}

#menu_interno{
  background-color: transparent;
}
#menu_interno .area {
    height: 88px;
    border-radius: 50rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-top:34px;
    background-color: #fff;
  
}

#menu_interno:before{
  height: 44px;
  background-color: var(--principal-cor);
  border-bottom-right-radius: 50rem;
  border-bottom-left-radius:50rem;
  content:'';
  width: 100%;
  display: block;
  top:0;
  position: absolute;
  box-shadow: 0 3px 9px rgba(137, 137, 137, 0.19);

}


body.area footer .footer-area {
    background-color: #E6E6E6;
    padding-top: 0.85rem;
    padding-bottom: 0.2rem;
    font-size:11px;
   color: var(--principal-cor);
       border-top-right-radius: 50rem;
  border-top-left-radius:50rem;
  height: 39px;
}

body.area footer:before{

   content:"";
   height:110px;
   width: 220px;
   display: block;
   position: absolute;
   z-index: 1;
   background:url('../img/rodape_animais_positivo.png') no-repeat top center;
   top:-75px;
      right: 3%;

}

body.area.home footer:before{

   background:url('../img/rodape_animais.png') no-repeat top center;
}



body.area footer{
  position: relative;
}

body.area header{
  position: fixed;
  width: 100%;
}
body.area.home footer:after{
   content:"";
   height:396px;
   width:216px;
   display: block;
   position: absolute;
   z-index: 1;
   background:url('../img/rodape_gato_home.png') no-repeat top center;
   top:-380px;
   left:300px;
}


 body.area:not(.home) footer:after{
     content:"";
   height:124px;
   width:100%;
   display: block;
   position: absolute;
   z-index: -1;
   background:url('../img/esfera_laranja.png') no-repeat top center;
   bottom:0;
 }

body.area nav{
  position: absolute;
  background-color:#fff;
  z-index:1;
  padding:8rem 1rem 0 1rem;
  width: 242px;
  border-bottom-right-radius:50rem;
  height:90vh;
  max-height: 900px;
  transition: 0.7s;
  left: 0;
 	overflow-y:auto;
  transform: translateX(-310px);
}

body.area:not(.home) nav{
  box-shadow:0 3px 8px -3px rgba(0, 0, 0, 0.25);
}


.testeira{
  background: url("../img/testeira.jpg") no-repeat top left;
  background-size: 100% 100%;
  width: 100%;
  height: 77px;
  margin-top:60px;
  display: block;
}
.testeira h5{
  color: #fff !important;
  margin-top:2rem !important;
}
.testeira h5 a{
    color: #fff !important;
}

body.area .botao.principal.botao-editar{
  margin-top:2rem !important;
  min-width: inherit !important;
  width:auto !important;
  padding:0.9rem 2rem;
}

body.area .botao.principal.outline{
  background: transparent !important;
}

body.area .botao.principal.outline:hover{
  background-color: var(--destaque-cor) !important;
  color: #fff !important;
}

.col-a.acao{
  position: relative;
}
.profile{
  margin:2.5rem auto;
}
.profile .avatar{
   border-radius: 500rem !important;
   max-width: 135px;
   max-height: 135px;
}
.profile .arroba {
        font-size: 20px !important;
        color: var(--destaque-cor) !important;
  }
h2.profile-nome{
  color: var(--principal-cor) !important;
    margin-bottom: 0.85rem !important;
 }
 .profile .col-d{
  padding-top:1rem;
 }


 .page-perfil .secao-perfil h2{
     color: var(--principal-cor) !important;
     margin:2.5rem auto !important;
     
 }

  .page-ajuda h2{
    font-size:45px !important;
    color: var(--principal-cor) !important;
  }

  .page-minha-conta article.post h2{
     margin:3rem auto 2rem auto !important;
  }
 .secao-perfil {
    padding-top: 0;
    padding-bottom: 1rem;
}

article.post form .texto-longo, article.post form label.checkbox {
    font-size:1rem !important;
    line-height: 1.25 !important;
}

.page-dashboard body.area main,
.page-minha-conta body.area main,
.page-perfil body.area main{
  padding-bottom:10rem;
}
.secao-perfil .sobre .legenda {
    font-size: 22px;
    margin-top:0;
}

.modulo-passo{
  text-align: center;
}

.modulo-passo .imagem{
  display: block;
  margin:1rem auto;
}

.modulo-passo{
  opacity: 0.4;
}
.modulo-passo.concluido{
  opacity: 1;
}
  .modulo-passo.concluido .imagem{
     width: 150px;
  }

  .progresso,
  .progresso .barra{
      border-radius: 28.25rem;
  }

  .secao-perfil .progresso{
      width:80%;
      margin:2rem auto;
  }

.modulo-passos{
  margin:8rem auto 2rem auto;
  text-align: center;
}

.secao-perfil .progresso .barra .porcentagem {
    white-space: nowrap;
    position: absolute;
    width: auto;
    font-size: 1.1rem;
    top: 50%;
    right: 0;
    left: auto;
    bottom: auto;
    color: rgb(255, 255, 255);
    text-shadow: none;
    margin-top: 1.5rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
    background-color: var(--destaque-cor);
    padding: 0.5rem 1rem;
    border-radius: 500rem;
    display: none;
}

.secao-perfil .progresso .rotulo{
    font-size: 1.1rem;
    color: rgb(255, 255, 255);
    margin-top: 1.5rem;
    font-weight: bold;
    margin-bottom: .8rem;
    background-color: var(--destaque-cor);
    padding: 0.5rem 1rem;
    border-radius: 500rem;
}

.secao-perfil .progresso{
  margin-bottom:8rem;
}

.secao-perfil .progresso .barra {
    height: 1.4rem;
}

.page-dashboard .progresso .barra {
    height: 0.8rem !important;
}

.rotulo-legenda{
  text-transform: uppercase;
  color: var(--destaque-cor);
  font-size:10px;
}

.segmentos{
  box-shadow: none;
  border:0;
}
.segmentos.certificados .segmento{
  background-color:rgba(255, 255, 255, 0.2);
  box-shadow: none;
  border-radius:27px !important;
  padding:3rem 1.5rem;
  text-align: center;
  position: relative;
  margin-bottom:1rem !important;
}

	@media (min-width: 700px) {
    .segmentos.certificados .segmento{
      width:48%;
      margin-right: 2%;
      float:left;
    }
    .segmentos.certificados .segmento:nth-child(4){
        margin-right: 0;
      }

  }


  	@media (min-width: 1200px) {
    .segmentos.certificados .segmento{
      width:23.5%;
      margin-right: 2%;
      float:left;
    }

  }



.segmentos.certificados .segmento h4{
  margin-top:0;
  text-transform: uppercase;
}

.segmentos.certificados .segmento a .texto{
  border-bottom:1px solid var(--principal-cor);
  font-size:14px;
}

.segmentos.certificados .segmento .icone-certificado{

    content: "";
    width: 26px;
    height: 28px;
    display: inline-block;
    background: url(../img/icones/icone-prova.svg) no-repeat center center;
    margin-right: 0.5rem;
    margin-bottom: -.8rem;

}

.page-ajuda body.area main{
  padding-bottom:10rem;
}

.page-ajuda .biblioteca-area{
  max-width: 800px;
  margin-left:auto;
  margin-right: auto;
}


.page-ajuda .subtitulo{
		font-size:32px;
		padding-top:8rem;
		margin-bottom:2rem;
    line-height: 1.1 !important;
    font-weight: 200 !important;
    margin-bottom:4rem;
	}
.biblioteca	.categoria{
		display:block;
		width: 100%;
		max-width: 100% !important;
		text-align:center;
		color: var(--texto-alternativo-cor) !important;
    font-size:13px !important;
	}
.biblioteca	.post h3{
		display:block;
		width: 100%;
		text-align:center;
		font-size:18px !important;
		max-width: 100% !important;
    font-weight: 400 !important;
	}

  .secao-area.artigos .post figure img,
  .secao-area.artigos .post .imagem img,
  .biblioteca	.post .imagem img{
    border-radius: 15px !important;
        -webkit-filter: grayscale(100%) contrast(130%);
  }

   body.area .biblioteca .posts-horizontal article h3, 
   body.area .biblioteca .itens .item h3 {
     	font-size:18px !important;
    }

    .page-ajuda h2{
      margin-top:5rem !important;
      line-height: 1.1 !important;
    }
    
    .page-ajuda .campo-busca{
          height:55px;
          border:1px solid var(--principal-cor) !important;
          border-radius: 50rem!important;
          padding-left:2rem !important;
    }

    .page-biblioteca body.area main{
      padding-bottom: 8rem;
    }
    
    .imagem-video:before{
      content:"";
      position: absolute;
      width: 80px;
      height: 80px;
      top:50%;
      left:50%;
      margin-left:-30px;
      margin-top:-40px;
      background: url("../img/play.png") no-repeat center center;
      background-size: 100% auto;
      z-index: 0;
    }

     .imagem-video img{
      z-index:-1;
      position: relative;
     }

  
    .page-biblioteca .biblioteca-area h3.subtitulo{
      color: var(--texto-alternativo-cor);
      font-weight: 300;
      font-size:20px;
      margin:3rem auto 3rem auto;
    }

    .ui.modulos .modulo:hover{
      background-color: rgba(255, 199, 146, 0.2);
      border-color: #ffcaae;
    }

     .ui.modulos .modulo:hover .botao{
        color:  var(--destaque-cor) !important;
       border-color: var(--destaque-cor) !important;
     }

     .testeira-gato:before{
         content:"";
         display: block;
         position: absolute;
         width:300px;
         height:70px;
         background: url("../img/animais_gato_aparecendo.gif") no-repeat top center;
         background-size: auto 100%;
         margin-top:-70px;
         right:10%;
     }


      body.single-post h1.titulo{
          font-size:32px;
            margin-bottom:4rem;
            line-height: 1.1;
            margin:3rem auto;
      }

      body.single-post  .incorporado,
        body.single-post  .imagem.destaque{
            margin-bottom: 2rem;
        }

      body.single-post article{
        padding-bottom: 10rem !important;
      }

      .post-busca{
        margin:3.5rem auto;
      }

      .post-busca h3{
        font-size:24px;
      }
 
      .imagem-animais-gato{
        max-width: 210px;
      }
  

	@media (min-width: 700px) {
		body.area .biblioteca .posts-horizontal article {
			float: left;
			width: 42%;
			margin-right: 12%;
      margin-bottom: 4.5rem;
		}
    	body.area .biblioteca .posts-horizontal article:nth-child(2n){
        margin-right: 0;
      }
	}


@media (min-width: 992px) {
    .colunas .coluna-titulo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55;
    }

    .colunas .coluna-ordem {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14%;
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
    }

     .colunas .coluna-duracao {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14%;
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
    }
}

@media (min-width: 992px) {

  .modulo-passos{
      width:70%;
  }
  .modulo-passo.concluido .imagem{
         width: 150px;
        margin-top: -30px;
  }
   .imagem-animais-perfil{
      max-width: 150% !important;
      position: absolute;
      right:-4rem;
      top:-4rem;
    }
    .profile-nome {
        font-size: 40px !important;
    }
    .profile .col-i {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
    .profile .col-d {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .profile .col-a{
       -webkit-box-flex: 0;
        -webkit-flex: 0  20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1300px) {

  body.area nav {
    transform: translateX(0);   
  }

}

body.area nav.aberto {
  transform: translateX(0);   
}



body.area nav .divisoria{
  position: relative;
  margin: 1rem;
  height: 2px;
  min-height: 0;
}

body.area nav .divisoria:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, transparent, var(--principal-cor), transparent);
}


.cabecalho-icones.exibir-desktop .icone-menu {
    display:none;
}

.cabecalho-icones .avatar + .texto a {
    border-bottom: 1px solid var(--destaque-cor);
    color: var(--destaque-cor);
    font-weight: bold;
}

body.area nav .menu-categorias .item:hover .link,
body.area nav .menu-categorias .item .link:hover,
body.area nav .menu-categorias .item .link,
body.area nav .menu-categorias .item.ativo .link {
  border-bottom: 0 !important;
}

body.area nav .menu-categorias .item .link{
  font-size:15px;
}

body.area .menu-categorias .item {
    margin-right:0;
    margin-bottom:0.5rem;
}

body.area nav .menu-categorias .item{
  padding-left:2.5rem;
  position: relative;
}

body.area nav .menu-categorias .item:hover .link,
body.area nav .menu-categorias .item.ativo .link{
   color: var(--destaque-cor) !important;
   font-weight:bold;
}

body.area nav .menu-categorias .item.ativo .link:before,
body.area nav .menu-categorias .item:hover .link:before{
  content:"";
  width: 20px;
  height:16.5px;
  display: block;
  top:20px;
  margin-left:-30px;
  position: absolute;
  background: url("../img/icone_menu.png") no-repeat center center;
  background-size:100% auto;
}


body.area header{
  z-index: 2;
}

.cabecalho-icones .icone img{
    width: 30px;
    height: 30px;
  
}

.cabecalho-icones .icone{
    padding-top:0.5rem;
    padding-left: 0.5rem;
}
.cabecalho-icones.exibir-desktop .icone{
  margin-left:1rem;
}

.menu-modulo .recipiente-fluido {
    width: 100%;
}

.single article.post {
    margin: 0 0 8rem 0;
}
body.area .secao-area{
  margin-top:0;
}


body.area main{
   padding-top: 155px;  
  padding-bottom: 3rem;
}



.home .secao-area h5,
.home .secao-area h4,
.home .secao-area h1,
.home .secao-area h2,
.home .secao-area h3{
  color: var(--destaque-cor);
  margin-top:0.8rem;
}

.home .secao-area h1{
  font-weight: 300 !important;
  font-size:40px;
  line-height: 1.1;
  margin-bottom:1rem;
  text-align:left !important;
}

.home .secao-area h4{
   font-weight: 400 !important;
   margin:0;
}

.home .secao-area h5{
  margin:0 !important;
}

.home .secao-area h4 strong,
.home .secao-area h1 strong,
.home .secao-area h2 strong,
.home .secao-area h3 strong{
  color: #fff;
  font-weight: 600 !important;
  line-height: 1;
}


  .imagem-mandala{
    max-width:620px;
    width:100%;
    margin-bottom:1.5rem;
  }

#menu_interno .col-busca {
    padding-top: 1rem;
}






@media (max-width: 1300px) {

    .cabecalho-icones.exibir-desktop .icone {
        display:inline-block;
    }

    #menu_interno .col-busca {
        padding-top: 1rem;
    }
    .col-busca input {
        height: 36px;
    }
    #menu_interno .area {
        height: 74px;
    }
    .cabecalho-icones.exibir-desktop {
      margin-top: .2rem;
  }
    .menu-modulo .marca .logo {
        min-width: 100px;
        height: 65px;
    }
     .cabecalho-icones .imagem.avatar{
       padding-top:0.2rem;
     }
   
    .cabecalho-icones .imagem.avatar,
    .cabecalho-icones .avatar img,
    .cabecalho-icones img.avatar {
        width: 35px;
        height: 33px;
    }
    body.area .menu-categorias .item {
        display: block !important;

    }
    /* 
    body.area nav .menu-categorias .item {
        padding-left: 0;
    }
        */
     body.area .menu-categorias .item .link {
        text-align: left !important;
         margin: 0 auto;
    }

    body.area nav .divisoria.inferior {
        display: none !important;
    }


    body.area nav {
       height: auto;
       padding-bottom:4rem;
    }
      body.area.home footer:before,
    body.area.home footer:after{
      top:initial;
      left:8%;
      bottom:23px;
      z-index: 0;
    }
    body.area.home footer:before{
      right:0;
      left:initial;
    }

}

@media (min-width: 991px) and (max-width: 1400px) {

    body.area header {
        position: relative;
    }
    body.area main{
        padding-top: 2rem;
    }

  
}


@media (min-width: 1300px) and (max-width: 1400px) {
    body.area main .recipiente {
         max-width: 998px;
        margin-left: 300px;
    }
     body.area nav {
      height: auto;
      padding:9rem 2.5rem 8rem 2rem;
    }
}

@media (max-width: 1000px) {
  body.area nav {
      position:  fixed;
  }

}
article.post form .texto-longo div.checkbox-elemento {
    width: 40px;
}

body.area .campo-indicador {
    width: 20px;
    height: 20px;
}

@media (max-width: 600px) {

  .home .secao-area h1 {
      font-size: 32px;
  }

  body.area.home footer:after{
      left:5%;
      z-index: 0;
    }
 

     body.area.home footer{
      padding-top:350px;
     
     }
    body.area footer .footer-area {
       height:auto;
    
    }


    .ui.modulos {
        text-align: center;
    }
    .ui.modulos .botao.outline.primario{
      margin-right: 0 !important;
    }
    .ui.modulos .modulo-progresso {
        padding-top: 1rem !important;
        padding-bottom: 0;
    }


    .ui.modulos .modulo-progresso .icone {
        margin-right: 0.3rem !important;
    }

    .coluna.modulo-data{
      font-size:13px !important;
      text-align: center !important;
      padding-top: 0.4rem !important;
    }
    .ui.modulos .modulo-data .icone-calendario {
        float: none !important;
        margin-top: auto !important;
        margin-right: auto !important;
        float: none !important;
        margin-top: auto !important;
        margin-right: auto !important;
        margin-bottom: -10px !important;
        text-align: center;
        display: inline-block!important;
    }

    .page-ajuda h2{
      font-size: 24px !important;
      margin-top:2.5rem !important;
    }

    .page-ajuda h3.subtitulo{
      font-size:20px !important;
      padding-top:4.2rem !important;
      margin-bottom:1.5rem !important;
    }

    .page-minha-conta .botao{
      margin-left:auto !important;
      margin-right:auto !important;
    }
    .page-minha-conta .campo-botao{
      text-align: center;
    }

    .page-minha-conta .divisoria {
        margin: 1rem 0;
    }

   .page-minha-conta  article.post form {
        padding-bottom: 1rem;
    }
    .page-minha-conta article.post h2 {
        margin: 3rem auto 0 auto !important;
    }

    .page-minha-conta #cadastro .campo-botao{
      margin-top:2rem !important;
    }

    .page-perfil .testeira,
    .page-minha-conta .testeira {
        margin-top: 0px;
    }

    .col-i .imagem{
      text-align: center !important;
      display: block !important;
    }

    .col-i .imagem img{
      margin:1rem auto !important;
      display: block !important;
    }

    .profile {
        text-align: center;
        width: 100%;
        display: block;
    }

    .page-perfil h2{
      text-align: center;
    }

    .sobre{
      text-align: center;
    }

    .secao-perfil .coluna{
      margin-bottom: 0 !important;
    }

    .page-perfil .secao-area{
      text-align: center;
    }

    .page-tipo-aula .single article.post {
        margin: 0 0 3rem 0;
    }
  
    .post-recursos{
      padding-bottom: 2rem;
    }
}
@media (min-width: 1300px) {
  .menu-modulo .recipiente-fluido {
      width: 97%;
       max-width: 100%;
  }
}

@media (min-width: 1400px) {
   body.area nav{
     padding:8.5rem 2.5rem 0 2rem;
      position: fixed;
    }
}

@media (min-width: 1600px) {
   body.area  nav {
        padding: 12rem 2.5rem 0 2.5rem;
    }
}

@media (min-width: 2000px) {

  .imagem-mandala{
    max-width: 620px;
  }


}


@media (min-width: 1400px) {
    body.area .recipiente {
        margin-left: 300px;
    }
}

@media (min-width: 1500px) {
    body.area .recipiente {
        margin-left: 350px;
    }
}


@media (min-width: 1900px) {
    body.area .recipiente {
        margin-left: auto;
    }

}

.imagem-inline,
.imagem-seta{
  display: inline-block !important;
}

h5 a{
  color: var(--destaque-cor) !important;
}

h5 a:hover,
a.link-primario:hover{
  color: var(--destaque-cor) !important;
  border-bottom:1px solid var(--destaque-cor) !important;
}



.link-primario{
    color: var(--principal-cor) !important;
}

.link-primario.link-underline{
  border-bottom: 1px solid  var(--principal-cor) !important;
}

body.area .botao.outline.primario{
    padding: 0.45rem;
    min-width: 100px;
    height: 28.5px;
    font-size:11px;
    border:1px solid var(--principal-cor) !important;
}
.ui.modulos{
  margin-top:2rem;
}

.ui.modulos .modulo{
   padding-top:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:1px solid #A59A94;
}

.ui.modulos .modulo .coluna{
  margin-bottom: 0 !important;
}
.ui.modulos .modulo-progresso{

  padding-top:2rem;
}

.ui.modulos .modulo-titulo a,
.ui.modulos .modulo-titulo h5,
 .ui.modulos .modulo-titulo{
  color:var(--texto-alternativo-cor);
 }
  .ui.modulos .modulo-titulo{
    font-size:14px;
  }
  .ui.modulos .modulo-titulo h5{
    font-size:12px;
    margin-bottom: 0.5rem;
  }

   .ui.modulos .modulo-titulo .botao{
       margin-bottom:0 !important;
   }

   .ui.modulos .modulo-icone{
       padding-top:1.5rem;
   }
.ui.modulos .modulo-icone .icone{
      
      content:"";
      display: inline-block;
      width:31px;
      height:31px;
      background: url("../img/modulo_status_fechado.png") no-repeat center center;

   }


   .ui.modulos .modulo-icone .icone.concluido{
      background: url("../img/modulo_status_concluido.png") no-repeat center center;
   }

   .ui.modulos .modulo-icone .icone.em-andamento{
      background: url("../img/modulo_status_play.png") no-repeat center center;
   }

   .ui.modulos .modulo-data .icone-calendario{
      
      content:"";
      display: block;
      width:31px;
      height:31px;
      background: url("../img/icone_calendario.png") no-repeat center center;
      float: left;
      margin-top: -0.4rem;
      margin-right: 0.4rem;

   }

  .ui.modulos .modulo-progresso .icone{
      content:"";
      display: inline-block;
      width:31px;
      height:31px;
      background: url("../img/ok.png") no-repeat center center;
      margin-right: 1rem;
  }
  .ui.modulos .modulo-progresso .icone.icone-cadeado{
     background: url("../img/icone_cadeado.png") no-repeat center center;
  }
  .ui.modulos .modulo-progresso .texto{
      font-size:12px;
  }

  .ui.modulos .modulo-data{
   padding-top:1rem;
   padding-bottom:1rem;
 }


 body.area .area-do-curso h1{
    margin-bottom:0;
}
body.area .area-do-curso h1.titulo-treinamento{
  line-height: 1;
}

 body.area .area-do-curso h4{
    font-weight: normal;
    color: var(--destaque-cor);
    margin:1rem 0 2rem 0;
 }

  body.area .area-do-curso h2{
    color: var(--texto-alternativo-cor);
    margin:5rem 0 3rem 0 !important;
    font-size:24px;
    font-weight: 300 !important;
  }

   

 .incorporado {
    border-radius: 2rem;
}

.single article.post li,
.single article.post p,
.single-curso article.post p.maior {
    font-size: 18px;
    line-height: 1.2;
}

.page-questionario body.wp-singular main,
body.area.single-aula main{
  padding-top:2.5rem;
}

.page-questionario body.wp-singular .recipiente-fluido,
body.area.single-aula .recipiente-fluido {
  width: 98%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;

}
.page-questionario h5 a,
body.area.single-aula h5 a{
  color: var(--principal-cor) !important;
}

.page-questionario h5 a:hover,
body.area.single-aula h5 a:hover{
  color: var(--destaque-cor) !important;

}


.page-questionario h5.trilha,
body.area.single-aula h5.trilha{
  margin-bottom:3.5rem;
}
.coluna-aulas .menu{
  width: 100%;
  max-width: 100%;
}
.coluna-aulas .menu .item{
  background-color:#FBFBFB;
  margin-bottom:0.5rem;
   width: 100%;
}

.coluna-aulas .menu .item .link{
  color:rgba(0, 0, 0, 0.5);
}


.coluna-aulas .menu .item:hover,
.coluna-aulas .menu .item.ativo{
  border-left:6px solid var(--principal-cor);
  padding-left:0.4rem;
   border-bottom: 0 !important;
}


.coluna-aulas .menu .item:hover,
.coluna-aulas .menu .item.ativo{
 box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.4);
   
}

.coluna-aulas .menu .item:hover .link,
.coluna-aulas .menu .item.ativo .link{
   font-weight: 600;
   color: var(--principal-cor);
      border-bottom: 0 !important;

}

.page-questionario .coluna-aulas .menu .item:hover,
.page-questionario .coluna-aulas .menu .item.ativo{
  border-left:6px solid var(--destaque-cor);
 
}

.page-questionario .coluna-aulas .menu .item.ativo a{
 color: #000000ec;
}

.page-questionario  body.wp-singular  .coluna-questionario,
body.area.single-aula .coluna-video{
  padding-bottom:5%;
}

.coluna-questionario h1{
  color: var(--texto-alternativo-cor);
  font-size:18px !important;
  line-height: 1.2 !important;
}
body.area h1 {
    font-style: normal;
    font-weight: 600 !important;
}
h1.questionario-titulo{
  margin-top:0 !important;
}

h1.questionario-pergunta{
  margin-top:3.5rem !important;
}


.coluna-questionario .campo-rotulo{
    font-size:var(--font-size-m);
    color: var(--texto-alternativo-cor) !important;
}

.botoes-aulas{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.botoes-aulas .botao{
  min-width: auto !important;
  padding-left:2rem!important;
  padding-right: 2rem!important;
}

.titulo-luz{
  position: relative;
}

.titulo-luz:before{
  left:0;
}

.campo-marque .campo-rotulo{
  padding-left:1.5rem;
}


input[type='radio']{
  visibility: hidden;
}
  input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top:0;
        left: -0.5rem;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: 0;
        left: -0.5rem;
        position: relative;
        background-color: var(--destaque-cor);
        content: '';
        display: inline-block;
        visibility: visible;
    }

    .questionario-resultado{
      margin:2rem auto;
      color: var(--texto-alternativo-cor);
    }

    .questionario-resultad p{
        color: var(--texto-alternativo-cor);
    }

    .questionario-resultado h4{
      color: var(--destaque-cor);
      margin-top:0;
    }

    .coluna-questionario .campo-rotulo.errado{
         color: rgb(212, 0, 0) !important;
     }
    label.errado:before{
        top: 0.6rem;
        color: rgb(212, 0, 0) !important;
    }
   .coluna-questionario .campo-rotulo.correto{
      color: rgb(0, 150, 20)!important;
    }
      label.correto:before{
        top: 0.6rem;
        color: rgb(0, 150, 20)!important;
    }

@media (min-width: 768px) {
  

   .ui.modulos .modulo-data{
   padding-top:1.8rem;
 }
  .ui.modulos .modulo{
   padding-top:1.28rem;
    padding-bottom:1.6rem;
  }

      .ui.modulos .modulo.modulo-fechado {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
  .ui.modulos .modulo-icone{
        -webkit-box-flex: 0;
      -webkit-flex: 0 0 6%;
          -ms-flex: 0 0 6%;
              flex: 0 0 6%;
      max-width: 6%; 
  }

 
    .ui.modulos .modulo-titulo{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 26%;
          -ms-flex: 0 0 26%;
              flex: 0 0 26%;
      max-width: 26%;
  }

    .ui.modulos .modulo-progresso{
       -webkit-box-flex: 0;
      -webkit-flex: 0 0 37%;
          -ms-flex: 0 0 37%;
              flex: 0 0 37%;
      max-width: 37%;
      padding-left:2rem !important;
      padding-right: 3rem !important;
    }

     .ui.modulos .modulo-data{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18%;
            -ms-flex: 0 0 18%;
                flex: 0 0 18%;
        max-width: 18%;
    }
    .ui.modulos .modulo{
      position: relative;
    }

    
     .ui.modulos .modulo-progresso .texto{
      font-size:14px;

    }


    .ui.modulos .modulo-fechado .modulo-titulo{
      padding-top:1rem !important;
    }

    .ui.modulos .modulo-fechado .modulo-progresso{
         padding-top:1.5rem !important;
    }
   



}

@media (max-width: 1200px) {
  .titulo-luz strong {
      font-size: 16px !important;
  }
}

@media (min-width: 992px) {

      .ui.modulos {
        margin-top: 5%;
    }

    .ui.modulos .modulo:hover .modulo-data:after{
        content:"";
        display: block;
        position: absolute;
        width:139px;
        height:118px;
        background: url("../img/cao_mouse.gif") no-repeat center center;
        right:-139px;
        top:-20px;
    }

    .page-questionario  body.wp-singular .coluna-aulas,
     body.area.single-aula .coluna-aulas{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
        max-width: 30%;
    }

   .page-questionario  body.wp-singular .coluna-questionario,
    body.area.single-aula .coluna-video{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
            -ms-flex: 0 0 70%;
                flex: 0 0 70%;
        max-width: 70%;
    }

}

@media (min-width: 1300px) {
    .coluna-questionario article{
      max-width: 1200px;
      padding-left:2rem;
    }

}


@media (min-width: 1900px) {

  .lateral-aulas{
    padding-right: 10%;
  }

   .page-questionario  body.wp-singular .coluna-aulas,
    body.area.single-aula .coluna-aulas{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
        max-width: 20%;
    }

   .page-questionario  body.wp-singular .coluna-questionario,
    body.area.single-aula .coluna-video{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80%;
            -ms-flex: 0 0 80%;
                flex: 0 0 80%;
        max-width:80%;
    }



}

@media (min-width: 992px) and (max-width: 1600px) {
    body.area h1 {
       font-size: var(--font-size-xxxxxl);
       line-height: var(--line-height-xxxxxl);
    }
   body.area h2 {
        font-size: var(--font-size-xxxl);
        line-height: var(--line-height-xxxl);
    }
}


@media (max-width: 991.99px) {
    body.area h1 {
        text-align: left;
    }
    .botoes-aulas .coluna{
      text-align: center;
    }
}

@media (max-width: 600px) {

  
  body.area .botao.principal, body.area .botao.alternativo {
      min-width: 250px;
  }
   .icone-fechar-aula{
        margin-bottom:2rem;
      }

      body.area.single-aula h5.trilha{
        margin-bottom:1rem;
      }

      #comment,
      .incorporado {
        border-radius: 1rem;
    }

    body.area footer:before {
      top: -101px;
    }

    .modulo-passos{
      margin-top:0;
    }
    .relaxadas.colunas > .coluna {
        margin-bottom: 1.75rem;
    }
}



   body.area .posts-horizontal article h3, 
   body.area .itens .item h3 {
        font-size: 18px !important;
        color: var(--texto-alternativo-cor);
        font-weight: 400;
        text-align: center;
        margin-top: 1rem !important;
    }

     body.area .posts-horizontal article{
         text-align: center;
     }

     body.area .posts-horizontal article .categoria{
         font-size:12px;
     }

    @media (min-width: 992px) {
      body.area .posts-horizontal article {
          width: 27%;
      }

     
    }


.sucesso.progresso .barra {
    background-color: #07a12B !important;
}

.coluna-menor .estatistica + .estatistica {
    margin: 0 0 0 1rem;
}

.home p{
  color: #fff;
  font-size:14px;
}

.home ul li{
  color: #fff;
    font-size:14px;
}

 @media (min-width: 992px) {
    .page-entrar .home.area main{
      padding-bottom: 400px;
    }
 }

  @media (min-width: 1900px) {
    .page-entrar .home.area main{
      padding-bottom: 300px;
    }

    body.area.home footer:after {
        left: 200px;
    }
 }

  .home .secao-area ul{
    margin:1rem auto;
    padding:0;
    margin-top:0;
  }
 .home .secao-area ul li{
    border: 2px solid;
    padding: 2em 2.5em;
    border-radius: 1.4rem;
    margin-left: 0;
    margin: 1.5rem auto;
    position: relative;
    padding-top:120px;
    text-align: center;
 }


.home .secao-area ul li:before {
    -webkit-user-select: none;
      -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    position: absolute;
    top: 2rem;
    left: 50%;
    margin-left:-2rem;
    opacity: 1;
    vertical-align: top;
    font-family: "icones" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
    content: "\EA55";
    color: var(--destaque-cor); 
    font-size:4rem;
}

.home .secao-area ul li:nth-child(1):before{
   content: "\EA78";
}

.home .secao-area ul li:nth-child(2):before{
   content: "\EA76";
}

.home .secao-area ul li:nth-child(3):before{
   content: "\EA77";
}

.home .secao-area ul:after,
.home .secao-area ul:before{
  content: " ";
  display: table; }

.home .secao-area ul:after {
  clear: both; }


 @media (min-width: 700px) {

  .home .secao-area ul{
    display: block;
  }
   .home .secao-area ul li{
      float:left;
      width:30%;
      min-height:300px;
          margin: 2rem;
    margin-left:0;
   }
   .home .secao-area ul li:last-child{
    margin-right: 0;
   }



 }


  @media (min-width: 1000px) {

   .home .secao-area ul li{
      min-height: 250px;
          margin: 2rem;
       margin-left:0;
   }

   .logo-login{

        padding-top: 12vh;
   }
  }




.incorporado_temp {
  position: relative;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  background: #dcddde;
  padding-bottom: 56.25%;
  }

.incorporado_temp iframe, .incorporado_temp embed, .incorporado_temp object, .incorporado_temp video {
  position: absolute;
  border: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }