/* Assessor, painel. Contas: entrar por e-mail, primeiro acesso, Perfil e Usuários. Usa só os tokens do sistema visual. */

/* ---------- entrar e primeiro acesso ---------- */
.entrar [data-passo][hidden] { display: none; }
.aviso-entrar { margin: 0 0 var(--e3); padding: 12px 16px; border-radius: var(--raio-campo); background: var(--lima-suave); color: var(--texto); font-size: .9375rem; border: 1px solid var(--linha-forte); }
.isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.entrar__trocas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-top: var(--e3); }
.entrar__trocas:empty { display: none; }
.link { min-height: var(--toque); padding: 0 4px; background: none; border: 0; color: var(--texto-suave); font: inherit; font-size: .9375rem; text-decoration: underline; text-decoration-color: var(--linha-forte); text-underline-offset: 4px; cursor: pointer; }
.link:hover:not(:disabled) { color: var(--texto); text-decoration-color: var(--destaque); }
.link:disabled { color: var(--texto-mudo); cursor: default; text-decoration: none; }
.link[hidden] { display: none; }
.entrar__sub strong { color: var(--texto); font-weight: var(--peso-medio); overflow-wrap: anywhere; }
[tabindex="-1"]:focus-visible { box-shadow: none; }
.entrar__titulo { outline: none; }

.cod6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: var(--e3) 0; }
.cod6 input { width: 100%; min-width: 0; height: 64px; padding: 0; text-align: center; font: inherit; font-size: 1.75rem; font-weight: var(--peso-medio); font-variant-numeric: tabular-nums; color: var(--texto); background: var(--cartao-2); border: 1px solid var(--linha-forte); border-radius: var(--raio-campo); caret-color: var(--destaque); }
.cod6 input:focus-visible { outline: 0; border-color: var(--destaque); box-shadow: var(--foco); }
.cod6 input[aria-invalid="true"] { border-color: var(--perigo); }

.onb { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: var(--e4) var(--e3); }
body:not([data-estado="onboarding"]) .onb { display: none; }
.onb[hidden] { display: none; }
.campo__acao { display: flex; gap: 8px; }
.campo__acao input { flex: 1 1 auto; min-width: 0; }
.campo__acao .btn { flex: none; }
.campo input[type="time"] { color-scheme: var(--esquema); }
.onb__ok { color: var(--texto-suave); font-size: .875rem; margin-bottom: var(--e3); }
.onb__ok:empty { display: none; }
.onb .btn--cheio + .btn--cheio { margin-top: 12px; }
#onb-cel-ok { margin-bottom: var(--e3); }
#onb-cel-ok[hidden] { display: none; }

/* ---------- topo: avatar com foto, sair, contador de aprovações ---------- */
.btn-circ--avatar { overflow: hidden; text-decoration: none; }
.avatar__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nav :is(a, button)[hidden] { display: none; }
.nav__n { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 4px; border-radius: var(--raio-pilula); background: var(--lima); color: var(--texto-sobre-lima); font-size: .75rem; font-weight: var(--peso-medio); }
.nav__n[hidden] { display: none; }
.nav :is(a, button)[aria-current="page"] .nav__n { background: var(--texto-sobre-lima); color: var(--lima); }

/* ---------- avatar redondo (perfil e lista) ---------- */
.avatar { display: inline-grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: var(--lima); color: var(--texto-sobre-lima); font-weight: var(--peso-medio); font-size: .875rem; }
.avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.avatar--grande { width: 80px; height: 80px; font-size: 1.5rem; }

/* ---------- Perfil ---------- */
.perfil { align-items: start; }
.perfil__col { display: grid; gap: var(--gap-grade); align-content: start; }
.perfil__sec .cartao__titulo { margin-bottom: var(--e3); }
.perfil__foto { display: flex; align-items: center; gap: var(--e3); margin-bottom: var(--e3); }
.perfil__foto-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.btn--m { min-height: 44px; padding: 0 20px; font-size: .9375rem; }
.salvar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.salvar--solto { margin: var(--e3) 0; }
.salvo { margin: 0; color: var(--verde); font-size: .9375rem; font-weight: var(--peso-medio); }
.salvo:empty { display: none; }
.salvo::before { content: "\2713\00a0"; }
.form-sec { margin-top: var(--e4); padding-top: var(--e4); border-top: 1px solid var(--linha); }
.bloco { margin-top: var(--e4); padding-top: var(--e4); border-top: 1px solid var(--linha); }
.bloco__rotulo { font-size: var(--t-rotulo); color: var(--texto-mudo); margin-bottom: 4px; }
.bloco__valor { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: var(--e3); word-break: break-all; }
.marcar { display: flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; }
.marcar input { width: 22px; height: 22px; accent-color: var(--destaque); flex: none; }
.aparelhos { margin-bottom: 0; }
.dados2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e5); }
.dados2 .ajuda { margin-bottom: var(--e3); }
.selo--neutro { background: var(--cartao-2); color: var(--texto-suave); }

