/* O Verificador · identidade visual (fundo branco), 15/11/2026 */
:root{
  --fundo:#FFFFFF; --fundo2:#F5F7F6; --linha:#E2E8E5; --tinta:#0C1F17; --texto:#3D4F47; --suave:#6B7B74;
  --marca:#0F8A4F; --marca-escura:#0A6B3D; --marca-clara:#E7F5EC;
  --ok:#12A150; --atencao:#C98A00; --perigo:#D23B2E;
  --ok-bg:#EAF7EF; --atencao-bg:#FFF6DF; --perigo-bg:#FDECEA;
  --raio:14px; --sombra:0 1px 2px rgba(12,31,23,.05),0 8px 24px rgba(12,31,23,.06);
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--fundo);color:var(--tinta);font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Manrope','Inter',system-ui,sans-serif;letter-spacing:-.025em;line-height:1.12;margin:0;color:var(--tinta)}
a{color:var(--marca)}
code{background:var(--fundo2);border:1px solid var(--linha);padding:1px 6px;border-radius:6px;font-size:14px;color:var(--tinta)}

/* marca */
.logo{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-weight:800;font-size:19px;text-decoration:none;color:var(--tinta);letter-spacing:-.02em}
.logo img{width:28px;height:28px}
.logo b{color:var(--marca);font-weight:800}

/* botões */
.btn,.bt{display:inline-block;background:var(--marca);color:#fff;font-weight:700;text-decoration:none;border:0;cursor:pointer;
  padding:14px 24px;border-radius:12px;font-family:'Manrope',sans-serif;font-size:17px;transition:background .15s}
