/* Área logada: formulários, token, uso e painel. Reaproveita as placas, cartões e a moldura do vale. */
.conta-caixa { max-width: 560px; margin-inline: auto; }
.conta-form { display: grid; gap: 8px; margin-top: 10px; }
.conta-form--linha { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.conta-form__par { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.campo { display: grid; gap: 6px; min-width: 0; }
.campo > span { font: 600 var(--fs-mini)/1.3 Cinzel, serif; letter-spacing: .16em; text-transform: uppercase; color: var(--ouro); }
.campo input:not([type='checkbox']), .conta-linha__form :is(input, select) {
    width: 100%; padding: 10px 12px; color: var(--creme); background: rgba(0, 0, 0, .28);
    border: 1px solid var(--ouro-linha); border-radius: 2px; font: inherit; font-size: var(--fs-corpo);
}
.campo input:focus-visible, .conta-linha__form :is(input, select):focus-visible { outline: 2px solid var(--ouro); outline-offset: 1px; }
.campo--marca { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; }
.campo--marca > span { font: inherit; letter-spacing: 0; text-transform: none; color: var(--texto); }
.campo--marca a, .conta-nota a { color: var(--ouro-claro); }
.conta-nota { margin: 16px 0 0; text-align: center; color: var(--texto-suave); font-size: calc(var(--fs-corpo) * .9); }
.conta-aviso { margin: 12px 0 0; padding: 10px 14px; border: 1px solid var(--ok); color: var(--ok); }
.conta-erros { margin: 12px 0 0; padding: 10px 14px 10px 30px; border: 1px solid #c9776b; color: #f0b3a9; }
.conta-token { margin: 14px 0; padding: 12px 14px; border: 1px solid var(--ouro); background: var(--ouro-tenue); }
.conta-token code { display: block; overflow-wrap: anywhere; font-size: var(--fs-corpo); color: var(--creme); user-select: all; }
.conta-dividido { align-items: start; }
.conta-lista { display: grid; gap: 12px; }
.conta-item { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.conta-item > div { min-width: 0; }
.conta-item h3, .conta-item p { margin: 0; }
.conta-item h3 small { color: var(--texto-suave); font-weight: 400; }
.conta-uso__valor { margin: 6px 0 10px; font: 600 var(--fs-h3)/1.2 Cinzel, serif; }
.conta-barra { height: 8px; background: rgba(0, 0, 0, .25); border: 1px solid var(--papel-linha); }
.conta-barra i { display: block; height: 100%; background: var(--ouro-escuro); }
.conta-historico { margin: 18px 0; padding: 0; list-style: none; font-size: 16px; }
.conta-numeros { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.conta-numeros .numero__valor { font-size: calc(var(--fs-h3) * 1.05); white-space: nowrap; }
.conta-contas { display: grid; gap: 10px; }
.conta-linha { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding-block: 10px; }
.conta-linha__quem h3, .conta-linha__quem p { margin: 0; }
.conta-linha__quem p { font-size: calc(var(--fs-corpo) * .85); color: var(--papel-suave); }
.conta-linha__form { display: grid; grid-template-columns: 7.5rem 6rem 6rem auto; gap: 8px; align-items: center; }
.conta-linha__form :is(input, select) { color: var(--papel-tinta); background: rgba(255, 255, 255, .5); border-color: var(--papel-linha); padding: 7px 8px; }
.conta-legal { grid-auto-rows: 1fr; }
.conta-legal .cartao p { margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; min-height: 4lh; }
.rodape__legal a { color: inherit; }
@media (max-width: 900px) {
    .conta-form--linha, .conta-form__par { grid-template-columns: minmax(0, 1fr); }
    /* As duas senhas cabem lado a lado até no celular: o cadastro ganhou o WhatsApp sem ganhar altura. */
    .conta-form__par--fixo { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .conta-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .conta-linha { grid-template-columns: minmax(0, 1fr); }
    .conta-linha { gap: 8px; padding-block: 8px; }
    .conta-linha__form { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 6px; }
    .conta-linha__form :is(input, select) { padding: 6px 4px; font-size: 14px; }
    .conta-numeros .numero { padding: 8px 6px; }
    .conta-numeros .numero__valor { font-size: 17px; }
    .conta-numeros .numero__rotulo { font-size: 10px; letter-spacing: .08em; }
}
/* E-book: a capa à esquerda, o formulário à direita; o campo-isca fica fora da tela e do leitor de tela. */
.ebook { align-items: center; }
.ebook__capa { margin: 0; justify-self: center; }
.ebook__capa img { display: block; width: auto; height: min(56vh, 500px); max-width: 100%; aspect-ratio: 720 / 1018; object-fit: cover; box-shadow: 0 18px 48px rgba(0, 0, 0, .55); border: 1px solid var(--ouro-escuro); }
.ebook__ficha { margin: 4px 0 0; color: var(--texto-suave); font-size: calc(var(--fs-corpo) * .9); }
.ebook__form { gap: 6px; margin-top: 8px; }
.ebook .lead { margin-bottom: 4px; }
.ebook__isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ebook__pronto p { margin: 0 0 10px; }
.ebook__pronto small { color: var(--texto-suave); }
.ebook__nota { text-align: left; }
.conectar-passos { margin: 6px 0 4px; padding-left: 1.3em; color: var(--texto); }
.conectar-passos li { margin: 4px 0; }
.conectar-codigo { font: 600 1.4rem/1.2 Cinzel, serif; letter-spacing: .2em; text-align: center; text-transform: uppercase; }
.conta-jogo__estado { margin: 0 0 6px; }
@media (max-width: 760px) {
    /* No celular: sem a capa e sem o texto de apoio, o formulário cabe na tela. */
    .ebook__capa, .ebook .lead, .ebook__ficha, .ebook__nota { display: none; }
    .ebook .campo--marca > span { font-size: calc(var(--fs-corpo) * .85); }
    .conta-form { gap: 6px; }
}