/* ---------- Usuários ---------- */
.usuarios .usuario { display: grid; grid-template-columns: 44px minmax(0, 1.4fr) minmax(0, 1fr) 120px auto; align-items: center; gap: var(--e3); padding: 14px 0; }
.usuario__quem .item__tit, .usuario__quem .item__sub { overflow-wrap: anywhere; }
.usuarios .usuario__cel p { margin: 0; text-align: left; }
.usuario__sit, .usuario__cel { justify-self: start; }
.usuario__cel p:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.usuario__cel .rotulo { display: none; }
.usuario__acoes { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-width: 190px; }
.mudo { color: var(--texto-mudo); }
#usuarios-erro { margin-bottom: var(--e3); }

@media (max-width: 1023px) { .dados2 { grid-template-columns: 1fr; } .perfil > .col-6 { grid-column: span 12; } }
@media (max-width: 900px) {
  .usuarios .usuario { grid-template-columns: 44px minmax(0, 1fr) auto; row-gap: 8px; }
  .usuario__cel, .usuario__acoes { grid-column: 2 / -1; justify-content: flex-start; min-width: 0; }
  .usuario__sit { grid-column: 3; grid-row: 1; }
  .usuario__cel { margin-top: -4px; }
}
@media (max-width: 480px) {
  .nav :is(a, button) { min-width: 44px; }
  .cod6 { gap: 6px; }
  .cod6 input { height: 56px; font-size: 1.5rem; }
  .campo__acao { flex-wrap: wrap; }
  .campo__acao .btn { width: 100%; }
  .perfil__foto-acoes .btn { flex: 1 1 100%; }
}

.senha-nota { margin: 0 0 var(--e3); padding: 12px 16px; border-radius: var(--raio-campo); background: var(--cartao-2); color: var(--texto-suave); font-size: .9375rem; }
.senha-nota[hidden] { display: none; }

@media (max-width: 480px) {
  .usuarios .usuario { grid-template-columns: 44px minmax(0, 1fr); }
  .usuario__sit { grid-column: 2; grid-row: 2; }
  .usuario__cel { grid-column: 2; }
  .usuario__acoes .btn { flex: 1 1 auto; }
}
.perfil__sec .ajuda + .btn, .perfil__sec .ajuda + .salvar { margin-top: var(--e3); }

