/* O site (projeto 3): o início e a exclusão de conta. Vem depois do /loja/loja.css, que traz as
   cores, as fontes, os cartões e os botões do jogo; aqui ficam só as peças a mais. */

.marca { text-decoration: none; display: inline-block; }
.marca.grande { font-size: 40px; line-height: 1.1; }
.topo.inicio { padding: 40px 0 8px; }
.topo.inicio .subtitulo { font-size: 19px; margin-top: 12px; }

a.botao { display: block; text-align: center; text-decoration: none; }
.acoes .botao:first-child { margin-top: 0; }
.botao.perigo { background: var(--perigo); color: #FFFFFF; box-shadow: 0 5px 0 #A3243B; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.documento .titulo { font-size: 24px; line-height: 1.25; }
.caixa { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.caixa input { width: 22px; height: 22px; margin: 0; flex: none; accent-color: var(--perigo); }
.separador { border: 0; border-top: 2px solid var(--painel-claro); margin: 20px 0 4px; }