.btn:hover,.bt:hover{background:var(--marca-escura)}
.btn.peq{padding:9px 16px;font-size:15px}
.bt{font-size:16px;padding:12px 20px;margin:12px 8px 0 0}
.bt.cz,.btn.cz{background:#fff;color:var(--tinta);border:1px solid var(--linha)}
.bt.cz:hover,.btn.cz:hover{background:var(--fundo2)}
.bt:disabled{opacity:.6;cursor:wait}

/* landing */
.w{max-width:1040px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--linha)}
.heroi{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0 40px}
.selo{display:inline-block;background:var(--marca-clara);color:var(--marca-escura);font-weight:700;font-size:13px;padding:5px 12px;border-radius:99px;margin-bottom:16px;letter-spacing:.02em}
.heroi h1{font-size:clamp(34px,5.6vw,56px)}
.heroi p{color:var(--texto);font-size:19px;max-width:560px;margin:18px 0 26px}
.miudo{font-size:14px;color:var(--suave);margin-top:10px}
.demo{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:16px;box-shadow:var(--sombra)}
.demo-topo{display:flex;justify-content:space-between;font-size:13px;color:var(--suave);padding:2px 4px 12px;border-bottom:1px solid var(--linha);margin-bottom:12px}
.linha{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin:0 0 10px;border:1px solid transparent}
.linha.verde{background:var(--ok-bg)}.linha.amarelo{background:var(--atencao-bg)}.linha.vermelho{background:var(--perigo-bg)}
.linha b{display:block;font-size:16px}.linha span{color:var(--texto);font-size:14px}
.ponto{width:10px;height:10px;border-radius:50%;margin-top:8px;flex:none}
.verde .ponto{background:var(--ok)}.amarelo .ponto{background:var(--atencao)}.vermelho .ponto{background:var(--perigo)}
section{padding:48px 0}
section.cinza{background:var(--fundo2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
section h2{font-size:clamp(26px,4vw,38px);margin:0 0 10px}
section .lead{color:var(--texto);max-width:620px;margin:0 0 26px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px}
.card .ic{width:38px;height:38px;border-radius:10px;background:var(--marca-clara);color:var(--marca);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}
.card h3{font-size:18px;margin:0 0 6px}.card p{color:var(--texto);font-size:15px;margin:0}
.passos{counter-reset:p;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.passos li{counter-increment:p;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;color:var(--texto);font-size:15px}
.passos li::before{content:counter(p);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
  background:var(--marca);color:#fff;font-weight:800;font-family:'Manrope',sans-serif;margin-bottom:12px}
.passos b{display:block;color:var(--tinta);font-size:17px;margin-bottom:4px}
.zap{max-width:440px;background:#E9F6EE;border-radius:16px;padding:16px;border:1px solid #D3EBDC}
.zap pre{margin:0;background:#fff;border-radius:12px 12px 12px 4px;padding:14px;white-space:pre-wrap;font:15px/1.55 'Inter',sans-serif;color:var(--tinta);box-shadow:0 1px 1px rgba(0,0,0,.06)}
.aviso-box{background:var(--atencao-bg);border:1px solid #F1DFA8;border-radius:var(--raio);padding:18px;color:#5C4500;font-size:16px}
.cta-final{text-align:center;padding:56px 0}
.cta-final h2{margin-bottom:18px}
footer{padding:28px 0 40px;color:var(--suave);font-size:14px;border-top:1px solid var(--linha)}
footer a{color:var(--suave);margin-right:16px}
@media (max-width:820px){.heroi{grid-template-columns:1fr;padding-top:36px;gap:28px}}

/* app */
.v{max-width:860px;margin:0 auto;padding:18px 16px 60px}
.topo{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--linha);margin-bottom:22px}
.conta{font-size:14px;color:var(--suave)}.conta a{cursor:pointer}
.v h1{font-size:clamp(28px,5vw,40px);margin:4px 0 10px}
.v .sub{color:var(--texto);margin:0 0 22px}
.cx{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;margin:0 0 18px;box-shadow:var(--sombra)}
.cx h2{font-size:20px;margin:0 0 8px}
.cx p,.cx li{color:var(--texto);font-size:16px}
textarea,.campo,#nomeEmp{width:100%;background:#fff;color:var(--tinta);border:1px solid #CDD6D1;border-radius:10px;padding:12px;font-size:16px}
textarea{min-height:180px;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
textarea:focus,.campo:focus,#nomeEmp:focus{outline:2px solid var(--marca-clara);border-color:var(--marca)}
.campo{display:block;margin:4px 0 14px}
#cad{border:2px solid var(--marca)}
#cad label{font-size:15px;color:var(--texto);font-weight:600}
#cad .ok{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:400}
.resumo{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.resumo div{flex:1 1 150px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:14px;font-size:14px;color:var(--texto)}
.resumo b{display:block;font-size:28px;font-family:'Manrope',sans-serif;color:var(--tinta)}
.item{border:1px solid var(--linha);border-left:5px solid #999;background:#fff;border-radius:12px;padding:14px 16px;margin:0 0 12px}
.item.verde{border-left-color:var(--ok)}.item.amarelo{border-left-color:var(--atencao)}.item.vermelho{border-left-color:var(--perigo);background:#FFFBFA}
.item h3{margin:0 0 4px;font-size:17px}.item .dd{color:var(--suave);font-size:14px;margin:0 0 6px;word-break:break-all}
.item ul{margin:6px 0 0;padding-left:20px}.item li{font-size:15px;margin:3px 0;color:var(--texto)}
.item .mini{font-size:14px;background:var(--fundo2);color:var(--tinta);border:1px solid var(--linha);border-radius:8px;padding:7px 12px;margin-top:8px;cursor:pointer}
#previa{white-space:pre-wrap;background:#E9F6EE;border-radius:12px;padding:14px;font:15px/1.55 'Inter',sans-serif;color:var(--tinta)}
#previa:empty{display:none}
.aviso{font-size:14px;color:var(--suave)}
.aviso a{color:var(--suave)}

/* páginas de texto */
.texto{max-width:760px;margin:0 auto;padding:20px 20px 60px}
.texto h1{font-size:34px;margin:28px 0 10px}.texto h2{font-size:20px;margin-top:30px}
.texto p,.texto li{color:var(--texto)}
.nota{background:var(--atencao-bg);border:1px solid #F1DFA8;border-radius:12px;padding:12px;color:#5C4500;font-size:15px}
table{border-collapse:collapse;width:100%;font-size:15px}td,th{border:1px solid var(--linha);padding:9px;text-align:left;vertical-align:top}th{background:var(--fundo2)}