/* Comparador de orçamentos · 31/out/2026 (por cima de assets/quiz-teto.css) */
.cmp__q{font-weight:700;color:var(--marinho);margin-top:26px;font-size:15px}
.cmp__cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px auto 0;max-width:600px}
.cmp__cats .op{padding:10px 14px;font-size:15px;border-radius:99px}
.cmp__conv{display:grid;gap:6px;justify-items:center;margin:20px auto 0;font-weight:700;color:var(--marinho);font-size:15px}
.cmp__conv input{font:inherit;font-weight:400;font-size:16px;width:150px;text-align:center;padding:11px 13px;border-radius:14px;border:1.5px solid var(--linha);background:#fff;-webkit-appearance:none;appearance:none}
.btn--sm{padding:10px 16px;font-size:14.5px;min-width:0}
.slots{display:grid;gap:10px;margin:22px auto 0;max-width:560px;text-align:left}
.slot{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px dashed var(--linha);border-radius:18px;padding:14px}
.slot--ok{border-style:solid;border-color:var(--verde);align-items:center}
.slot__n{width:28px;height:28px;border-radius:50%;background:var(--papel);color:var(--marinho);font-weight:700;display:grid;place-items:center;flex:none;font-size:14px}
.slot--ok .slot__n{background:var(--verde);color:#fff}
.slot__t{flex:1;min-width:0}
.slot__t b{display:block;font-size:16px;overflow-wrap:anywhere}
.slot__t b small{font-weight:400;color:var(--soft);font-size:13px}
.slot__t>small{color:var(--soft);font-size:14px}
.slot__a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.slot__colar{margin-top:10px;display:grid;gap:8px}
.slot__colar textarea{font:inherit;font-size:15px;width:100%;padding:10px;border-radius:12px;border:1.5px solid var(--linha);resize:vertical}
.slot__colar .btn{justify-self:start}
.slot__st{font-size:14px;color:var(--marinho);margin-top:8px}
.slot__st.err{color:var(--tomate)}
.slot__x{font-size:14px;font-weight:700;color:var(--marinho);text-decoration:underline;flex:none}
.trava{list-style:none;display:grid;gap:6px;margin:14px auto 0;max-width:420px;text-align:left;font-size:15px}
.trava li::before{content:"🔒 "}
.passo.cmp .bloco{text-align:left;margin-top:26px}
/* lado a lado: 1 coluna de rótulo + uma por orçamento; nada passa da tela */
.lal{margin-top:12px;font-size:14.5px}
.lal__r{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(var(--n),minmax(0,1fr));gap:8px;padding:9px 0;border-top:1px solid var(--linha2);align-items:center}
.lal__r:first-child{border-top:0}
.lal__k{color:var(--soft);overflow-wrap:anywhere}
.lal__r>:not(.lal__k){text-align:center;overflow-wrap:anywhere}
.lal__h{color:var(--marinho);font-size:14.5px;line-height:1.25}
.lal__h--top{color:var(--verde)}
.lal i{font-style:normal;font-weight:700;color:var(--marinho)}
.lal i.real{color:var(--toranja)}
.lal .sim{color:var(--verde);font-weight:700}
.lal .nao{color:var(--tomate);font-size:13px;font-weight:600}
.lal .nd{color:var(--mute)}
/* resultado */
.cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;margin-top:22px}
.card{background:#fff;border:1.5px solid var(--linha2);border-radius:22px;padding:18px;text-align:left}
.card--top{border-color:var(--verde);box-shadow:0 10px 30px -18px rgba(31,138,91,.6)}
.card h3{font:400 26px/1.1 var(--serif);color:var(--marinho);overflow-wrap:anywhere}
.card__top{color:var(--verde);font-weight:700;font-size:13.5px;margin-top:4px}
.card__v{font:400 32px/1.1 var(--serif);color:var(--ink);margin-top:10px}
.card__v small{display:block;font:400 13.5px/1.4 var(--sans);color:var(--soft)}
.card__x{font-size:14px;color:var(--soft);margin-top:8px;line-height:1.45}
.card__x b{color:var(--toranja);font-size:15px}
.card ul{list-style:none;margin-top:10px;display:grid;gap:5px;font-size:14px;line-height:1.4}
.card__l li{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--linha2);padding-top:5px}
.card__l i{font-style:normal;color:var(--soft);white-space:nowrap}
.card__b li::before{content:"✓ ";color:var(--verde);font-weight:700}
.card__a li::before{content:"⚠ ";color:var(--toranja)}
.lst b.para{color:var(--marinho);white-space:normal}
.msg a{font-size:13.5px;font-weight:700;color:var(--verde)}
@media (max-width:760px){.cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .slot,.slot__t{text-align:center}.slot{flex-direction:column;align-items:center}.slot__a{justify-content:center}.slot__colar .btn{justify-self:center}
  .card{text-align:center}.card__l li{text-align:left}.card__b,.card__a{text-align:left}
  .lal{font-size:13.5px}.lal__r{gap:6px}
  .trava{text-align:left}
}
@media print{.cmp .acoes,.cmp .painel,.msg button,.msg a{display:none}.card{break-inside:avoid}}
.slot__colar[hidden],.slot__st[hidden]{display:none}
.cmp .campos--2{display:grid;gap:9px}
@media (max-width:480px){.cmp .campos--2{grid-template-columns:minmax(0,1fr)}.cmp .trava{text-align:center}}