@charset "utf-8";

#home .buscar { padding: 51px 0;}
#home .empresas { padding: 101px 0;}
#home .beneficios { padding: 51px 0;}
#home .ganhadores { padding: 51px 0;}
#home .blog { padding: 31px 0;}
#home .pessoas { padding: 101px 0}
#home .categorias { padding: 21px 0 16px;}

#home .sld { position: relative;}

#home .buscar { border-bottom: 1px solid rgb(90 90 90 / 20%); background-color: rgb(255 255 255);}
#home .buscar .nomesi h1 { font-size: 3em;}
#home .buscar .nomesi h2 { font-size: 1.5em;}
#home .buscar .form { display: flex; margin: 21px 0 11px;}
#home .buscar .form .cidade { height: 70px;}
#home .buscar .form .like { height: 70px; margin: 0 0 0 5px;}
#home .buscar .form .botao { height: 70px; margin: 0 0 0 5px;}

#home .empresas .nomesi h2 { font-size: 2em;}
#home .empresas .item .tab { height: 100px;}

#home .beneficios { background-color: rgb(58 72 65);}
#home .beneficios .nomesi h2 { font-size: 1.5em;}
#home .beneficios .nomesi h3 { font-size: 2em;}
#home .beneficios .tab { padding: 20px 40px 20px 15px; margin: 10px; background-color: rgb(5 5 5 / 10%); outline: 1px solid rgb(5 5 5 / 50%);}
#home .beneficios .tab h2 { font-size: 1.5em;}
#home .beneficios .tab h3 { font-size: 1.1em;}
#home .beneficios .ok { background-image: url('../../imagens/site/main-beneficios-ok.png?v1'); background-position: 50%; background-repeat: no-repeat;}
#home .beneficios .cadastrar { font-size: 1.3em;}

#home .ganhadores .nomesi h2 { font-size: 2em;}
#home .ganhadores .item .numero { font-size: 1.5em;}

#home .blog { background-color: rgb(231 234 226);}
#home .blog .nomesi h2 { font-size: 2em;}
#home .blog .item { width: 25%; padding: 2px;}
#home .blog .item .descricao { font-size: 1.2em;}

#home .pessoas .nomesi h2 { font-size: 1.5em;}
#home .pessoas .nomesi h3 { font-size: 2em;}
#home .pessoas .item .detalhes h2 { font-size: 1.1em;}
#home .pessoas .item .detalhes h3 { font-size: 1em;}

#home .categorias { border-bottom: 1px solid rgb(90 90 90 / 20%);}
#home .categorias .item .detalhes h2 { font-size: 1.1em;}

@media only screen and (max-width: 1000px){
  #home .blog .item { width: 50%;}
}
@media only screen and (max-width: 800px){
  #home .buscar .nomesi h1 { font-size: 2em;}
  #home .buscar .nomesi h2 { font-size: 1.1em;}
  #home .empresas .nomesi h2 { font-size: 1.3em;}
  #home .beneficios .nomesi h2 { font-size: 1.1em;}
  #home .beneficios .nomesi h3 { font-size: 1.3em;}
  #home .beneficios .tab h2 { font-size: 1.1em;}
  #home .ganhadores .nomesi h2 { font-size: 1.3em;}
  #home .blog .nomesi h2 { font-size: 1.3em;}
  #home .pessoas .nomesi h2 { font-size: 1.1em;}
  #home .pessoas .nomesi h3 { font-size: 1.3em;}
}
@media only screen and (max-width: 600px){
  #home .buscar { padding: 41px 0;}
  #home .empresas { padding: 41px 0;}
  #home .beneficios { padding: 41px 0;}
  #home .ganhadores { padding: 41px 0;}
  #home .blog { padding: 41px 0;}
  #home .pessoas { padding: 41px 0}
  #home .categorias { padding: 16px 0 9px;}
}
@media only screen and (max-width: 500px){
  #home .buscar .form { display: block;}
  #home .buscar .form .cidade { height: 50px;}
  #home .buscar .form .like { height: 50px; margin: 5px 0 0;}
  #home .buscar .form .botao { float: right; height: 50px; margin: 5px 0 0;}
  #home .blog .item { width: 100%;}
}