@charset "utf-8";

#main { min-height: 500px;}

#home .hero { background-color: #2b2f6a;}
#home .hero .posiciona {padding: 101px 0; min-height: 500px;}
#home .hero .descricao { width: 50%; margin: 31px 0 0;}
#home .hero .descricao h1 { font-size: 2.5em; line-height: 1; color: rgb(255 255 255);}
#home .hero .descricao h2 { font-size: 1.2em;}
#home .hero .descricao h3 { font-size: 0.9em;}
#home .hero .chamada { align-items: flex-start; width: 200px;}
#home .hero .chamada a { padding: 15px 20px; font-size: 1.1em; line-height: 1.2; box-shadow: 0 15px 18px -15px rgb(5 5 5);}
#home .hero .chamada span { font-size: 0.8em}
#home .hero .imagem { width: 50%; right: 0; bottom: -70px;}
#home .hero .imagem img { -webkit-box-shadow: 0 10px 20px -15px rgb(0 0 0 / 70%); -moz-box-shadow: 0 10px 20px -15px rgb(0 0 0 / 70%); box-shadow: 0 10px 20px -15px rgb(0 0 0 / 70%); -webkit-border-top-left-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomleft: 30px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}

#home .subhero { padding: 101px 0;}
#home .subhero h2 { font-size: 2em;}
#home .subhero h3 { font-size: 1em;}

#home .organizada { padding: 101px 0; background-image: url('../../images/site/organizada.svg?v31'), url('../../images/site/organizada.png?v31'); background-position: 70%; background-size: cover;}
#home .organizada .descricao { width: 60%;}
#home .organizada .descricao h2 { font-size: 3em; line-height: 1;}
#home .organizada .descricao h3 { font-size: 1.2em;}

#home .print { padding: 51px 0; background: linear-gradient( 135deg, #1c1f3c 0%, #2b2f6a 50%, #1c1f3c 100% );}
#home .print .lado1 { padding: 0 50px 0 0;}
#home .print .lado1 .atencao h4 { font-size: 0.9em;}
#home .print .lado1 .nomesi h2 { font-size: 2em; line-height: 1;}
#home .print .lado1 .nomesi h3 { font-size: 1em;}
#home .print .lado1 .chamada a { padding: 20px 20px; box-shadow: 0 15px 18px -15px rgb(5 5 5);}

#home .notas { padding: 71px 0; background: linear-gradient(135deg, #e4e6ec 0%, #fcf8f8 50%, #c6c6c0 100% );}
#home .notas .lado1 { padding: 0 50px 0 0;}
#home .notas .lado1 .atencao { padding: 15px 20px;}
#home .notas .lado1 .nomesi h2 { font-size: 2.5em; line-height: 1;}
#home .notas .lado1 .nomesi h3 { font-size: 1em;}
#home .notas .lado1 .descricao h4 { font-size: 1em;}
#home .notas .lado1 .descricao h4 em { font-size: 7px;}
#home .notas .lado2 .imagem img { box-shadow: 0 15px 18px -15px rgb(5 5 5 / 50%);}

#home .beneficios { padding: 51px 0; background: linear-gradient( 135deg, #1c1f3c 0%, #2b2f6a 50%, #1c1f3c 100% );}
#home .beneficios .lado1 { padding: 0 50px 0 0;}
#home .beneficios .lado1 .nomesi h2 { font-size: 2em;}
#home .beneficios .lado1 .listar .tab { background-color: rgb(5 5 5 / 30%);}
#home .beneficios .lado1 .listar .tab b { background-image: url('../../images/site/beneficios-ok.png?v1');}
#home .beneficios .lado1 .listar .tab h4 { flex: 1; font-size: 0.9em;}
#home .beneficios .lado2 { padding: 0 50px; margin: 61px 0 0;}
#home .beneficios .lado2 .nomesi h2 { font-size: 2.5em; line-height: 1;}
#home .beneficios .lado2 .nomesi h3 { font-size: 1em;}
#home .beneficios .lado2 .chamada { align-items: flex-start; width: 200px;}
#home .beneficios .lado2 .chamada a { padding: 15px 20px; font-size: 1.1em; line-height: 1.2;}

