/* Páginas de custo (IA e WhatsApp) — mesma gramática da landing, em formato de documento. */
.doc{padding:64px 0 110px}
.doc .env{max-width:820px}
.volta{margin:0 0 26px}
.volta a{color:var(--cinza); text-decoration:none; font-size:.94rem}
.volta a:hover{color:var(--tinta)}
.doc h1{margin-bottom:6px}
.doc h2.titulo{font-size:clamp(1.5rem,2.6vw,2rem); margin:64px 0 0}
.doc h3{font-size:1.15rem; margin:0 0 8px}
.doc .apoio{max-width:none}
.lista{margin:20px 0 0; padding:0 0 0 22px; color:var(--cinza)}
.lista li{margin:10px 0}
.lista b{color:var(--tinta)}

.tabela{margin-top:26px; border:1px solid var(--linha); border-radius:var(--r); overflow-x:auto}
.tabela table{width:100%; border-collapse:collapse; font-size:.96rem; min-width:520px}
.tabela th{background:var(--nevoa); text-align:left; font-weight:600; font-size:.84rem; color:var(--cinza);
  padding:12px 16px; border-bottom:1px solid var(--linha)}
.tabela td{padding:13px 16px; border-bottom:1px solid var(--linha); color:var(--tinta-2)}
.tabela tr:last-child td{border-bottom:0}
.tabela td.gratis{color:#116b34; font-weight:600}

.medido{margin-top:32px; background:var(--nevoa); border-radius:var(--r-g); padding:28px 30px}
.medido p{color:var(--cinza); margin:0 0 16px}
.medido-nums{display:flex; gap:44px; flex-wrap:wrap; margin:18px 0}
.medido-nums b{display:block; font-size:2rem; font-weight:700; letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.medido-nums span{color:var(--cinza); font-size:.92rem}
.nota{color:var(--cinza-2); font-size:.9rem; margin-top:16px}
.nota b{color:var(--cinza)}

.simulador{margin-top:26px; border:1px solid var(--linha); border-radius:var(--r-g); overflow:hidden}
.controles{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; padding:26px 28px}
.controles label{display:flex; flex-direction:column; gap:6px; font-size:.84rem; color:var(--cinza)}
.controles input,.controles select{font:inherit; font-size:16px; padding:.72rem .8rem; border:1px solid var(--linha); border-radius:11px; color:var(--tinta)}
.resultado{background:var(--nevoa); padding:22px 28px}
.simulador .nota.dentro{margin:0; padding:16px 28px 20px; background:var(--nevoa); border-top:1px solid var(--linha)}
.linha{display:flex; justify-content:space-between; gap:20px; margin:0; padding:9px 0; color:var(--cinza); font-size:.96rem; border-bottom:1px solid var(--linha)}
.linha b{color:var(--tinta); font-variant-numeric:tabular-nums}
.linha.total{border-bottom:0; padding-top:16px; font-size:1.1rem}
.linha.total b{font-size:1.5rem; font-weight:700; letter-spacing:-.02em}
.linha.reais{border-bottom:0; padding-top:0}
.linha.reais b{color:var(--marca); font-weight:600}

.cenarios{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-top:26px}
.cenario{display:flex; flex-direction:column; border:1px solid var(--linha); border-radius:var(--r-g); padding:26px 24px}
.cenario.destaque{outline:2px solid var(--marca); border-color:transparent}
.cenario .quem{color:var(--cinza); font-size:.94rem; margin:0 0 14px}
.cenario .conta{font-size:.86rem; color:var(--cinza-2); margin:0}
.cenario .valor{font-size:1.5rem; font-weight:700; letter-spacing:-.03em; margin:0; padding-top:14px; margin-top:auto}
.cenario .valor small{display:block; font-size:.86rem; font-weight:400; color:var(--cinza); letter-spacing:0; margin-top:4px}

.aviso-caixa{margin-top:32px; border-left:3px solid var(--cinza-2); background:var(--nevoa); border-radius:0 var(--r) var(--r) 0; padding:24px 26px}
.aviso-caixa.alerta{border-left-color:var(--marca); background:var(--marca-fraca)}
.aviso-caixa p{margin:0; color:var(--tinta-2); font-size:.97rem}
.fecho{margin-top:56px; padding-top:26px; border-top:1px solid var(--linha); color:var(--cinza)}

/* link longo (URL da Meta) nao pode empurrar a pagina no celular */
.aviso-caixa .ligacao{display:inline; overflow-wrap:anywhere}

/* exemplo de modelo de mensagem aprovado na Meta */
.modelo-exemplo{margin-top:22px; border:1px solid var(--linha); border-radius:var(--r);
  background:var(--nevoa); padding:20px 22px; max-width:640px}
.modelo-exemplo .rotulo{margin:0 0 12px; font-size:.8rem; color:var(--cinza-2); letter-spacing:.01em}
.modelo-exemplo .rotulo b{color:var(--cinza); font-weight:600}
.modelo-exemplo .corpo{margin:0; background:var(--branco); border:1px solid var(--linha);
  border-radius:16px; padding:14px 16px; color:var(--tinta-2); line-height:1.55; font-size:.98rem}
.modelo-exemplo .lacuna{background:var(--marca-fraca); color:var(--marca-escura); font-weight:600;
  border-radius:6px; padding:1px 5px}