@charset "utf-8";

#blog { padding: 21px 0;}
#preco { padding: 21px 0;}
#contato { padding: 21px 0;}
#termos { padding: 21px 0;}
#auth { padding: 50px 0;}

#blog .tab { display: flex; padding: 15px;}
#blog .tab .imagem { flex: 0.7;}
#blog .tab .descricao { flex: 1; padding: 0 0 0 15px;}
#blog .tab .descricao h2 { font-size: 1.5em;}
#blog .tab .descricao h3 { font-size: 1em;}
#blog .tab:hover { transform: scale(1.02);}
#blog .chamada a { display: inline-flex; outline: 1px solid; font-size: 1.1em;}
#blog .chamada a:hover { transform: scale(1.1);}

#preco .tab .nome h2 { font-size: 2em;}
#preco .tab .nome h3 { font-size: 1.1em;}
#preco .tab .preco h2 { font-size: 1.5em;}
#preco .tab .preco h2 span { font-size: 0.8em;}
#preco .tab .preco h3 { font-size: 1.1em;}
#preco .tab .detalhes h2 { padding: 5px 0 5px 25px; font-size: 1.1em; border-bottom: 1px solid rgb(90 90 90 / 40%); background: url('../../imagens/app/disponivel.png') 0 50% no-repeat;}
#preco .tab .botao .opcao { padding: 30px 20px; font-size: 1.1em;}

/* tema */
main.clear #auth .mostrar { background: url('../../imagens/app/auth-senha-mostrar-preto.png') 50% no-repeat;}
main.clear #auth .ocultar { background: url('../../imagens/app/auth-senha-ocultar-preto.png') 50% no-repeat;}
main.dark #auth .mostrar { background: url('../../imagens/app/auth-senha-mostrar-branco.png') 50% no-repeat;}
main.dark #auth .ocultar { background: url('../../imagens/app/auth-senha-ocultar-branco.png') 50% no-repeat;}

@media only screen and (max-width: 800px){
  #contato { padding: 11px 0;}
  #blog { padding: 11px 0;}
  #termos { padding: 0;}
}
@media only screen and (max-width: 800px){
  #blog .tab .descricao h2 { font-size: 1.2em;}
  #blog .tab .descricao h3 { display: none;}
}
@media only screen and (max-width: 400px){
  #blog .tab { display: flex; padding: 10px;}
  #blog .tab .descricao { padding: 0 0 0 10px;}
  #blog .tab .descricao h2 { font-size: 1em;}
  #blog .tab .descricao h2 b { font-weight: normal;}
}