#home .modulos { padding: 51px 0; background: linear-gradient(135deg, #e4e6ec 0%, #fcf8f8 50%, #c6c6c0 100% );}
#home .modulos .auto { max-width: 80%;}
#home .modulos .nomesi h2 { font-size: 1.5em;}
#home .modulos .item { padding: 5px 5px 20px;}
#home .modulos .tab { padding: 20px; outline: 1px solid rgb(90 90 90 / 5%); box-shadow: 0 15px 18px -15px rgb(5 5 5);}
#home .modulos .tab .descricao h2 { font-size: 0.8em;}
#home .modulos .tab .descricao h3 { font-size: 1.1em;}
#home .modulos .tab .descricao h4 { font-size: 0.9em;}
#home .modulos .carousel .owl-nav { display: block; width: 100%; top: 50%; left: 0; margin: -15px 0 0 0;}
#home .modulos .carousel .owl-nav button { position: absolute; width: 30px; height: 30px; top: 0; background-color: rgb(28 31 60); background-repeat: no-repeat; cursor: pointer; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#home .modulos .carousel .owl-nav button.owl-prev { left: 10px; background-image: url('../../images/site/seta-3.png?v1'); background-position: 50%; cursor: pointer;}
#home .modulos .carousel .owl-nav button.owl-next { right: 10px; background-image: url('../../images/site/seta-4.png?v1'); background-position: 50%; cursor: pointer;}

#home .financeiro { padding: 51px 0; background: linear-gradient( 135deg, #1c1f3c 0%, #2b2f6a 50%, #1c1f3c 100% );}
#home .financeiro .lado1 { padding: 0 50px 0 0;}
#home .financeiro .lado1 .atencao span { padding: 15px 20px;}
#home .financeiro .lado1 .nomesi h2 { font-size: 2.5em; line-height: 1;}
#home .financeiro .lado1 .nomesi h3 { font-size: 1em;}
#home .financeiro .lado1 .descricao h4 { font-size: 1em;}
#home .financeiro .lado1 .descricao h4 em { font-size: 7px;}
#home .financeiro .lado2 .imagem img { background-color: rgb(255 255 255); box-shadow: 0 15px 18px -15px rgb(5 5 5 / 50%);}

#home .oque { padding: 91px 0; background: linear-gradient(135deg, #ffffff 0%, #eeecec 50%, #ffffff 100%);}
#home .oque .lado1 .imagem img { box-shadow: 0 15px 18px -15px rgb(5 5 5 / 50%);}
#home .oque .lado2 { padding: 0 50px;}
#home .oque .lado2 .nomesi h2 { font-size: 2.5em; line-height: 1;}
#home .oque .lado2 .nomesi h3 { font-size: 1em;}
#home .oque .lado2 .descricao h4 { font-size: 1em;}
#home .oque .lado2 .chamada { align-items: flex-start; width: 200px;}
#home .oque .lado2 .chamada a { padding: 15px 20px; font-size: 1.1em; line-height: 1.2; box-shadow: 0 15px 18px -15px rgb(5 5 5);}

#home .como-funciona { padding: 71px 0; background-image: url('../../images/site/como-funciona.svg?v30'), url('../../images/site/como-funciona.png?v30'); background-position: 40%; background-size: cover;}
#home .como-funciona .lado2 { float: right; width: 50%;}
#home .como-funciona .lado2 .nomesi h2 { font-size: 2.5em; line-height: 1;}
#home .como-funciona .lado2 .listar .tab b { border: 3px solid; font-size: 1.5em;}
#home .como-funciona .lado2 .listar .tab h4 { flex: 1; font-size: 1em;}
#home .como-funciona .lado2 .chamada { align-items: flex-start; width: 200px;}
#home .como-funciona .lado2 .chamada a { padding: 15px 20px; font-size: 1.1em; line-height: 1.2; box-shadow: 0 15px 18px -15px rgb(5 5 5);}

