/* Rodapé (js/rodape.js): linha fina e clara, na cor do fundo, para não chamar mais atenção que o app */
.rodape{flex-shrink:0;background:transparent;color:var(--tinta-3);border-top:1px solid var(--linha);font-size:12px}
.rodape-in{max-width:1400px;margin:0 auto;padding:12px var(--margem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.rodape a{display:inline-flex;align-items:center;color:var(--tinta-2);text-decoration:none}
.rodape a:hover{color:var(--marca-texto)}
.rodape-links{display:flex;align-items:center;gap:16px}

/* O rodapé fica no fim da tela mesmo quando a aba tem pouco conteúdo */
body{display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto;width:100%}

/* Na entrada, o cartão fica no meio e o rodapé no fim, de ponta a ponta */
.entrada{flex-direction:column;padding:32px 0 0}
.entrada .en-cartao{width:calc(100% - 32px);margin:auto 16px}
.entrada .rodape{width:100%;margin-top:32px}

/* Na entrada eles já estão no cartão, onde se vê melhor que dá para clicar */
.entrada .rodape-doc{display:none}

@media (max-width:620px){
  /* No celular o nome da NaVerot sai para o rodapé caber numa linha só */
  .rodape{font-size:11px}
  .rodape-in{padding:6px 16px;flex-wrap:nowrap;justify-content:center;gap:12px}
  .rodape-marca{display:none}
  .rodape-links{gap:12px}
  .rodape svg{width:14px;height:14px}
}