/* Aviso "ative a sua conta" (js/conta-email.js) e página verificar-email.html.
   Segue o papel e as cores das mensagens de auth-shinobi.css (.lp-login-msg),
   mas fica no ecrã — as mensagens normais somem em 4 segundos. */
.ce-aviso {
  margin-top: 14px; padding: 14px 14px 12px;
  border: 1px solid #b78a55; border-left: 4px solid #c49b49; border-radius: 4px;
  background: #fff5df; color: #252b32;
  font: 13px/1.55 Nunito, sans-serif;
}
.ce-titulo { display: block; font: 15px Georgia, serif; color: #102b40; margin-bottom: 6px; }
.ce-texto, .ce-dica, .ce-estado { margin: 0 0 8px; }
.ce-texto b { color: #102b40; word-break: break-all; }
.ce-dica { font-size: 12px; color: #6b5c42; }
.ce-estado { font-size: 12px; color: #235d3c; min-height: 1em; margin: 8px 0 0; }
.ce-estado:empty { display: none; }
.ce-botao {
  border: 2px solid #c49b49; border-radius: 5px; padding: 7px 14px;
  background: linear-gradient(#193d56, #092334); color: #ffe5a8;
  font: 13px Georgia, serif; text-transform: uppercase; letter-spacing: .5px;
}
.ce-botao:hover:not(:disabled) { filter: brightness(1.15); }
.ce-botao:disabled { opacity: .6; cursor: default; }

/* ── Página verificar-email.html ── */
/* Padding no main, e não margem no pergaminho: a margem de cima colapsava
   através do main e deixava uma faixa escura por baixo do cabeçalho. O main
   estica até ao rodapé para a página não ficar a flutuar num ecrã alto. */
.ce-pagina { min-height: 100vh; display: flex; flex-direction: column; }
.ce-pagina main { flex: 1; padding: 60px 16px; background: #d0b080 url('../img/landpage/scene-login-2026.png') center top/cover no-repeat; }
.ce-pagina .auth-scroll { max-width: 520px; margin: 0 auto; }
.ce-pagina .ce-resultado { font: 15px/1.6 Nunito, sans-serif; text-align: center; margin: 0 0 22px; }
.ce-pagina .ce-resultado.erro { color: #922d25; }
.ce-pagina .ce-resultado.ok { color: #235d3c; }
.ce-pagina .auth-button[hidden] { display: none; }
@media (max-width: 640px) {
  .ce-pagina main { padding: 24px 12px; }
  .ce-pagina .auth-scroll { padding: 48px 22px 40px; }
}
/* 11/10 — atalho "Entrar no jogo" no cadastro (a conta por ativar já entra). */
.ce-entrar { display:inline-block; margin-left:8px; text-decoration:none; }