#home .planos { padding: 71px 0;}
#home .planos .nomesi h2 { font-size: 1.5em;}
#home .planos .nomesi h3 { font-size: 1em;}
#home .planos .conteudo { gap: 20px; margin: 41px 0 0;}
#home .planos .conteudo .mensal { background-color: #f2f2e9;}
#home .planos .conteudo .anual { background-color: #f1f1fc;}
#home .planos .conteudo .tab { width: 50%; padding: 40px 20px; outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px; box-shadow: 0 15px 18px -15px rgb(5 5 5 / 30%);}
#home .planos .conteudo .tab h3 { font-size: 1.2em;}
#home .planos .conteudo .tab h4 { font-size: 2em; outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px;}
#home .planos .conteudo .tab h4 i { margin: 0 0 0 5px; font-style: normal; font-size: 18px;}
#home .planos .conteudo .tab h5 { font-size: 1em;}
#home .planos .conteudo .tab h6 { font-size: 0.9em;}
#home .planos .conteudo .tab a { padding: 10px 20px;}
#home .planos .conteudo .popular { width: 170px; top: -14px; left: 50%; padding: 14px 0; margin: 0 0 0 -85px; font-size: 0.85em; line-height: 0;}

#home .faq { padding: 51px 0; background: linear-gradient(135deg, #e4e6ec 0%, #fcf8f8 50%, #c6c6c0 100%);}
#home .faq .lado1 { padding: 0 50px;}
#home .faq .lado1 .nomesi h2 { font-size: 2.5em; line-height: 1.1;}
#home .faq .lado1 .nomesi h3 { font-size: 0.9em;}
#home .faq .lado1 .descricao h4 { font-size: 1em;}
#home .faq .lado1 .imagem img { box-shadow: 0 15px 18px -15px rgb(5 5 5 / 50%);}
#home .faq .lado2 { padding: 0 50px;}
#home .faq .lado2 .nomesi h2 { font-size: 3em;}
#home .faq .lado2 .listar .tab { padding: 15px;}
#home .faq .lado2 .listar .tab h3 { font-size: 1em;}
#home .faq .lado2 .listar .tab h4 { font-size: 0.9em;}
#home .faq .lado2 .listar .tab span { font-size: 0.8em;}

#home .cta { padding: 71px 0; background-image: url('../../images/site/cta.svg?v30'), url('../../images/site/cta.png?v30'); background-position: 40%; background-size: cover;}
#home .cta .lado2 { float: right; width: 50%;}
#home .cta .lado2 .nomesi h2 { font-size: 2em; line-height: 1.1;}
#home .cta .lado2 .nomesi h3 { font-size: 1em;}
#home .cta .lado2 .nomesi h4 { font-size: 0.9em;}
#home .cta .lado2 .chamada { align-items: flex-start; width: 200px;}
#home .cta .lado2 .chamada a { padding: 15px 20px; font-size: 1.1em; line-height: 1.2; box-shadow: 0 15px 18px -15px rgb(5 5 5);}

#home .contato { padding: 51px 0; background: linear-gradient(135deg, #e4e6ec 0%, #fcf8f8 50%, #c6c6c0 100%);}
#home .contato .nomesi h2 { font-size: 2.5em;}
#home .contato .nomesi h3 { font-size: 1em;}
#home .contato .sociais a { font-size: 30px;}
#home .contato .sociais a:hover { z-index: 1; transform: scale(1.1);}
#home .contato .whatsapp .caixa { padding: 10px 15px;}
#home .contato .whatsapp .caixa em { font-size: 30px;}
#home .contato .whatsapp .caixa b { font-size: 1.5em;}

