/* ══════════════════════════════════════════════════════════════════════════
   leads-kfb.css · el paso 2 del pedido (las preguntas) y la casilla del
   permiso. Lo usan la landing y el alta. Colores sólo de tokens.css.
   ══════════════════════════════════════════════════════════════════════════ */
.lead-paso { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--acento-texto); margin: 0; }
.lead-tit { font-family: var(--letra-titulo); font-size: 1.25rem; font-weight: 600; line-height: 1.25; margin: 2px 0 0; }
.lead-sub { font-size: .92rem; color: var(--texto-2); line-height: 1.6; margin: 0 0 6px; }

.lead-casilla { display: flex; gap: 10px; align-items: flex-start; font-size: .88rem; color: var(--texto-2); line-height: 1.5; cursor: pointer; text-align: left; }
.lead-casilla input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--acento); }

.lead-preguntas { display: flex; flex-direction: column; gap: 20px; text-align: left; margin-bottom: 12px; }
.lead-preg { font-size: .95rem; font-weight: 600; color: var(--texto); margin: 0 0 10px; }
.lead-preg small { font-weight: 400; color: var(--texto-3); }
.lead-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lead-chip {
  border: 1px solid var(--borde); background: var(--superficie); color: var(--texto-2);
  border-radius: 999px; padding: 9px 15px; min-height: 40px; font-size: .88rem; line-height: 1.3;
  font-family: var(--letra); cursor: pointer; text-align: left;
  transition: border-color .15s, background .15s, color .15s, transform .15s;
}
.lead-chip:hover { border-color: var(--borde-acento); color: var(--texto); }
.lead-chip:active { transform: scale(.98); }
.lead-chip:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
.lead-chip[aria-pressed="true"] { border-color: var(--acento); color: var(--texto); background: var(--acento-suave); }
.lead-nums { display: flex; gap: 10px; }
.lead-nums label { flex: 1; display: flex; flex-direction: column; gap: 6px; font-size: .82rem; color: var(--texto-2); }
.lead-nums input {
  width: 100%; box-sizing: border-box; padding: 11px 13px; border-radius: 8px;
  border: 1px solid var(--borde); background: var(--superficie); color: var(--texto);
  font-family: var(--letra); font-size: 1rem;
}
.lead-nums input:focus { outline: 2px solid var(--acento); outline-offset: 1px; border-color: transparent; }
.lead-saltear { background: none; border: 0; color: var(--texto-3); font-family: var(--letra); font-size: .88rem; cursor: pointer; padding: 6px; justify-self: center; text-decoration: underline; text-underline-offset: 3px; }
.lead-saltear:hover { color: var(--texto); }