@charset "utf-8";

#main { min-height: 300px;}
#main .espacamento { height: 100px;}

#home .sobre { background-color: rgb(85 84 78);}
#home .galeria { padding: 51px 0;}
#home .empresas { padding: 51px 0; background-color: rgb(249 249 249);}
#home .depoimentos { padding: 51px 0;}
#home .proposito { background-color: rgb(101 94 84);}
#home .contato { padding: 111px 0; background-color: rgb(249 249 249);}

#home .sobre .conteudo { align-items: center; justify-content: space-between}
#home .sobre .imagem { width: 45%; font-size: 0;}
#home .sobre .detalhes { width: 57%;}
#home .sobre .detalhes h1 { font-size: 5em;}
#home .sobre .detalhes h2 { font-size: 2em;}
#home .sobre .detalhes h3 { font-size: 1.3em;}
#home .sobre .detalhes a { padding: 20px; outline: 3px solid rgb(5 5 5 / 30%); font-size: 1.4em;}
#home .sobre .detalhes a:hover { background-color: rgb(5 5 5 / 30%);}

#home .galeria .nomesi h2 { font-size: 3em;}
#home .galeria .nomesi span { justify-content: center;}
#home .galeria .tab { max-width: 250px;}

#home .empresas .nomesi h2 { font-size: 3em;}
#home .empresas .nomesi h3 { font-size: 1.2em;}
#home .empresas .nomesi span { justify-content: center;}
#home .empresas .conteudo { flex-wrap: wrap; justify-content: center;}
#home .empresas .conteudo .tab { width: 240px; padding: 10px 20px 50px; margin: 5px;}
#home .empresas .conteudo .tab span { width: 100%; height: 40px; left: 0; bottom: 5px; background: url('../../imagens/site/home-empresas-seta.png?v3') 50% no-repeat;}
#home .empresas .conteudo .tab:hover { z-index: 1; transform: scale(1.1);}

#home .depoimentos .auto { width: 90% !important;}
#home .depoimentos .nomesi h2 { font-size: 3em;}
#home .depoimentos .nomesi h3 { font-size: 1.2em;}
#home .depoimentos .nomesi span { justify-content: center;}
#home .depoimentos .tab { padding: 20px;}
#home .depoimentos .descricao h3 { font-size: 0.9em;}
#home .depoimentos .descricao h4 { font-size: 1.1em;}
#home .depoimentos .descricao h5 { font-size: 1em;}
#home .depoimentos .carousel .owl-nav { display: block; width: 100%; top: 50%; left: 0; margin: -15px 0 0 0;}
#home .depoimentos .carousel .owl-nav button { position: absolute; width: 30px; height: 30px; top: 0; background-color: rgb(85 84 78); background-repeat: no-repeat; cursor: pointer; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#home .depoimentos .carousel .owl-nav button.owl-prev { left: 10px; background-image: url('../../imagens/site/seta-3.png?v2'); background-position: 50%; cursor: pointer;}
#home .depoimentos .carousel .owl-nav button.owl-next { right: 10px; background-image: url('../../imagens/site/seta-4.png?v2'); background-position: 50%; cursor: pointer;}

#home .proposito .conteudo { align-items: center;}
#home .proposito .imagem { width: 230px; font-size: 0;}
#home .proposito .detalhes { width: 67%;}
#home .proposito .nomesi h2 { font-size: 2em;}
#home .proposito .nomesi h3 { font-size: 1.2em;}
#home .proposito .caric .tab { padding: 15px 15px 15px 70px; outline: 2px solid rgb(5 5 5 / 30%); outline-offset: -2px;}
#home .proposito .caric .tab h4 { font-size: 1.3em;}
#home .proposito .caric .tab h5 { font-size: 1.1em;}
#home .proposito .caric .tab.expansao { background-image: url('../../imagens/site/home-proposito-expansao.png?v1'); background-position: 20px 50%; background-repeat: no-repeat;}
#home .proposito .caric .tab.equipe { background-image: url('../../imagens/site/home-proposito-equipe.png?v1'); background-position: 20px 50%; background-repeat: no-repeat;}
#home .proposito .caric .tab.inovacao { background-image: url('../../imagens/site/home-proposito-inovacao.png?v1'); background-position: 20px 50%; background-repeat: no-repeat;}

#home .contato .nomesi h2 { font-size: 2.5em; line-height: 0.9;}
#home .contato .nomesi h3 { font-size: 1.2em;}
#home .contato .conteudo { justify-content: center;}
#home .contato .conteudo .tab { padding: 20px 20px 20px 60px; background-image: url('../../imagens/site/sociais-whatsapp.png'); background-position: 20px 50%; background-repeat: no-repeat;}
#home .contato .conteudo .tab h4 { font-size: 1.2em;}
#home .contato .conteudo .tab h5 { font-size: 1.8em;}

@media only screen and (max-width: 800px){
  #home .sobre { padding: 0;}
  #home .galeria { padding: 31px 0;}
  #home .empresas { padding: 31px 0;}
  #home .depoimentos { padding: 31px 0;}
  #home .proposito { padding: 0;}
  #home .contato { padding: 31px 0;}
}
@media only screen and (max-width: 700px){
  #home .sobre .detalhes h1 { font-size: 3em;}
  #home .sobre .detalhes h2 { font-size: 1.3em;}
  #home .sobre .detalhes h3 { font-size: 1.1em;}
  #home .empresas .nomesi h2 { font-size: 2em;}
  #home .depoimentos .nomesi h2 { font-size: 2em;}
  #home .proposito .nomesi h2 { font-size: 1.7em;}
  #home .proposito .nomesi h3 { font-size: 1.1em;}
  #home .contato .nomesi h2 { font-size: 2em;}
  #home .contato .nomesi h3 { font-size: 1.1em;}

  #home .sobre .conteudo { flex-direction: column;}
  #home .sobre .imagem { width: 70%; margin: 20px 0 0; border: 2px solid rgb(255 255 255 / 10%);}
  #home .sobre .detalhes { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 21px 0 41px; text-align: center;}
  #home .sobre .detalhes a { width: 130px;}

  #home .empresas .conteudo .tab { width: 100%; margin: 5px 0;}
  #home .depoimentos .auto { width: 85% !important;}

  #home .proposito .conteudo { flex-direction: column;}
  #home .proposito .imagem { width: 60%;}
  #home .proposito .detalhes { width: 100%; margin: 21px 0 41px;}
}
@media only screen and (max-width: 500px){
  #main .espacamento { height: 80px;}
}