@media only screen and (max-width: 1200px){
  #home .hero .descricao { margin: 21px 0 0;}
}
@media only screen and (max-width: 1000px){
  #home .hero .descricao { width: 60%;}
  #home .hero .descricao h1 br { display: none;}
  #home .hero .descricao h2 { width: 70%;}

  #home .organizada .fundo { background-color: rgb(255 255 255 / 50%);}
  #home .organizada .descricao { width: 60%;}

  #home .beneficios .lado2 { padding: 0;}
  #home .beneficios .lado2 .nomesi h2 { font-size: 2em;}

  #home .como-funciona .lado2 { width: 60%;}

  #home .faq .lado1 { padding: 0;}
  #home .faq .lado2 { padding: 0 0 0 20px;}

  #home .cta .lado2 { width: 60%;}
}
@media only screen and (max-width: 800px){
  #home .hero .posiciona { padding: 91px 0 41px;}
  #home .subhero { padding: 101px 0 41px;}
  #home .organizada { padding: 51px 0;}
  #home .print { padding: 41px 0;}
  #home .notas { padding: 41px 0;}
  #home .beneficios { padding: 41px 0;}
  #home .modulos { padding: 41px 0 21px;}
  #home .financeiro { padding: 41px 0;}
  #home .oque { padding: 41px 0;}
  #home .como-funciona { padding: 41px 0;}
  #home .planos { padding: 41px 0;}
  #home .faq { padding: 41px 0;}
  #home .cta { padding: 41px 0;}
}
@media only screen and (max-width: 700px){
  #home .hero .descricao { width: 100%; margin: 0;}
  #home .hero .descricao h1 { font-size: 2em;}
  #home .hero .descricao h2 { width: 100%; font-size: 1em;}
  #home .hero .descricao h3 { font-size: 0.8em;}
  #home .hero .chamada a { font-size: 1em;}
  #home .hero .imagem { position: relative; float: right; width: 60%; bottom: -60px; margin: -100px 0 0;}

  #home .organizada .descricao { width: 80%; margin: 0;}
  #home .organizada .descricao h2 { font-size: 2em;}
  #home .organizada .descricao h3 { font-size: 1em;}

  #home .print .lado1 { padding: 0;}
  #home .print .lado2 { margin: 31px 0 0;}

  #home .notas .lado1 { padding: 0;}
  #home .notas .lado1 .nomesi h2 { font-size: 2em;}
  #home .notas .lado2 { margin: 31px 0 0;}
  #home .notas .lado1 .descricao h4 { display: flex; flex-direction: column; align-items: flex-start;}
  #home .notas .lado1 .descricao h4 em { display: none;}

  #home .beneficios .lado1 { padding: 0;}
  #home .beneficios .lado1 .nomesi h2 { font-size: 1.2em;}
  #home .beneficios .lado2 { margin: 31px 0 0;}
  #home .beneficios .lado2 .chamada a { font-size: 1em;}

  #home .modulos .auto { max-width: 90%;}
  #home .modulos .nomesi h2 { font-size: 1em;}
  #home .modulos .tab .descricao h2 { font-size: 0.7em;}
  #home .modulos .carousel .owl-nav button.owl-prev { left: 5px;}
  #home .modulos .carousel .owl-nav button.owl-next { right: 5px;}

  #home .financeiro .lado1 { padding: 0;}
  #home .financeiro .lado1 .nomesi h2 { font-size: 2em;}
  #home .financeiro .lado2 { margin: 31px 0 0;}
  #home .financeiro .lado1 .descricao h4 { display: flex; flex-direction: column; align-items: flex-start;}
  #home .financeiro .lado1 .descricao h4 em { display: none;}

  #home .oque .auto { display: flex; flex-direction: column-reverse;}
  #home .oque .lado1 { margin: 21px 0 0;}
  #home .oque .lado2 { padding: 0;}
  #home .oque .lado2 .nomesi h2 { font-size: 2em;}
  #home .oque .lado2 .chamada a { font-size: 1em;}

  #home .como-funciona { background: linear-gradient( 135deg, #1c1f3c 0%, #2b2f6a 50%, #1c1f3c 100% );}
  #home .como-funciona .lado2 { width: 100%;}
  #home .como-funciona .lado2 .nomesi h2 { font-size: 2em;}
  #home .como-funciona .lado2 .listar .tab b { font-size: 1.2em;}
  #home .como-funciona .lado2 .chamada a { font-size: 1em;}

  #home .planos .conteudo { gap: 50px; flex-direction: column; margin: 21px 0 0;}
  #home .planos .conteudo .tab { width: 100%;}

  #home .faq .lado1 .nomesi h2 { font-size: 2em;}
  #home .faq .lado2 { padding: 0; margin: 21px 0 0;}
  #home .faq .lado2 .nomesi h2 { text-align: center;}

  #home .cta { background: linear-gradient( 135deg, #1c1f3c 0%, #2b2f6a 50%, #1c1f3c 100% );}
  #home .cta .lado2 { width: 100%;}
  #home .cta .lado2 .nomesi h2 { font-size: 2em;}
  #home .cta .lado2 .listar .tab b { font-size: 1.2em;}

  #home .contato .nomesi h2 { font-size: 2em;}
}
@media only screen and (max-width: 500px){
  #home .hero .imagem { width: 90%; margin: -80px 0 0;}
  #home .organizada .descricao { width: 100%;}
}