.qi-wrapper{max-width:900px;margin:20px auto}
.qi-card{background:#ffffff;border:1px solid #e4e9f1;border-radius:24px;padding:28px;margin:0 0 20px;box-shadow:0 10px 30px rgba(8,35,76,.04)}
.qi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qi-grid input[type="text"], .qi-grid input[type="email"], .qi-form textarea{width:100%}
.qi-option{display:flex;gap:10px;align-items:flex-start;width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:14px;margin:10px 0}
.qi-btn{background:#123d75;color:#fff;border:none;border-radius:999px;padding:12px 22px;cursor:pointer}
.qi-msg{padding:14px 16px;border-radius:12px;margin:0 0 20px}
.qi-msg-erro{background:#fff1f1;border:1px solid #f0b3b3;color:#9f2b2b}
.qi-faixas{display:grid;gap:12px}
.qi-faixa{border:1px solid #e4e9f1;border-radius:24px;padding:20px;background:#fff;box-shadow:0 10px 30px rgba(8,35,76,.04)}
.qi-faixa.is-active{border-color:#536dfe;box-shadow:0 0 0 1px #536dfe inset,0 10px 30px rgba(8,35,76,.04);background:#f7f9ff;opacity:1}
.qi-faixa.is-inactive{opacity:.58;filter:grayscale(20%);background:#fafbfd}
.qi-faixa-topo{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.qi-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#475569}
.qi-kicker-result{display:inline-block;margin-bottom:6px;color:#123d75}
.qi-resultado h1,.qi-resultado h2,.qi-resultado h3,.qi-resultado strong,.qi-title{color:#123d75}
.qi-resultado p,.qi-text{color:#002a53;line-height:1.6}
.qi-report-hero{background:linear-gradient(135deg,#eef3ff,#f7f9ff)}
.qi-report-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.qi-report-metric{background:#fff;border:1px solid #d9dfe8;border-radius:14px;padding:14px}
.qi-report-metric span{display:block;font-size:12px;color:#667085;margin-bottom:6px}
.qi-report-metric strong{font-size:24px}
.qi-report-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qi-report-block{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}
@media (max-width:768px){.qi-grid,.qi-report-metrics,.qi-report-sections{grid-template-columns:1fr}} .qi-wrapper.qi-resultado{
max-width:900px;
margin:24px auto 40px;
}
.qi-resultado .qi-card{
border-radius:28px;
}
.qi-resultado-relatorio .qi-report-hero{
padding:28px 28px 24px;
}
.qi-resultado-relatorio .qi-kicker{
color:#5d7090;
font-weight:600;
}
.qi-resultado-relatorio h1{
margin:0 0 14px;
font-size:30px;
line-height:1.15;
letter-spacing:-0.02em;
}
.qi-report-metric{
border-radius:18px;
padding:16px 18px;
}
.qi-report-metric span{
text-transform:uppercase;
letter-spacing:.04em;
font-size:12px;
font-weight:600;
}
.qi-report-metric strong{
font-size:22px;
line-height:1.25;
display:block;
color:#123d75;
}
.qi-report-metric.qi-report-metric-score strong{
font-size:34px;
}
.qi-report-sections{
align-items:stretch;
}
.qi-report-block{
border-radius:18px;
padding:20px;
}
.qi-report-block h3{
margin:0 0 8px;
font-size:18px;
}
.qi-faixas{
gap:18px;
}
.qi-faixa{
border-radius:26px;
padding:22px 22px 20px;
}
.qi-faixa-topo{
align-items:flex-start;
margin-bottom:8px;
}
.qi-faixa-topo strong{
display:block;
flex:1 1 auto;
font-size:18px;
line-height:1.3;
padding-right:14px;
}
.qi-faixa-topo > span:last-child{
flex:0 0 auto;
font-size:16px;
color:#667085;
white-space:nowrap;
}
.qi-faixa p{
margin:0 0 12px;
}
.qi-faixa p:last-child{
margin-bottom:0;
}
.qi-faixa.is-inactive{
opacity:.48;
filter:none;
padding:18px 20px 18px;
box-shadow:none;
}
.qi-faixa.is-inactive .qi-faixa-topo strong{
font-size:17px;
}
.qi-faixa.is-active{
padding:24px 22px 22px;
background:linear-gradient(180deg,#f8faff 0%, #f4f7ff 100%);
}
.qi-kicker-result{
margin-bottom:10px;
letter-spacing:.08em;
font-weight:700;
} .qi-wrapper{max-width:900px;margin:0 auto;}
.qi-form{display:flex;flex-direction:column;gap:24px}
.qi-question{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:20px}
.qi-question-title{font-size:18px;font-weight:600;color:#123d75;margin-bottom:10px}
.qi-option{border:1px solid #d6dde8;border-radius:12px;padding:12px;cursor:pointer;transition:.2s}
.qi-option:hover{border-color:#123d75;background:#f7f9ff}
.qi-option input{margin-right:8px}
.qi-option.selected{border-color:#536dfe;background:#f0f3ff}
.qi-submit{align-self:flex-start}