/* ---------- Menu lateral (gaveta) e barra de acesso rápido ---------- */
.nav button { font: inherit; cursor: pointer; }
.nav .so-movel, .nav__txt .so-movel { display: none; }
.btn-circ--avatar { cursor: pointer; font-family: inherit; }
[data-abre-gaveta][data-pendente] { position: relative; }
/* conta aguardando aprovação: ponto no avatar (topo) e no Menu da barra de baixo */
:is(#btn-perfil, #nav-menu-movel)[data-pendente]::after { content: ""; position: absolute; top: 9px; right: 10px; width: 8px; height: 8px; border-radius: 50%; background: var(--lima); border: 2px solid var(--cartao); box-sizing: content-box; margin: -2px; }

.gaveta-fundo { position: fixed; inset: 0; z-index: 60; background: var(--veu); opacity: 0; transition: opacity var(--t-curto) var(--suave); }
.gaveta-fundo--aberto { opacity: 1; }
.gaveta { position: fixed; z-index: 61; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(380px, 100vw); background: var(--cartao); border-left: 1px solid var(--linha-forte);
  border-radius: var(--raio-cartao) 0 0 var(--raio-cartao); padding: var(--e4) var(--e3) calc(var(--e3) + env(safe-area-inset-bottom)); transform: translateX(100%); transition: transform var(--t-curto) var(--suave); overflow-y: auto; overscroll-behavior: contain; }
.gaveta--aberta { transform: none; }
.gaveta[hidden], .gaveta-fundo[hidden] { display: none; }
body.gaveta-aberta { overflow: hidden; }
.gaveta__cab { display: flex; align-items: center; gap: var(--e3); padding: 0 var(--e2) var(--e4); border-bottom: 1px solid var(--linha); }
.avatar--gaveta { width: 56px; height: 56px; font-size: 1.125rem; }
.gaveta__quem { flex: 1 1 auto; min-width: 0; }
.gaveta__nome { font-size: 1.0625rem; font-weight: var(--peso-medio); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaveta__email { color: var(--texto-suave); font-size: .875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaveta__nav { display: flex; flex-direction: column; gap: 6px; padding: var(--e3) 0; flex: 1 1 auto; }
.gaveta__nav a { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 var(--e3); border-radius: var(--raio-pilula); border: 1px solid transparent; color: var(--texto); font-size: 1rem; }
.gaveta__nav a svg { width: 20px; height: 20px; flex: none; }
.gaveta__nav a:hover { background: var(--cartao-2); }
.gaveta__nav a[aria-current="page"] { border: 1.5px solid var(--destaque); color: var(--destaque); background: var(--lima-suave); }
.gaveta__nav a[hidden] { display: none; }
.gaveta__nav .nav__n { margin-left: auto; }
.gaveta__nav a:focus-visible, .gaveta__sair:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--cartao), 0 0 0 4px var(--destaque); }
.gaveta__fim { padding-top: var(--e3); border-top: 1px solid var(--linha); }
.gaveta__sair { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 0 var(--e3); border-radius: var(--raio-pilula); background: transparent; border: 1px solid var(--linha-forte); color: var(--texto); font: inherit; font-size: 1rem; cursor: pointer; }
.gaveta__sair svg { width: 20px; height: 20px; }
.gaveta__sair:hover { background: var(--cartao-2); }

@media (min-width: 721px) { .gaveta__nav a.so-movel { display: none; } }
@media (max-width: 720px) {
  .nav .so-pc, .nav__txt .so-pc { display: none; }
  .nav .so-movel { display: inline-flex; }
  .nav__txt .so-movel { display: inline; }
  .gaveta { width: min(340px, 88vw); }
}

.aviso-envio { margin: 0 0 var(--e3); padding: var(--e3); border-radius: var(--raio-interno); border: 1px solid var(--alerta); background: color-mix(in srgb, var(--alerta) 10%, var(--cartao)); }
.aviso-envio[hidden] { display: none; }
.aviso-envio p { margin: 0 0 var(--e3); color: var(--texto); font-size: .9375rem; }
@media (prefers-reduced-motion: reduce) { .gaveta, .gaveta-fundo { transition: none; } }

/* aviso sem envio ativo: não quebrar "E-mail" no hífen */
.sem-quebra { white-space: nowrap; }

/* Tema (menu lateral): Automático segue o aparelho */
.tema { padding: var(--e3) 0; border-top: 1px solid var(--linha); }
.tema__rot { margin: 0 0 var(--e2); font-size: var(--t-rotulo); color: var(--texto-suave); }
.tema .seg--cheio { margin-bottom: 0; }
#btn-perfil[data-pendente]::after { top: 6px; right: 6px; margin: 0; background: var(--perigo); border-color: var(--lima); } /* dentro do círculo: o avatar corta o que passa da borda (por causa da foto) */

/* ---------- entrar com senha, criar conta, esqueci a senha ---------- */
.entrar[data-passo="cadastro"] .entrar__miolo { max-width: 560px; }
.campo__erro { margin: 0; color: var(--perigo); font-size: .875rem; }
.campo__erro:empty { display: none; }
/* só no cadastro e no Perfil: os outros formulários (lembrete, evento) seguem com o .campo-duplo original */
:is(#form-cadastro, form[data-secao="pessoal"]) .campo-duplo > .campo { margin: 0; }
:is(#form-cadastro, form[data-secao="pessoal"]) .campo-duplo--cidade { grid-template-columns: 1fr 112px; }
#form-cadastro .campo-duplo { margin-bottom: var(--e3); }
.marcar--aceite { align-items: flex-start; font-size: .9375rem; color: var(--texto-suave); line-height: 1.45; padding-top: 4px; }
.marcar--aceite input { margin-top: 1px; }
.marcar--aceite a, .entrar__rodape a { color: var(--texto); text-decoration: underline; text-decoration-color: var(--linha-forte); text-underline-offset: 3px; }
.marcar--aceite a:hover, .entrar__rodape a:hover { text-decoration-color: var(--destaque); }
#form-cadastro > .btn { margin-top: var(--e3); }
.entrar__novo { margin-top: var(--e4); padding-top: var(--e3); border-top: 1px solid var(--linha); display: grid; gap: 10px; }
.entrar__novo p { margin: 0; color: var(--texto-suave); font-size: .9375rem; text-align: center; }
.entrar__novo[hidden] { display: none; }
@media (max-width: 480px) {
  :is(#form-cadastro, form[data-secao="pessoal"]) .campo-duplo { grid-template-columns: 1fr; gap: 0; }
  :is(#form-cadastro, form[data-secao="pessoal"]) .campo-duplo > .campo { margin-bottom: var(--e3); }
  :is(#form-cadastro, form[data-secao="pessoal"]) .campo-duplo--cidade { grid-template-columns: 1fr 104px; gap: 12px; }
  #form-cadastro .campo-duplo { margin-bottom: 0; }
}
#e-cad-aceite { margin-top: 6px; }
.campo-duplo--cidade .campo-sel { min-width: 0; }
.campo-duplo--cidade select { width: 100%; padding-right: 32px; }
.pf-fixo { margin: 0; min-height: var(--toque); display: flex; align-items: center; font-variant-numeric: tabular-nums; }
form[data-secao="pessoal"] .campo-duplo { margin-bottom: var(--e3); }

/* ---------- Perfil: Conexões ---------- */
.conex { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--linha); }
.conex:first-child { padding-top: 0; }
.conex__texto { min-width: 0; }
.conex__tit { margin: 0; font-weight: var(--peso-medio); }
.conex__sub { margin: 2px 0 0; font-size: .875rem; color: var(--texto-suave); }
.conex__aviso { margin: 12px 0 0; padding: 10px 14px; border-radius: var(--raio-campo); font-size: .9375rem; background: var(--lima-suave); }
.conex__aviso--erro { background: transparent; border: 1px solid var(--perigo); color: var(--perigo); }
.conex__cal { padding-top: 14px; }
@media (max-width: 480px) {
  .conex { grid-template-columns: auto 1fr; }
  .conex > .btn, .conex > .selo { grid-column: 2; justify-self: start; }
}
.conex:last-child { border-bottom: 0; padding-bottom: 0; }

/* ---------- Perfil: Conta (tema, atalhos do dono, Sair) ---------- */
.perfil__conta-linha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--e3) var(--e4); }
.tema--perfil { margin: 0; padding: 0; border: 0; }
.tema--perfil .bloco__rotulo { margin-bottom: 8px; }
.perfil__atalhos { display: flex; flex-wrap: wrap; gap: 8px; }
.perfil__sair { margin-left: auto; }
@media (max-width: 720px) {
  .perfil__conta-linha { flex-direction: column; align-items: stretch; }
  .perfil__sair { margin-left: 0; width: 100%; justify-content: center; }
  .perfil__atalhos { display: grid; grid-template-columns: 1fr; }
}

/* ---------- recorte da foto ---------- */
.recorte { max-width: 400px; }
.recorte__dica { font-size: .875rem; margin-bottom: var(--e3) !important; }
.recorte__area { position: relative; width: min(300px, 100%); aspect-ratio: 1; margin: 0 auto; border-radius: var(--raio-campo); overflow: hidden; background: var(--cartao-2); cursor: grab; touch-action: none; user-select: none; outline: none; }
.recorte__area:focus-visible { box-shadow: var(--foco); }
.recorte__area--mexendo { cursor: grabbing; }
.recorte__area canvas { display: block; width: 100%; height: 100%; }
/* o círculo mostra como a foto aparece no avatar; fora dele fica velado */
.recorte__mascara { position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 999px rgba(0, 0, 0, .5); outline: 2px solid rgba(255, 255, 255, .9); outline-offset: -2px; pointer-events: none; }
.recorte__zoom { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin: var(--e3) 0 0; }
.recorte__zoom input[type="range"] { width: 100%; accent-color: var(--destaque); }
.recorte__botoes { margin-top: var(--e4); }
.recorte__botoes #recorte-girar { margin-right: auto; }
.recorte__botoes { flex-wrap: nowrap; gap: 8px; }
@media (max-width: 380px) { .recorte__botoes { flex-wrap: wrap; } }
.recorte__botoes .btn { white-space: nowrap; }
@media (max-width: 480px) {
  .recorte__botoes #recorte-girar { padding: 0 14px; }
  .recorte__botoes #recorte-girar span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .recorte__botoes #recorte-girar svg { margin: 0; }
}

/* ---------- Perfil: harmonia (ritmo único de títulos, blocos e botões) ---------- */
.perfil__sec { padding: var(--e4); }
.perfil__sec > .cartao__titulo { margin: 0 0 var(--e3); padding-bottom: var(--e3); border-bottom: 1px solid var(--linha); color: var(--texto); font-weight: var(--peso-medio); }
.perfil__sec > .cartao__titulo + * { margin-top: 0; }
/* campos e rótulos de bloco com o mesmo respiro em todos os cartões */
.perfil__sec .campo { margin-bottom: var(--e3); }
.perfil__sec .campo__dica, .perfil__sec .ajuda { margin: 0; font-size: .875rem; color: var(--texto-mudo); line-height: 1.45; }
.perfil__sec .campo > .campo__dica { margin-top: -2px; }
.perfil__sec .bloco__rotulo { margin: 0 0 8px; }
.perfil__sec .bloco__valor { margin: 0 0 var(--e3); }
/* separadores entre grupos: mesma distância acima e abaixo da linha */
.perfil__sec .bloco, .perfil__sec .form-sec { margin-top: var(--e3); padding-top: var(--e3); }
.perfil__sec .bloco:last-child, .perfil__sec .form-sec:last-child { padding-bottom: 0; }
/* botão de salvar sempre à mesma distância do último campo, e sem sobra embaixo */
.perfil__sec .salvar { margin-top: var(--e3); }
.perfil__sec form > .salvar:first-child, .perfil__sec .campo + .salvar { margin-top: var(--e2); }
.perfil__sec .campo:last-of-type { margin-bottom: 0; }
.perfil__sec .campo + .campo { margin-top: var(--e3); }
.perfil__sec .salvar--solto { margin: var(--e3) 0 0; }
.perfil__sec .marcar { min-height: 44px; }
.perfil__sec .campo > .marcar + .campo__dica { margin: 0 0 0 34px; }
.perfil__sec .erro:empty { display: none; }
.perfil__sec .erro { margin: var(--e2) 0 0; }
/* Seus dados: duas colunas com divisória, não duas ilhas soltas */
.perfil__dados .dados2 > div + div { border-left: 1px solid var(--linha); padding-left: var(--e5); }
.perfil__dados .dados2 .ajuda { margin-bottom: 0; }
.perfil__dados .salvar--solto { margin-top: var(--e3); }
@media (max-width: 1023px) {
  .perfil__dados .dados2 > div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--linha); padding-top: var(--e3); }
}
@media (max-width: 480px) {
  .perfil__sec { padding: var(--e3); }
  .perfil__sec .salvar .btn, .perfil__sec form > .btn { width: 100%; }
  .perfil__foto { flex-direction: column; align-items: flex-start; }
}

/* ---------- Tema: chave sol/lua + "Automático" sutil ---------- */
.tema-chave { display: flex; align-items: center; gap: 12px; }
.tema-chave__sw { position: relative; flex: none; width: 56px; height: 32px; padding: 0; border-radius: 999px; border: 1px solid var(--linha-forte); background: var(--cartao-2); cursor: pointer; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 7px; color: var(--texto-mudo); -webkit-tap-highlight-color: transparent; }
.tema-chave__ic { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; position: relative; z-index: 1; }
.tema-chave__bola { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: var(--lima); transition: transform var(--t-curto, .2s) var(--suave, ease); }
.tema-chave__sw[aria-checked="true"] .tema-chave__bola { transform: translateX(24px); }
.tema-chave__sw[aria-checked="false"] .tema-chave__ic--sol, .tema-chave__sw[aria-checked="true"] .tema-chave__ic--lua { color: var(--texto-sobre-lima); }
.tema-chave__auto { background: none; border: 0; padding: 8px 4px; min-height: 32px; font: inherit; font-size: var(--t-rotulo); color: var(--texto-mudo); cursor: pointer; border-radius: 6px; }
.tema-chave__auto:hover { color: var(--texto-suave); }
.tema-chave__auto[aria-pressed="true"] { color: var(--texto-suave); }
.tema-chave__auto[aria-pressed="true"]::before { content: "✓ "; }
.tema-chave__sw:focus-visible, .tema-chave__auto:focus-visible { outline: 2px solid var(--destaque); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .tema-chave__bola { transition: none; } }

/* números da família (Perfil > Conexões > WhatsApp) */
.numeros { padding: 14px 0; border-bottom: 1px solid var(--linha); }
.numeros__lista { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 0; }
.numeros__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; padding: 10px 0; border-top: 1px solid var(--linha); }
.numeros__item:first-child { border-top: 0; }
.numeros__item--edita { grid-template-columns: 1fr; }
.numeros__nome { margin: 0; font-weight: var(--peso-medio); overflow-wrap: anywhere; }
.numeros__nome small { color: var(--texto-mudo); font-size: .75rem; margin-left: 6px; }
.numeros__num { margin: 2px 0 0; font-size: .875rem; color: var(--texto-suave); }
.numeros__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.numeros__form, .numeros form + form { margin-top: 12px; }
@media (max-width: 520px) {
  .numeros__item { grid-template-columns: 1fr; }
}
/* adicionar número: a explicação não cola no rótulo do primeiro campo */
.numeros__form > .campo__dica { margin: 0 0 12px; }