/* "Essa loja é confiável?" — complementa estilo.css e qual-golpe.css (usa as mesmas variáveis) */
.lc-form { border-left-color: var(--tinta); }
.lc-passo { padding: 0 0 1.25rem; margin: 0 0 1.25rem; border-bottom: 1px solid var(--linha); }
.lc-passo:last-of-type { border-bottom: 0; }
.lc-passo h2 { display: flex; align-items: center; gap: .6rem; font-size: 1.35rem; margin: .25rem 0 .5rem; }
.lc-num {
  display: inline-grid; place-items: center; flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 50%;
  background: var(--alerta); color: #1A2233; font-size: 1.05rem;
}
.lc-passo fieldset { margin-top: 1rem; }
.lc-passo input[type="text"] { margin-bottom: .75rem; }
.lc-status { min-height: 1.5rem; margin: 0 0 .75rem; font-weight: 700; }
.lc-status.lc-ok { color: var(--seguro); }
.lc-status.lc-erro { color: var(--golpe); }
.lc-passo .qg-consultas { margin-bottom: .75rem; }

.lc-resultado { margin: 1.5rem 0; padding: 1.25rem; border-radius: var(--raio); border: 2px solid var(--linha); background: var(--papel); scroll-margin-top: 1rem; }
.lc-resultado h3 { font: 800 1.1rem/1.25 var(--titulo); margin: 1rem 0 .4rem; }
.lc-resultado ul { margin: 0; padding-left: 1.2rem; }
.lc-resultado li { margin-bottom: .35rem; }
.lc-farol { width: 3rem; height: 3rem; border-radius: 50%; margin: 0 0 .5rem; display: grid; place-items: center; font: 800 1.5rem/1 var(--titulo); }
.lc-vermelho { background: var(--golpe-fundo); border-color: var(--golpe); }
.lc-vermelho .lc-farol { background: var(--golpe); }
.lc-vermelho .veredito { color: var(--golpe); }
.lc-amarelo, .lc-incompleto { background: var(--atencao-fundo); border-color: var(--alerta); }
.lc-amarelo .lc-farol { background: var(--alerta); }
.lc-incompleto .lc-farol { background: var(--linha); color: var(--tinta); }
.lc-verde { border-color: var(--seguro); }
.lc-verde .lc-farol { background: var(--seguro); }
.lc-verde .veredito { color: var(--seguro); }
.lc-graves li { font-weight: 700; }