@charset "utf-8";

#home .criar { align-items: center;}
#home .criar .conteudo { margin: 21px 0 51px;}

#home .criar .logo { margin: 0 0 51px;}
#home .criar .sobre h1 { font-size: 3em; line-height: 1.1;}
#home .criar .sobre h2 { font-size: 1.2em;}

#home .criar .iniciar { gap: 10px;}
#home .criar .iniciar .nome { height: 80px; outline: 0; font-size: 1.2em;}
#home .criar .iniciar .avancar { height: 80px; padding: 0 20px; font-size: 1.2em;}

#home .criar .etapa h2 { font-size: 1.2em;}
#home .criar .etapa h3 { font-size: 1.1em;}

#home .criar .foto .espaco { justify-content: center; align-items: center;}
#home .criar .foto .escolher { padding: 20px 10px 20px 50px; background-image: url('../../imagens/app/foto-up.png?v3'); background-position: 10px 50%; background-repeat: no-repeat;}

#home .criar .publicando .imgvid .nav { width: 24px; height: 24px; top: 50%; margin: -12px 0 0;}
#home .criar .publicando .imgvid .nav.recuar { left: 5px; background-image: url('../../imagens/app/seta-recuar.png');}
#home .criar .publicando .imgvid .nav.avancar { right: 5px;  background-image: url('../../imagens/app/seta-avancar.png');}
#home .criar .publicando .imgvid .remover { top: -10px; right: -10px;}
#home .criar .publicando .campo { font-size: 1.1em;}
#home .criar .publicando .carregar { top: -50px; left: 105px;}
#home .criar .publicando .carregar span { justify-content: center; align-items: center; height: 50px; padding: 0 10px 0 40px; background-image: url('../../imagens/app/perfil-upload-preto.png'); background-position: 10px 50%; background-repeat: no-repeat; font-size: 0.9em;}
#home .criar .publicando .publicar { width: 100px; height: 50px; font-size: 1.2em;}

#home .criar .form { flex-direction: column; align-items: center;}
#home .criar .form .campo { font-size: 1.1em;}
#home .criar .form .avancar { height: 50px; padding: 0 20px; font-size: 1.2em;}

#home .criar .opcoes { align-items: center; margin: 51px 0 0;}
#home .criar .opcoes .logado { align-items: center; gap: 7px;}

@media only screen and (max-width: 500px){
  #home .criar .sobre h1 { font-size: 2em;}
  #home .criar .iniciar { gap: 5px;}
  #home .criar .iniciar .nome { font-size: 1.1em;}
  #home .criar .iniciar .avancar { padding: 0 10px; font-size: 1.1em;}
}