/**
** VSCode? Recomendada a extensão "Better Comments"
** Cores do site:
**   Marron fonte: #705D39
    Marron claro: #54462B
     Amarelo: #d39c45
**   Fontes: #2B2B2B;
** */

/**********************************************
**          Reset
** ********************************************/


elemento {
  --header: #002243;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {margin:0; padding:0;}

h1{
  font-weight:bolder;
  color: #705D39;
  font-size: 39px;
}

h2 {
  font-weight:bolder;
  color: #48351B;
  font-size: 30px;
  text-transform: uppercase;
}

h4 {
  color: #54462B;
  font-size: 18px;
}

p {
  color: #54462B;
  font-size: 14px;
  line-height: 20px;
}
 
h3{
  color: #08081F;
  font-size: 33px;
}

small {font-weight:400; font-size:16px;}
html {-webkit-font-smoothing: antialiased;}
html {font-size: 1vw; font-family: 'Montserrat', sans-serif;} /** Colocar com a fonte do google que tiver */
strong, b {font-weight:700;}
* {box-sizing: border-box;}
ul, ol{list-style: none;}
a {text-decoration: none; display: block; color: #54462B;}
a, a:hover, a i, a:hover i, button, button:hover, button i, button:hover i{transition:all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;cursor: pointer;}
input, textarea, button{outline: none;border: 0;padding: 0;background: transparent; font: inherit;}
body {
  color: #2B2B2B; background: white; font-weight:400; letter-spacing: 0px;}
.clear {width: 100%; clear: both; display: block; height: 0px;}
img {max-width: 100%;height: auto;}
.hidden-desktop{display: none !important;}

/** Evita que o font-awesome trave o carregamento da página */
html.fa-events-icons-loading .fa-fw {display: inline-block;width: 1.28571429em;}
html.fa-events-icons-loading .fa-fw::before {content: "\00a0";}

/** muda aquele azul quando o usuário seleciona texto */
/******  End of Reset  *******/

body{
  background: white;
}

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}



/**********************************************
**     loader 
** ********************************************/
.loader {background-size: 100px, 100px;background-repeat: no-repeat;background-position: center center;width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;display: none;z-index: 99999999;justify-content: center;align-items: center;background: #fff;}

.loader img{height: 200px;width: auto;object-fit: contain;object-position: center;}

/* html.loading{overflow: hidden} */
html.loading .loader{display: flex;}
/******  End of loader  *******/



/** busca */
#search {width: 100%;position: fixed;top: -200px;left: 0;padding: 0;opacity: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;z-index: 10000;}
.search__close {cursor: pointer;position: fixed;left: 0;bottom: -100%;width: 100vw;height: 0;background: transparent;pointer-events: none;z-index: -1;transition: height 1s ease, background 1.5s ease-in;}
#search.active {top: 0px;opacity: 1;background: #ffffff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 5px 25px rgba(0,0,0,0.125);}
#search.active .search__close {height: calc(100vh - 64px);background: rgba(0,0,0,0.75);bottom: 0;pointer-events: all;z-index: 1;}
.searchForm {padding: 0;position: relative;z-index: 10;display: flex;flex-wrap: nowrap;}
.searchForm__field {flex-grow: 1;font-size: 20px;font-style: normal;font-weight: 400;border: 0;padding: 20px 18px;padding-right: 0;color: #767676;}
.searchForm__field:focus {color: #333;}
.searchForm__btn{margin-right: 20px;cursor: pointer;}
.searchForm__btn i { color: #50afc1; font-size: 22px; }
.searchForm__btn:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
/******  End of Menu  *******/



/**********************************************
**          Formulário
** ********************************************/
/** Formulário */
.form{display: flex;flex-wrap: wrap;}
.form-item{position: relative;width: 100%;margin-bottom: 5px;margin-top:5px;display: inline-block;}
.form-item__label{position: absolute;font-size: 1rem;line-height: 1em;top: 20px;left: 20px;transition: all 0.25s ease;}
.form-item__field{width: 100%;display: inline-block;border: 1px solid rgba(80, 175, 193, 0.5);transition: border 0.25s ease;padding: 20px;font-size: 1rem;}
.form-item__field:focus{border: 1px solid rgba(80, 175, 193, 1);}
.form-item.active .form-item__label{top: 5px;font-size: 12px;opacity: 0.5;}

form .bannerHome__form-button{
  margin-top: 24px !important;
  margin: 0 auto;
}


/** form com item único */
.formSingle {display: flex;align-items: stretch;flex-wrap: nowrap;}
.formSingle__input{padding: 18px 0 18px 30px;border: 1px solid rgba(0,0,0,0.15);border-right: 0;border-radius: 30px 0 0 30px;color: #adadad;transition: all 0.25s ease;font-size: 14px;}
.formSingle__input:focus{border-color: #50afc1;}
.formSingle__btn {background: #50afc1;color: #ffffff;padding: 18px;border-radius: 0 30px 30px 0;font-weight: 700;letter-spacing: -0.05em;}


/** input numérico com + e - */
.numericInput{position:relative;width:85px;overflow: hidden;}
.numericInput__field {width:100%;border: 1px solid rgba(0,0,0,0.2);font-size: 20px;line-height: 1em;color: #50afc1;padding: 5px 30px 5px 15px;}
.numericInput__btn{position: absolute;z-index:2;right:0;width:30px;height:50%;font-family: 'Font Awesome 5 Free';font-weight:900;color: #50afc1;font-size: 10px;}
.numericInput__btn::before{position: absolute;left: 50%;transform: translate(-50%,0);transition: transform 0.25s ease}
.numericInput__btn--add{top: 0;}
.numericInput__btn--add::before{content: '\f106';bottom: 0;}
.numericInput__btn--remove{bottom: 0;}
.numericInput__btn--remove::before{content: '\f107';top: 0;}
.numericInput__btn:hover{background: #50afc1; color: #ffffff;}
.numericInput__btn--add:hover::before{transform:translate(-50%,-50%);}
.numericInput__btn--remove:hover::before{transform:translate(-50%,50%);}




input::placeholder, textarea::placeholder{color: currentColor; opacity: 1; font:inherit;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: currentColor; opacity: 1; font:inherit;}
input:-moz-placeholder, textarea:-moz-placeholder{color: currentColor; opacity: 1; font:inherit;}
input::-moz-placeholder, textarea::-moz-placeholder{color: currentColor; opacity: 1; font:inherit;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: currentColor; opacity: 1; font:inherit;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: currentColor;opacity: 1; font:inherit;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

/** Botões */
/******  End of Formulário  *******/


/**********************************************
**          CKEDITOR
** ********************************************/
.tem-ckeditor{color: inherit; font-size: 1rem;line-height: 1.56em;font-weight: 400;text-align: left;}
.tem-ckeditor p {color: inherit;font-size: inherit; line-height: inherit;font-weight: inherit; text-align: left; margin-bottom: 1em;}
.tem-ckeditor em {font-style: italic; }
.tem-ckeditor strong {font-weight: 700;}
.tem-ckeditor ul, .tem-ckeditor ol { padding-left: 30px; border-left: 2px solid #50afc1; margin: 25px auto 30px 0;}
.tem-ckeditor ul { list-style: none;}
.tem-ckeditor ul li::before { content: '•'; display: inline-block; font: inherit; font-weight: 700; margin-right:5px; color: #50afc1}
.tem-ckeditor ol {list-style: none; counter-reset: ckeditor}
.tem-ckeditor ol li::before { counter-increment: ckeditor; content: counter(ckeditor); display: inline-block; font: inherit; font-weight: 700; margin-right:5px; color: #50afc1}
.tem-ckeditor li{font-size: inherit;color: inherit;line-height: inherit;text-align: left;margin-bottom: 1em;line-height: 1.5em;}
.tem-ckeditor a { font-weight: 700; color: #50afc1; text-decoration: underline;}
.tem-ckeditor table  {border-collapse: collapse;padding: 1em;margin: 1em auto;max-width: calc(100% - 1em);overflow-x: scroll;border: none;}
.tem-ckeditor table th{font-size: 1em;font-weight: 700;border-bottom: 2px solid #f0f0f0; border-right: 2px solid #f0f0f0; color: #50afc1;padding: 0.5em;}
.tem-ckeditor table th:last-child{border-right: 0;}
.tem-ckeditor table tr td  {padding: 0.5em;border: none;border-right: 1px solid #f0f0f0; text-align: left;font-size: 0.75em;border-bottom: 1px solid #f0f0f0; line-height: 1.5em;}
.tem-ckeditor table tr td:last-child { border-right: 0; }
.tem-ckeditor table tr:last-child td { border-bottom: 0; }
.tem-ckeditor img {max-width: 90%;height:auto;object-fit:contain;object-position:center;margin: 25px auto;display: block;}

/******  End of CKEDITOR  *******/

/* home */


.swiper-slide p{
  font-size: 16px !important;
}

@media (min-width: 993px) {
  .destaqueCarroussel .swiper-wrapper {
    display: flex;
    align-items: center;
  }
}

/**********************************************
**          RESPONSIVO
** ********************************************/
.container {
  width: 100%;
  max-width:1600px;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
}

/** desktop -> telas grandes */
@media (min-width: 1920px) {
}

/** desktop -> alguns notebooks e maioria dos monitores */
@media (max-width: 1920px) {
}

/** desktop -> maioria dos notebooks */
@media (max-width: 1440px) {
  .container{padding: 0px 6.69%;}
}

/** mobile -> ipad pro, tablets em landscape, celulares maiores em landscape */
@media (max-width: 1200px) {
}
@media (max-width: 1024px) {
  html{font-size: 1.2vw;}

}

/** mobile -> tablets maiores, celulares em landscape, ... */
@media (max-width: 992px) {
  /** cabeçalho */
  html{    font-size: 1.7vw;}
  .bannerHome .container{
    margin-top: -150px;
    padding-top: 300px !important;
    grid-template-columns: 60% 33.5%;
    grid-template-columns: 1fr !important; 
    display: grid;
  }

  .container-etiqueta {
    width: 100%;
    padding-left: 50px;
  }
/* 
  .passport {top: unset; bottom: 0; width: 100%; right: 0; display: flex; flex-flow: row; justify-content: space-between; align-items: center; background-size: 200%; padding: .5rem 1rem; border-radius: 0px;}
  .passport .passport-content {flex-grow: 1; text-align: left; opacity: 1;}
  .passport h2 {font-size: 1em;}
  .passport .btn2 {margin-top: 0px; justify-content: center; padding: 0 1rem; height: 40px; opacity: 1; border-radius: 5px;}
  .passport .btn2 span {display: none;}
  .passport .btn2 img {margin-left: 0px;}
  .passport .fas {display: none;} */

  .passport {
    right: -270px;
  }
  
  .passport .fas {
    left: 5px;
    font-size: 1.5em;
}

  .bannerHome__titulo{text-align: center;font-size: 30px; line-height: 1.2;}
  .bannerHome__titulo span{font-size: 50px;}
  .bannerHome__autor{text-align: center;font-size: 2rem;}
  .bannerHome__descri{text-align: center;margin-bottom: 20px;text-shadow: 0 0 20px #fff;font-size: 1.5rem;}
  .bannerHome__form-titulo{text-align: center;font-size: 2rem;}
  .bannerHome__form-titulo span{font-size:2.5rem;}
  .bannerHome{height: auto;padding-bottom: 30px;}
  .canvasGente .container{ grid-template-columns: 1fr;}
  .nossosParceiros .container{ grid-template-columns: 1fr; margin-top: 0px;}
  .naoProcastine .container{ grid-template-columns: 1fr; margin-top: 24px;}
  .sobreAutor .container{ grid-template-columns: 1fr;     margin-top: 20px;}
  .canvasGenteTextContain__text{padding-right: 0;margin-bottom: 50px;font-size: 1.5rem;}
  .canvasGenteTextContain__titulo{text-align: center;font-size: 3rem;}
  .lancamentoLivro .container{    grid-template-columns: 1fr;}
  .lancamentoLivro__book{margin-top: 50px;width: 250px;margin: 50px auto 0;}
  .lancamentoLivroTextContain__titulo{padding-top: 30px;text-align: center;font-size: 3rem;}
  .lancamentoLivroTextContain__subtitulo{text-align: center;font-size: 1.8rem;}
  .lancamentoLivroItem__text{font-size: 1.5rem;}

  /** menu **/

  .hidden-mobile{
    display: none !important;
  }

  .hidden-desktop{
    display: block;
  }

  .form-baixe-o-livro {
      position: static;
  }

  .container-title-form {
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .span-title-yellow {
      margin-right: 0;
  }

  .entreContato-title {
    flex-direction: column;
}

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

.entreContato {
  height: 100%;
}

  .container-cards {
      display: grid;
      grid-template-columns: 1fr;
      justify-content: center;
      align-items: center;
      margin-top: 70px;
  }

  .beneficiosAssesment {
      width: 100%;
      background: linear-gradient(180deg, #f3d131 0px, #f3d131 400px, transparent 400px, transparent 100%);
      height: 100%;
      margin-top: -120px;
      text-align: center;
  }

  .beneficiosAssesment .card{
    margin: 0 auto;
    margin-top: 14px;
  }

  .abas {
    padding: 24px;
    display: flex;
    position: static;
    width: 100%;
    flex-direction: column;
  }

}

/** mobile> tablets */
@media (max-width: 768px) {
  html{font-size: 2.26vw;font-size: 1.66vw;}

}

/** mobile> celulares  */
@media (max-width: 576px) {
  html{font-size: 2.88vw}

}
@media (max-width: 450px) {
  html{font-size: 3.7vw;}
  .logo{width:170px;}

}



/* [Object] Modal
 * =============================== */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.43);
  transition: opacity .25s ease;
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding: 24px;
}

.modal h2{
  font-size: 3rem;
  color: #f3d131;
  line-height: 1;
}

.modal p{
  font-size: 1.5rem;
  margin-top: 24px;
}

.modal .subtitle{
  color: #f3d131;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 24px;
  height: 70%;
}

.modal__close {
  position: absolute;
  right: 23%;
  top: 20%;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #262626;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}


/* Other
 * =============================== */
body {
  font: 1/1.5em sans-serif;
}

.btn {
  cursor: pointer;
  background: #27ae60;
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
}

.btn:hover,
.btn:focus {
  background: #2ecc71;
}

.btn:active {
  background: #27ae60;
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}

.btn--blue {
  background: #2980b9;
}

.btn--blue:hover,
.btn--blue:focus {
  background: #3498db;
}

.btn--blue:active {
  background: #2980b9;
}

p img {
  max-width: 200px;
  height: auto;
  float: left;
  margin: 0 1em 1em 0;
}