/* Quiz pago "Casamento de até R$ X mil" · 31/out/2026 (assets/quiz-teto.js) */
:root{--marinho:#10497F;--marinho-esc:#0b3561;--off:#F6F1E9;--papel:#FCF9F2;--limao:#FFE269;--toranja:#FF8939;--tomate:#D83621;--verde:#1f8a5b;--ink:#14263d;--soft:#4f6580;--mute:#8a9bb0;--linha:rgba(16,73,127,.13);--linha2:rgba(16,73,127,.07);--serif:"Instrument Serif","Times New Roman",serif;--sans:"Instrument Sans",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--off);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer;border:0;background:none;color:inherit}
.qz{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.qz__top{display:flex;align-items:center;gap:14px;padding:14px 18px}
.qz__top img{height:32px;width:auto}
.qz__prog{flex:1;max-width:420px;margin-left:auto;height:6px;border-radius:9px;background:var(--linha2);overflow:hidden}
.qz__prog u{display:block;height:100%;width:0;background:var(--toranja);border-radius:9px;transition:width .4s}
.qz__voltar{font-size:14px;font-weight:600;color:var(--marinho)}
.qz__c{flex:1;display:grid;place-items:center;padding:10px 18px 48px}
.passo{width:100%;max-width:640px;text-align:center;animation:entra .4s cubic-bezier(.2,.8,.2,1)}
@keyframes entra{from{opacity:0;transform:translateY(16px)}}
.passo h1{font:400 clamp(40px,7vw,64px)/1.02 var(--serif);color:var(--marinho)}
.passo h1 em,.passo h2 em{color:var(--toranja)}
.passo h2{font:400 clamp(34px,6vw,52px)/1.05 var(--serif);color:var(--marinho)}
.passo .lede{color:var(--soft);font-size:17px;margin:14px auto 0;max-width:500px;line-height:1.5}
.n{font-size:13px;font-weight:700;color:var(--toranja);margin-bottom:8px}
.ops{display:grid;gap:10px;margin:26px auto 0;max-width:500px}
.ops--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.op{padding:16px 18px;border-radius:16px;border:1.5px solid var(--linha);background:#fff;font-size:16.5px;font-weight:600;color:var(--ink);text-align:center;transition:.15s}
.op small{display:block;font-weight:400;color:var(--soft);font-size:13.5px;margin-top:3px}
.op:hover{border-color:var(--marinho)}
.op.on{border-color:var(--marinho);background:var(--marinho);color:#fff}
.op.on small{color:rgba(255,255,255,.8)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:99px;background:var(--marinho);color:#fff;font-weight:700;font-size:16px;min-width:220px;text-decoration:none;transition:.15s}
.btn:disabled{opacity:.5}
.btn--lar{background:var(--toranja)}
.btn--line{background:#fff;color:var(--marinho);box-shadow:inset 0 0 0 1.5px var(--marinho)}
.seguir{margin-top:22px}
.mini{font-size:13.5px;color:var(--soft);margin-top:12px}
.campos{display:grid;gap:12px;margin:24px auto 0;max-width:460px;text-align:left}
.fld{display:grid;gap:5px;font-size:13.5px;font-weight:600;color:var(--marinho)}
.fld input{font-size:16px;padding:13px 14px;border-radius:14px;border:1.5px solid var(--linha);background:#fff;width:100%}
.fld small{font-weight:400;color:var(--soft)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--soft);line-height:1.5;text-align:left}
.chk input{margin-top:3px;width:18px;height:18px;flex:none}
.erro{color:var(--tomate);font-size:14px;margin-top:10px}
.seg{display:inline-flex;background:#fff;border:1px solid var(--linha);border-radius:99px;padding:4px;gap:2px;margin:18px auto 0}
.seg button{padding:9px 18px;border-radius:99px;font-weight:700;font-size:14.5px;color:var(--soft)}
.seg button.on{background:var(--marinho);color:#fff}
.teaser{background:#fff;border:1px solid var(--linha2);border-radius:22px;padding:18px;margin:22px auto 0;max-width:500px;text-align:left;position:relative;overflow:hidden}
.teaser b{font:400 34px/1.05 var(--serif);color:var(--marinho);display:block;text-align:center}
.teaser .sub{text-align:center;color:var(--soft);font-size:14.5px;margin-top:4px}
.teaser ul{list-style:none;margin-top:14px;filter:blur(5px);user-select:none;pointer-events:none}
.teaser li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--linha2);font-size:14.5px}
.preco{margin-top:18px;font-size:15px;color:var(--soft)}
.preco b{font:400 46px/1 var(--serif);color:var(--marinho);margin:0 4px}
.leva{list-style:none;display:grid;gap:7px;margin:14px auto 0;max-width:420px;text-align:left;font-size:15px}
.leva li::before{content:"✓ ";color:var(--verde);font-weight:700}
.pix{margin:18px auto 0;max-width:340px}
.pix img{width:220px;height:220px;margin:0 auto;display:block}
.pix textarea{width:100%;margin-top:10px;font-size:12px;padding:10px;border-radius:12px;border:1px solid var(--linha);resize:none;height:70px}
/* resultado */
.res{width:100%;max-width:880px;text-align:left;animation:entra .4s}
.res h1{font:400 clamp(38px,6vw,60px)/1.03 var(--serif);color:var(--marinho);text-align:center}
.res .lede{text-align:center;color:var(--soft);font-size:17px;margin:12px auto 0;max-width:620px}
.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.tags span{background:#fff;border:1px solid var(--linha);border-radius:99px;padding:7px 13px;font-size:14px;font-weight:600;color:var(--marinho)}
.bloco{background:#fff;border:1px solid var(--linha2);border-radius:22px;padding:20px;margin-top:18px}
.bloco h2{font:400 28px/1.1 var(--serif);color:var(--marinho)}
.bloco p.h{color:var(--soft);font-size:14.5px;margin-top:4px}
.itens{list-style:none;margin-top:12px}
.itens li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:11px 0;border-top:1px solid var(--linha2)}
.itens li b{font-weight:600}
.itens li i{font-style:normal;font-weight:700;color:var(--marinho);white-space:nowrap}
.itens li small{grid-column:1/-1;color:var(--soft);font-size:13px}
.itens li.tot{border-top:2px solid var(--marinho);font-size:17px}
.lst{list-style:none;display:grid;gap:10px;margin-top:12px}
.lst li{padding:12px 14px;border-radius:14px;background:var(--papel);font-size:15px;line-height:1.5}
.lst li b{color:var(--verde);white-space:nowrap}
.msg{background:var(--papel);border-radius:14px;padding:12px 14px;margin-top:10px}
.msg b{display:block;color:var(--marinho);font-size:14px}
.msg p{font-size:14.5px;line-height:1.5;margin-top:4px}
.msg button{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--marinho);text-decoration:underline}
.cron{list-style:none;margin-top:12px}
.cron li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--linha2);font-size:15px}
.cron li b{color:var(--marinho)}
.painel{background:var(--marinho);color:#fff;border-radius:24px;padding:26px 22px;margin-top:22px;text-align:center}
.painel h2{font:400 clamp(30px,4.5vw,40px)/1.08 var(--serif)}
.painel p{color:rgba(255,255,255,.88);font-size:15.5px;line-height:1.55;max-width:560px;margin:10px auto 0}
.painel .pr{margin-top:14px;font-size:15px}
.painel .pr s{opacity:.65}
.painel .pr b{font:400 40px/1 var(--serif);color:var(--limao);margin:0 4px;white-space:nowrap}
.painel .pr s{white-space:nowrap}
.painel .btn{background:var(--toranja);margin-top:16px}
.acoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
@media (max-width:640px){
  .ops--2{grid-template-columns:minmax(0,1fr)}
  .res{text-align:center}.itens li{text-align:left}.lst li,.msg{text-align:left}
  .cron li{grid-template-columns:minmax(0,1fr);gap:2px;text-align:center}
  .bloco{padding:16px}
}
@media print{.qz__top,.acoes,.painel,.msg button{display:none}body{background:#fff}.bloco{border:0;padding:0}}

/* 31/out: tela de contato enxuta (cabe até o botão na 1ª tela do celular) e campo escondido anti-robô fora do fluxo */
.hp{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}
.fld input{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}
.passo--ct h2{font-size:clamp(32px,7vw,46px)}
.passo--ct .lede{font-size:15.5px;margin-top:8px}
.passo--ct .campos{gap:9px;margin-top:16px}
.passo--ct .fld input{padding:11px 13px}
.passo--ct .chk{font-size:11.5px;line-height:1.4}
.passo--ct .btn{margin-top:4px;width:100%}
.passo--pg h2{font-size:clamp(32px,7vw,46px)}
.passo--pg .teaser{padding:12px 16px;margin-top:12px}
.passo--pg .teaser b{font-size:30px}
.passo--pg .teaser ul{margin-top:8px}
.passo--pg .teaser li{padding:5px 0;font-size:13.5px}
.passo--pg .preco{margin-top:10px}
.passo--pg .preco b{font-size:38px}
.passo--pg .leva{margin-top:8px;gap:4px;font-size:14px}
.passo--pg .campos{margin-top:12px;gap:9px}
.passo--pg .fld input{padding:11px 13px}
.passo--pg .seg{margin-top:10px}
.passo--pg .seguir{margin-top:12px}
.campos--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:420px){.campos--2{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}