/* Autentiva — /verificar (consulta manual, redesign v4). Portado de verificar_mockup.html.
   Auto-contido (alias :root + eyebrow); botões/nav/rodapé = chrome de produção.
   O formulário é o real (POST /verificar, rate-limited). */
:root{
  --bg:var(--n-0); --bg-2:var(--site-bg-2); --stone:var(--site-stone); --slate:var(--site-slate);
  --ink:var(--site-ink); --text-2:var(--site-text-2); --muted:var(--site-muted);
  --accent:var(--autentiva-primaria); --accent-soft:var(--site-accent-soft);
  --card-sh:var(--site-card-sh);
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-card:var(--r-med); --maxw:1080px;
}
/* eyebrow com ícone */
.eyerow{display:inline-flex;align-items:center;gap:10px}
.eyerow .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:9px}
.eyerow .eyebrow::before{display:none}
.ey-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none}
.ey-ic svg,.eyebrow svg{width:15px;height:15px}
.c-primaria{background:var(--accent-soft);color:var(--accent)}

/* verificar */
.vf{padding:clamp(100px, 11vw, 116px) 0 90px;position:relative;overflow:hidden;text-align:center}
.vf__tex{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle, var(--stone) 1px, transparent 1.4px);background-size:24px 24px;-webkit-mask-image:radial-gradient(560px 320px at 50% 4%, black, transparent 70%);mask-image:radial-gradient(560px 320px at 50% 4%, black, transparent 70%);opacity:.55}
.vf__in{position:relative;max-width:480px;margin-inline:auto}
.vf .eyerow{justify-content:center}
.vf h1{font-size:34px;font-weight:600;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;line-height:1.1;margin:12px 0 0}
.vf__lede{color:var(--muted);font-size:16px;margin:14px auto 0;max-width:42ch;line-height:1.55}
.vcard{margin-top:34px;background:var(--bg);border:1px solid var(--stone);border-radius:16px;box-shadow:var(--card-sh);padding:28px;text-align:left}
.vcard h2{font-size:18px;font-weight:600;color:var(--ink)}
.vcard__help{color:var(--muted);font-size:13.5px;margin:6px 0 18px}
.vcard label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}
.codein{width:100%;font-family:var(--mono);font-size:19px;font-weight:600;color:var(--ink);text-align:center;letter-spacing:2px;background:var(--bg-2);border:1.5px solid var(--stone);border-radius:var(--r-card);padding:15px 12px;text-transform:uppercase;transition:border-color .15s, box-shadow .15s}
.codein::placeholder{color:var(--slate);font-weight:500;letter-spacing:2px}
.codein:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg)}
.vcard .btn{width:100%;margin-top:16px}
.vcard__erro{color:var(--status-invalido);font-size:13px;margin:12px 0 0}
.vdica{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:16px 0 0;line-height:1.5}
.vdica svg{width:15px;height:15px;flex:none;color:var(--accent);margin-top:1px}
.vf__scan{margin-top:20px;font-size:13px;color:var(--muted)}
.vf__scan b{color:var(--text-2);font-weight:600}