:root{--papel:#F4EDDC;--linha:#D3DDE9;--cartao:#FBF7EC;--tinta:#22201C;--lousa:#2F4A3C;--madeira:#9A6B3F;--madeira-escura:#6E4A28;--marca:#F2D45C;--vermelha:#C4372B;--azul:#2B4FA3;--cinza:#4A443A;--giz:#F7F5EE;--f-titulo:"Caveat Brush",cursive;--f-mao:"Caveat",cursive;--f-texto:"Bitter",Georgia,serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--f-texto);color:var(--tinta);background-color:var(--papel);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--linha) 31px 32px);overflow-x:hidden}#app{max-width:720px;margin:0 auto;min-height:100vh}a{color:var(--azul)}h1,h2,h3,p{margin:0}button{font-family:inherit}:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.marca{padding:18px 20px 14px;font-family:var(--f-titulo);font-size:28px;line-height:1;color:var(--tinta);text-decoration:none;display:inline-block}.lousa{background:var(--lousa);color:var(--giz);border:8px solid var(--madeira);border-radius:6px;box-shadow:0 5px 0 var(--madeira-escura)}.hero{margin:0 12px;padding:28px 20px 32px}.hero .giz-amarelo{font-family:var(--f-mao);font-size:24px;color:var(--marca);margin-bottom:6px}.hero h1{font-family:var(--f-titulo);font-weight:400;font-size:52px;line-height:.98;margin-bottom:16px;overflow-wrap:break-word}.hero p{font-size:17px;line-height:1.5;color:#e6ebe3;margin-bottom:24px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 20px;font-family:var(--f-texto);font-weight:700;font-size:18px;color:var(--tinta);background:var(--marca);border:2px solid var(--tinta);border-radius:4px;box-shadow:3px 3px 0 var(--tinta);text-decoration:none;cursor:pointer;text-align:center}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}.link{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:16px;background:none;border:0;color:var(--azul);text-decoration:underline;cursor:pointer;padding:8px 4px;font-family:var(--f-texto)}.lousa .link{color:var(--giz)}.btn-linha{display:flex;flex-direction:column;gap:4px}.mini{position:relative;width:270px;max-width:calc(100% - 20px);margin:58px auto 6px;transform:rotate(2deg)}.mini-papel{background:var(--cartao);color:var(--tinta);padding:18px 18px 20px;border-radius:3px;box-shadow:5px 6px #00000047}.mini-titulo{font-family:var(--f-titulo);font-size:26px;line-height:1;border-bottom:2px solid var(--tinta);padding-bottom:6px}.mini-perfil{font-family:var(--f-mao);font-size:24px;color:var(--azul);margin:8px 0 6px}.mini-linha{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;gap:8px}.nota{font-family:var(--f-mao);font-weight:700;color:var(--vermelha);line-height:1}.mini-linha .nota{font-size:22px}.postit{position:absolute;top:-46px;right:-12px;background:var(--marca);color:var(--tinta);font-family:var(--f-mao);font-weight:700;font-size:22px;line-height:1.05;padding:10px 12px;transform:rotate(-6deg);box-shadow:3px 4px #00000040}.secao{padding:56px 20px 8px}.secao h2{font-family:var(--f-titulo);font-weight:400;font-size:42px;line-height:1;margin-bottom:8px}.secao .lead{font-size:16px;line-height:1.5;color:var(--cinza);margin-bottom:26px}.cartao{background:var(--cartao);border:2px solid var(--tinta);border-radius:4px;box-shadow:4px 4px 0 var(--tinta)}.pilha{display:flex;flex-direction:column;gap:16px}.passo{display:flex;gap:16px;align-items:flex-start;padding:18px;box-shadow:3px 3px 0 var(--tinta)}.passo .num{font-family:var(--f-titulo);font-size:56px;line-height:.9;color:var(--vermelha);flex:none;width:28px;text-align:center}.passo h3{font-size:19px;margin-bottom:4px}.passo p{font-size:15px;line-height:1.5;color:var(--cinza)}.eixos{display:flex;flex-direction:column;gap:22px}.eixo-rotulos{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;font-size:15px;margin-bottom:8px}.trilho{position:relative;height:14px;background:var(--cartao);border:2px solid var(--tinta);border-radius:8px;margin:0 10px}.trilho .ponto{position:absolute;top:-6px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--vermelha);border:2px solid var(--tinta)}.plano{padding:24px}.plano .tag{font-family:var(--f-mao);font-weight:700;font-size:28px;line-height:1;color:var(--azul)}.plano .preco{font-family:var(--f-titulo);font-size:52px;line-height:1;margin:4px 0 16px}.plano ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.4}.plano li{position:relative;padding-left:26px}.plano li:before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:3px solid var(--vermelha);border-bottom:3px solid var(--vermelha);transform:rotate(-45deg)}.plano.pago{background:var(--lousa);color:var(--giz)}.plano.pago .tag{color:var(--marca)}.plano.pago li:before{border-color:var(--marca)}.plano.pago .btn{box-shadow:none}.rodape{margin-top:48px;padding:24px 20px 36px;border-top:2px solid var(--tinta);font-size:13px;line-height:1.5;color:var(--cinza)}.tela-pergunta{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:16px 16px 20px}.topo{padding:12px 14px 14px;border-width:6px;box-shadow:0 4px 0 var(--madeira-escura);flex:none}.topo-linha{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.topo-titulo{font-family:var(--f-titulo);font-size:23px;line-height:1}.contador{font-family:var(--f-mao);font-weight:700;font-size:24px;color:var(--marca);line-height:1;white-space:nowrap}.barra{margin-top:10px;height:10px;border-radius:6px;background:#f7f5ee40;overflow:hidden}.barra div{height:10px;background:var(--marca);border-radius:6px;transition:width .25s}.corpo{flex:1;display:flex;flex-direction:column;padding-top:22px}.rotulo{font-family:var(--f-mao);font-weight:700;font-size:26px;color:var(--vermelha);line-height:1}.afirmacao{font-size:25px;line-height:1.3;font-weight:600;margin:10px 0 20px;min-height:4em}.opcoes{display:flex;flex-direction:column;gap:10px}.opcao{min-height:52px;width:100%;padding:10px 16px;text-align:left;font-size:17px;font-weight:600;color:var(--tinta);background:var(--cartao);border:2px solid var(--tinta);border-radius:4px;cursor:pointer;transition:transform .08s}.opcao[aria-pressed=true]{background:var(--marca);box-shadow:3px 3px 0 var(--tinta)}.opcao:active{transform:translate(1px,1px)}.rodape-pergunta{margin-top:auto;padding-top:16px}.rodape-pergunta .link{justify-content:flex-start}.tela-fim{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px 20px}.tela-fim h1{font-family:var(--f-titulo);font-weight:400;font-size:64px;line-height:.95}.tela-fim p{font-size:18px;line-height:1.5}.carimbo-ok{align-self:flex-start;border:3px solid var(--vermelha);color:var(--vermelha);border-radius:8px;padding:6px 14px;transform:rotate(-4deg);font-family:var(--f-titulo);font-size:30px;line-height:1}.folha{position:relative;margin:8px 12px 0;background-color:var(--cartao);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--linha) 31px 32px);border:2px solid var(--tinta);border-radius:4px;box-shadow:4px 4px 0 var(--tinta);padding:28px 18px 24px 46px}.folha:before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;background:#e0a39c}.folha h1{font-family:var(--f-titulo);font-weight:400;font-size:40px;line-height:1}.folha .sub{font-size:13px;color:var(--cinza);margin:4px 0 16px}.campo{border-bottom:2px solid var(--tinta);padding-bottom:2px;font-size:15px;display:flex;align-items:baseline;gap:6px}.campo .mao{font-family:var(--f-mao);font-size:24px;color:var(--azul)}.carimbo{display:inline-block;border:3px solid var(--vermelha);color:var(--vermelha);border-radius:8px;padding:8px 18px;transform:rotate(-3deg);text-align:center}.carimbo small{display:block;font-size:12px;font-weight:700;letter-spacing:3px}.carimbo strong{display:block;font-family:var(--f-titulo);font-weight:400;font-size:38px;line-height:1.05}.obs{font-family:var(--f-mao);font-size:24px;line-height:1.15;color:var(--azul);transform:rotate(-1deg)}.bloqueado{position:relative;border:2px dashed var(--tinta);border-radius:4px;padding:16px 16px 80px;background:var(--papel)}.bloqueado .borrado{filter:blur(5px);-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.55}.bloqueado .btn{position:absolute;left:12px;right:12px;bottom:12px;width:auto}.aviso-exemplo{margin:16px 12px 0;font-family:var(--f-mao);font-size:22px;color:var(--vermelha);transform:rotate(-1deg)}@media (min-width:600px){.hero{margin:0 20px;padding:36px 32px 40px}.hero h1{font-size:64px}.tela-pergunta{padding:24px 20px}}.entrada-nome{flex:1;min-width:0;border:0;background:transparent;padding:0;font-family:var(--f-mao);font-size:24px;color:var(--azul);outline:none}.entrada-nome::placeholder{color:#8a93b0}.campo:focus-within{border-bottom-color:var(--azul)}.dica{font-size:12px;color:var(--cinza);line-height:1.4}.trilho-boletim{height:12px}.trilho-boletim .ponto{top:-5px;width:18px;height:18px;margin-left:-9px}.teoricos{margin-bottom:22px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45}.mini-cabecalho{font-family:var(--f-titulo);font-size:26px;line-height:1}.compartilhar{padding:20px 12px 0;display:flex;flex-direction:column;gap:4px}.compartilhar .status{min-height:20px;font-size:14px;color:var(--cinza);text-align:center}.btn:disabled{opacity:.6;cursor:wait}.creditos{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.pix{padding:20px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.qr{background:#fff;border:2px solid var(--tinta);padding:8px;width:min(260px,100%);align-self:center}.qr svg{display:block;width:100%;height:auto}.copiaecola{width:100%;font-family:ui-monospace,Menlo,monospace;font-size:13px;padding:10px;border:2px solid var(--tinta);border-radius:4px;background:#fff;color:var(--tinta);resize:none;word-break:break-all}.aguardando{margin:18px 0 6px;font-weight:600;display:flex;align-items:center;gap:10px}.ponto-pulsando{width:12px;height:12px;border-radius:50%;background:var(--vermelha);animation:pulsar 1.2s infinite;flex:none}@keyframes pulsar{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.ponto-pulsando{animation:none}}.relatorio h2{font-family:var(--f-titulo);font-weight:400;font-size:30px;line-height:1.05;margin:26px 0 8px}.relatorio h3{font-size:17px;margin:14px 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.relatorio h3 .nota{font-size:26px}.relatorio p{font-size:15px;line-height:1.55;margin:0 0 8px}.bloco-eixo{border-top:2px dashed #C9C1AE;padding-top:6px;margin-top:10px}.plano-acoes,.livros{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}.livros{list-style:none;padding-left:0}@media print{body{background:#fff}.nao-imprimir,.marca{display:none!important}#app{max-width:none}.folha{box-shadow:none;border:0;margin:0;padding:0 0 0 24px;background-image:none}.folha:before{display:none}.bloco-eixo,.relatorio h3,.relatorio li{break-inside:avoid}a{color:var(--tinta)}}.entrada{width:100%;min-height:48px;padding:10px 12px;font-family:var(--f-texto);font-size:17px;color:var(--tinta);background:#fff;border:2px solid var(--tinta);border-radius:4px}.caixa-email{margin:28px 12px 0;padding:20px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}.caixa-email form{display:flex;flex-direction:column;gap:10px}.consentimento{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}.consentimento input{width:24px;height:24px;flex:none;margin:0;accent-color:var(--lousa)}.texto-longo h2{font-family:var(--f-titulo);font-weight:400;font-size:28px;line-height:1.05;margin:22px 0 6px}.texto-longo p,.texto-longo li{font-size:15px;line-height:1.55}.texto-longo p{margin:0 0 10px}.texto-longo ul{padding-left:20px;margin:0 0 10px;display:flex;flex-direction:column;gap:6px}.numeros{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.numeros li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--cartao);border:2px solid var(--tinta);border-radius:4px}.numeros strong{font-family:var(--f-mao);font-size:28px;line-height:1;color:var(--vermelha)}.tabela-rolagem{overflow-x:auto;border:2px solid var(--tinta);border-radius:4px;background:var(--cartao)}.tabela{border-collapse:collapse;width:100%;font-size:13px}.tabela th,.tabela td{padding:8px;border-bottom:1px solid #D9D1BE;text-align:left;white-space:nowrap}
