/* Página "em breve" do Evolua Suas Finanças. Só layout: cores, fontes e medidas vêm do tokens.css (DS-1-evolua-suas-financas-V2). */

/* Uma tela só: o conteúdo fica no meio e o rodapé no fim */
body { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; border-top: var(--ds-espaco-1) solid var(--ds-cor-acento); }
.em-breve { flex: 1; display: grid; align-items: center; }

/* Logo como imagem original: só a largura muda, nunca a proporção. Mínimo do DS: --ds-logo-largura. */
.em-breve__logo { margin-bottom: var(--ds-espaco-6); }
.em-breve__logo img { width: clamp(var(--ds-logo-largura), 72vw, 440px); margin-inline: auto; }

.em-breve .ds-hero__sub { max-width: 40ch; margin-bottom: var(--ds-espaco-8); }

.em-breve__aviso {
  margin: 0;
  font-size: var(--ds-tamanho-h3);
  color: var(--ds-cor-titulo);
}
@media (min-width: 768px) { .em-breve__aviso { font-size: var(--ds-tamanho-h2); } }

/* Rodapé enxuto: só a linha final */
.em-breve__rodape { padding-block: var(--ds-espaco-6); }
.em-breve__rodape .ds-rodape__final { margin-top: 0; padding-top: 0; border-top: 0; justify-content: center; text-align: center; }