/* interview-flow.css — A ENTREVISTA, UMA PERGUNTA POR VEZ (13/09/2026; o desenho saiu do interview.html em 18/10/2026
   para a MESMA entrevista morar tambem no passo 3 do cadastro do site). As cores vem das variaveis da pagina que a
   carrega (store.css na pagina solta; o signup define as suas no bloco do passo). */
.iv-h1{ font-family:var(--display); font-size:22px; font-weight:600; margin:0 0 4px; letter-spacing:-.2px; text-align:center }
.iv-who{ font-size:13px; font-weight:600; color:var(--gold-deep); -webkit-text-fill-color:var(--gold-deep); margin:0 0 12px; text-align:center; min-height:18px }
.iv-sub{ font-size:13px; color:var(--ink-2); -webkit-text-fill-color:var(--ink-2); margin:0 auto 22px; line-height:1.5; max-width:380px; text-align:center }
.iv-bar{ height:4px; background:var(--gold-soft); border-radius:999px; overflow:hidden; margin:0 0 18px }
.iv-bar i{ display:block; height:100%; background:var(--gold); width:0; transition:width .2s cubic-bezier(.23,1,.32,1) }
.iv-step{ font-size:12px; font-weight:600; color:var(--ink-2); -webkit-text-fill-color:var(--ink-2); margin-bottom:6px }
.iv-qtext{ font-family:var(--display); font-size:19px; font-weight:600; line-height:1.35; margin:0 0 4px }
.iv-hint{ font-size:12px; color:var(--ink-3); -webkit-text-fill-color:var(--ink-3); margin:0 0 14px; min-height:16px }
.iv-chips{ display:flex; flex-wrap:wrap; gap:8px }
.iv-chip{ display:inline-flex; align-items:center; min-height:var(--ctl-h); padding:0 12px; border-radius:999px; border:1px solid var(--line); background:var(--gold-faint);
  font:inherit; font-size:13px; color:var(--ink); -webkit-text-fill-color:var(--ink); cursor:pointer; user-select:none; text-align:left }
.iv-chip.on{ background:var(--gold-soft); border-color:var(--gold); font-weight:600 }
.iv-other{ margin-top:10px; width:100%; box-sizing:border-box; height:var(--ctl-h); border:1px solid var(--line); border-radius:8px; padding:0 10px; font:inherit; font-size:13px }
.iv-svc{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--line) }
.iv-svc:last-child{ border-bottom:0 }
.iv-svc > span{ font-size:13px; flex:1; line-height:1.35 }
.iv-svc .iv-chips{ flex:0 0 auto; flex-wrap:nowrap; gap:6px }
.iv-svc .iv-chip{ padding:0 10px }
textarea.iv-notes{ width:100%; box-sizing:border-box; min-height:96px; border:1px solid var(--line); border-radius:8px; padding:8px 10px; font:inherit; font-size:13px; resize:vertical }
.iv-nav{ display:flex; gap:10px; align-items:center; margin-top:22px; flex-wrap:wrap }
.iv-btn{ display:inline-flex; align-items:center; justify-content:center; height:var(--ctl-h); padding:0 18px; border-radius:8px; font:inherit; font-size:13px; font-weight:600; cursor:pointer; border:1px solid var(--gold) }
.iv-btn.go{ background:var(--gold); color:#fff; -webkit-text-fill-color:#fff }
.iv-btn.no{ background:var(--gold-soft); color:var(--gold-deep); -webkit-text-fill-color:var(--gold-deep) }
.iv-btn[disabled]{ opacity:.6; cursor:default }
.iv-skip{ background:none; border:0; font:inherit; font-size:13px; color:var(--ink-2); -webkit-text-fill-color:var(--ink-2); cursor:pointer; padding:0 6px; margin-left:auto; text-decoration:underline }
.iv-msg{ text-align:center; font-size:13px; color:var(--ink-2); -webkit-text-fill-color:var(--ink-2); margin-top:14px; min-height:18px; line-height:1.5 }
.iv-msg.bad{ color:var(--red); -webkit-text-fill-color:var(--red); font-weight:600 }
.iv-start{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap }
.iv-end{ text-align:center; padding:30px 0 }
.iv-end h2{ font-family:var(--display); font-size:20px; font-weight:600; margin:0 0 8px }
.iv-end p{ font-size:13px; color:var(--ink-2); -webkit-text-fill-color:var(--ink-2); line-height:1.5; max-width:360px; margin:0 auto }
[hidden]{ display:none !important }