#qualification-dialog {
  --qf-ink: #03323c;
  --qf-green: #00cd74;
  --qf-paper: #f7f9f5;
  --qf-height: min(900px, calc(100dvh - 64px));
  box-sizing: border-box;
  width: min(720px, calc(100% - 40px));
  max-width: 720px;
  max-height: var(--qf-height);
  margin: auto;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 24px;
  background: var(--qf-paper);
  color: var(--qf-ink);
  box-shadow: 0 28px 100px rgba(0, 24, 29, .28);
  font-family: 'Nunito Sans', 'Segoe UI', sans-serif;
  scrollbar-width: thin;
  scrollbar-color: #c7d7cf transparent;
}
#qualification-dialog::backdrop { background: rgba(2, 26, 31, .7); backdrop-filter: blur(7px); }
#qualification-dialog *, #qualification-dialog *::before, #qualification-dialog *::after { box-sizing: border-box; }
#qualification-dialog [hidden] { display: none !important; }
#qualification-dialog .qf-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
#qualification-dialog .qf-shell { display: flex; flex-direction: column; max-height: calc(var(--qf-height) - 2px); min-height: 0; }
#qualification-dialog button, #qualification-dialog input, #qualification-dialog textarea, #qualification-dialog select { font: inherit; }
#qualification-dialog button { cursor: pointer; }
#qualification-dialog button:disabled { cursor: default; }
#qualification-dialog :focus-visible { outline: 3px solid #006941; outline-offset: 4px; }
#qualification-dialog .qf-header { flex: 0 0 auto; padding: 24px 40px 25px; border-bottom: 1px solid #d4e1d7; }
#qualification-dialog .qf-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#qualification-dialog .qf-kicker { font-size: 16px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #28634d; }
#qualification-dialog .qf-close { display: grid; place-items: center; flex: 0 0 56px; width: 56px; height: 56px; padding: 0 0 3px; border: 1px solid #c4d5c9; border-radius: 50%; color: var(--qf-ink); background: transparent; font-size: 32px; line-height: 1; }
#qualification-dialog .qf-close:hover { background: #e6eee8; }
#qualification-dialog .qf-heading { margin: 17px 0 12px; max-width: 540px; font-size: clamp(27px, 3.7vw, 34px); font-weight: 800; line-height: 1.2; letter-spacing: -.025em; }
#qualification-dialog .qf-support { max-width: 515px; margin: 0; color: #3f6154; font-size: 18px; line-height: 1.6; }
#qualification-dialog .qf-progress-row { display: flex; align-items: center; gap: 22px; margin-top: 25px; }
#qualification-dialog .qf-step-count { flex: 0 0 auto; color: #406252; font-size: 16px; font-weight: 750; }
#qualification-dialog .qf-progress { display: block; flex: 1; min-width: 0; width: 100%; height: 7px; appearance: none; border: 0; border-radius: 10px; background: #dce7df; color: var(--qf-green); }
#qualification-dialog .qf-progress::-webkit-progress-bar { border-radius: 10px; background: #dce7df; }
#qualification-dialog .qf-progress::-webkit-progress-value { border-radius: 10px; background: #00a660; transition: width .25s ease; }
#qualification-dialog .qf-progress::-moz-progress-bar { border-radius: 10px; background: #00a660; }
#qualification-dialog .qf-compact .qf-header { padding-top: 16px; padding-bottom: 19px; }
#qualification-dialog .qf-compact .qf-heading { margin-top: 9px; margin-bottom: 0; font-size: 23px; letter-spacing: -.02em; }
#qualification-dialog .qf-compact .qf-progress-row { margin-top: 16px; }
#qualification-dialog .qf-form { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; margin: 0; }
#qualification-dialog .qf-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 30px 40px 28px; scroll-padding-block: 16px; scrollbar-width: thin; scrollbar-color: #90b49e transparent; }
#qualification-dialog .qf-question { margin: 0 0 25px; font-size: 25px; font-weight: 750; letter-spacing: -.018em; line-height: 1.4; white-space: pre-line; }
#qualification-dialog .qf-header .qf-question { margin: 18px 0 0; font-size: 22px; line-height: 1.35; }
#qualification-dialog .qf-context { margin: 0 0 24px; color: #3f6154; font-size: 18px; line-height: 1.6; white-space: pre-line; }
#qualification-dialog .qf-question:focus, #qualification-dialog .qf-complete-title:focus { outline: none; }
#qualification-dialog .qf-input { width: 100%; min-height: 64px; border: 1.5px solid #aabcaf; border-radius: 10px; background: white; padding: 16px 18px; color: var(--qf-ink); font-size: 20px; line-height: 1.5; transition: border-color .16s ease, box-shadow .16s ease; scroll-margin-block: 16px; }
#qualification-dialog .qf-input::placeholder { color: #607b6c; opacity: 1; }
#qualification-dialog .qf-input:focus { border-color: #007d49; box-shadow: 0 0 0 3px rgba(0, 125, 73, .15); outline: 2px solid transparent; }
#qualification-dialog .qf-input:focus-visible { outline: 3px solid #006941; outline-offset: 3px; }
#qualification-dialog .qf-input[aria-invalid=true] { border-color: #ad4938; }
#qualification-dialog .qf-phone-fields { min-width: 0; }
#qualification-dialog .qf-phone-control { position: relative; }
#qualification-dialog .qf-phone-control .qf-input { padding-left: 76px; }
#qualification-dialog .qf-country-control { position: absolute; z-index: 1; left: 2px; top: 2px; bottom: 2px; width: 62px; border-radius: 8px 0 0 8px; }
#qualification-dialog .qf-country-control:hover { background: #f4f7f4; }
#qualification-dialog .qf-country-control:focus-within { outline: 3px solid #006941; outline-offset: -3px; }
#qualification-dialog .qf-country-control::after { content: ''; position: absolute; right: 10px; top: calc(50% - 1px); border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #60756b; pointer-events: none; }
#qualification-dialog .qf-phone-flag { position: absolute; left: 13px; top: 50%; width: 24px; height: 18px; object-fit: contain; transform: translateY(-50%); border-radius: 1px; pointer-events: none; }
#qualification-dialog #qf-phone-country { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; border: 0; opacity: 0; color: var(--qf-ink); background: #fff; font-size: 18px; cursor: pointer; }
#qualification-dialog #qf-phone-country:disabled { cursor: default; }
#qualification-dialog #qf-phone-country option { color: var(--qf-ink); background: #fff; font-size: 18px; }
#qualification-dialog .qf-birth-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; max-width: 460px; }
#qualification-dialog .qf-birth-field { min-width: 0; }
#qualification-dialog .qf-birth-label { display: block; margin-bottom: 9px; font-size: 18px; font-weight: 750; }
#qualification-dialog .qf-birth-input { min-width: 0; text-align: center; font-variant-numeric: tabular-nums; }
#qualification-dialog .qf-birth-hint { margin: 15px 0 0; color: #3f6154; font-size: 17px; line-height: 1.5; }
#qualification-dialog .qf-options { display: grid; gap: 12px; }
#qualification-dialog .qf-option { position: relative; display: flex; align-items: center; gap: 15px; min-height: 64px; padding: 16px 18px; border: 1.5px solid #bdcec1; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .16s ease, background .16s ease; scroll-margin-block: 16px; }
#qualification-dialog .qf-option:hover { border-color: #80b89a; background: #fbfffc; }
#qualification-dialog .qf-option:has(input:checked) { border-color: #007d49; background: #e4f4e9; box-shadow: inset 0 0 0 1px #007d49; }
#qualification-dialog .qf-option:has(input:focus-visible) { outline: 3px solid #006941; outline-offset: 4px; }
#qualification-dialog .qf-choice { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
#qualification-dialog .qf-mark { position: relative; display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1.5px solid #89a593; border-radius: 50%; background: white; }
#qualification-dialog .qf-choice:checked + .qf-mark { border-color: #008d51; background: #008d51; }
#qualification-dialog .qf-choice:checked + .qf-mark::after { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #fff; }
#qualification-dialog .qf-option-multiple .qf-mark { border-radius: 5px; }
#qualification-dialog .qf-option-multiple .qf-choice:checked + .qf-mark::after { width: 11px; height: 6px; transform: rotate(-45deg) translateY(-1px); border-left: 2px solid white; border-bottom: 2px solid white; border-radius: 0; background: transparent; }
#qualification-dialog .qf-option-text { min-width: 0; font-size: 18px; line-height: 1.5; font-weight: 650; overflow-wrap: break-word; }
#qualification-dialog .qf-other { margin-top: 18px; }
#qualification-dialog .qf-other-label { display: block; margin-bottom: 10px; font-size: 18px; font-weight: 750; }
#qualification-dialog .qf-textarea { resize: vertical; min-height: 120px; font-size: 18px; }
#qualification-dialog .qf-footer { flex: 0 0 auto; position: relative; padding: 18px 40px 24px; border-top: 1px solid #d4e1d7; background: var(--qf-paper); border-radius: 0 0 24px 24px; }
#qualification-dialog .qf-error { margin: 0; padding: 0; color: #983521; font-size: 16px; line-height: 1.5; }
#qualification-dialog .qf-error:not(:empty) { padding: 0 0 14px; }
#qualification-dialog .qf-navigation { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#qualification-dialog .qf-back { min-height: 56px; padding: 12px 8px; border: none; border-radius: 8px; background: none; color: #315a49; font-size: 18px; font-weight: 750; }
#qualification-dialog .qf-back:hover { color: var(--qf-ink); }
#qualification-dialog .qf-back:disabled { visibility: hidden; }
#qualification-dialog .qf-continue { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 60px; min-width: 186px; padding: 15px 26px; border: 0; border-radius: 10px; background: var(--qf-green); color: var(--qf-ink); text-decoration: none; font-size: 18px; font-weight: 850; line-height: 1.5; box-shadow: 0 4px 10px rgba(0, 135, 76, .08); transition: background .16s ease, transform .16s ease; }
#qualification-dialog .qf-continue:hover { background: #11de86; transform: translateY(-1px); }
#qualification-dialog .qf-continue:disabled { opacity: .65; transform: none; }
#qualification-dialog .qf-complete { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 38px 40px 42px; text-align: center; }
#qualification-dialog .qf-complete-icon { display: grid; place-items: center; width: 61px; height: 61px; margin: 0 auto 22px; border: 1px solid #b1d8bf; border-radius: 50%; background: #e1f3e8; color: #008b4d; font-size: 28px; }
#qualification-dialog .qf-complete-title { margin: 0 0 12px; font-size: 29px; line-height: 1.2; letter-spacing: -.03em; }
#qualification-dialog .qf-complete-message { margin: 0 auto 27px; max-width: 480px; color: #3f6154; font-size: 18px; line-height: 1.6; white-space: pre-line; }
#qualification-dialog .qf-finish-close { display: block; margin: 12px auto 0; }
/* Tela final com o exame por mandar (07:37, "a única opção dela é ser mandada para o WhatsApp"): sem o X o cabeçalho fica
   vazio; some a faixa e a linha, e a tela começa no símbolo de atenção. */
#qualification-dialog .qf-shell .qf-header.qf-header-bare, #qualification-dialog .qf-compact .qf-header.qf-header-bare { padding: 0; border-bottom: 0; }
/* Filipe, vídeo do formulário 10/10 (02:06 a 02:50): o aviso de rolar quase não aparecia. Faixa colorida logo abaixo da
   opção cortada pela metade. */
#qualification-dialog .qf-scroll-hint { flex: 0 0 auto; margin: 0; padding: 9px 40px 10px; border-top: 1px solid #a9dcbf; background: #dcf4e6; color: #0b4a34; font-size: 16px; line-height: 1.5; font-weight: 800; }
/* Da 2ª pergunta em diante, "Pergunta X de 10" e a barra ficam no lugar do rótulo, ao lado do X (00:32). */
#qualification-dialog .qf-top .qf-close { margin-left: auto; }
#qualification-dialog .qf-top .qf-progress-top { flex: 1 1 auto; flex-direction: column; align-items: stretch; gap: 9px; min-width: 0; margin: 0; }
#qualification-dialog .qf-top .qf-progress-top .qf-progress { flex: 0 0 auto; }
/* Tela final com o envio do exame por fazer (06:38): atenção em amarelo, e o botão mostra o tempo até o WhatsApp abrir. */
#qualification-dialog .qf-complete-attention { border-color: #e8c35a; background: #fff1bf; color: #7a5200; font-size: 32px; font-weight: 900; }
#qualification-dialog .qf-redirect { position: relative; overflow: hidden; }
#qualification-dialog .qf-redirect::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: rgba(3, 50, 60, .32); transform: scaleX(0); transform-origin: left center; animation: qf-redirect var(--qf-redirect-ms, 4s) linear forwards; }
@keyframes qf-redirect { to { transform: scaleX(1); } }
/* Abertura do formulário pela Home (09:56 a 13:06): o que é a Pré-Análise e o que fazer pra receber. */
#qualification-dialog .qf-intro .qf-top { align-items: flex-start; }
#qualification-dialog .qf-intro .qf-heading { margin: 8px 0 0; }
#qualification-dialog .qf-intro-lead { margin: 0 0 14px; color: #3f6154; font-size: 18px; line-height: 1.6; }
#qualification-dialog .qf-intro-gains { display: grid; gap: 10px; margin: 0 0 26px; padding: 0; list-style: none; }
#qualification-dialog .qf-intro-gains li { position: relative; padding: 12px 14px 12px 44px; border: 1px solid #cfe3d6; border-radius: 12px; background: #fff; color: #23463b; font-size: 17px; line-height: 1.5; }
#qualification-dialog .qf-intro-gains li::before { content: ''; position: absolute; left: 14px; top: 14px; width: 20px; height: 20px; border-radius: 50%; background: #e1f3e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008b4d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center / 13px no-repeat; }
#qualification-dialog .qf-intro-gains strong { color: var(--qf-ink); font-weight: 800; }
#qualification-dialog .qf-intro-steps-title { margin: 0 0 14px; font-size: 19px; font-weight: 800; line-height: 1.35; }
#qualification-dialog .qf-intro-steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
#qualification-dialog .qf-intro-step { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: start; }
#qualification-dialog .qf-intro-step > b { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--qf-ink); color: var(--qf-green); font-size: 15px; font-weight: 850; }
#qualification-dialog .qf-intro-step strong { display: block; padding-top: 1px; font-size: 18px; line-height: 1.4; }
#qualification-dialog .qf-intro-step span { display: block; margin-top: 2px; color: #3f6154; font-size: 17px; line-height: 1.5; }
#qualification-dialog .qf-intro-free { margin: 22px 0 0; color: #0b4a34; font-size: 17px; font-weight: 800; line-height: 1.5; }
#qualification-dialog .qf-intro-navigation { justify-content: flex-end; }
#qualification-dialog.qf-viewport-managed {
  --qf-height: min(900px, calc(var(--qf-visible-height, 100dvh) - var(--qf-viewport-gap, 32px)));
  position: fixed;
  top: calc(var(--qf-visible-top, 0px) + var(--qf-visible-height, 100dvh) / 2);
  bottom: auto;
  margin-block: 0;
  transform: translateY(-50%);
}
@media (min-width: 951px) {
  #qualification-dialog .qf-body:has(.qf-options) { scrollbar-gutter: stable; }
}
@media (max-width: 950px) {
  #qualification-dialog { width: min(720px, calc(100% - 32px)); }
  #qualification-dialog .qf-body { -webkit-overflow-scrolling: touch; }
  #qualification-dialog .qf-input { scroll-margin-block: 12px; }
}
@media (max-width: 600px) {
  #qualification-dialog { --qf-viewport-gap: 16px; width: calc(100% - 16px); border-radius: 18px; }
  #qualification-dialog .qf-header { padding: 16px 20px 20px; }
  #qualification-dialog .qf-heading { max-width: 310px; font-size: 29px; margin-top: 14px; }
  #qualification-dialog .qf-support { font-size: 17px; }
  #qualification-dialog .qf-progress-row { gap: 14px; margin-top: 20px; }
  #qualification-dialog .qf-compact .qf-header { padding: 12px 20px 16px; }
  #qualification-dialog .qf-compact .qf-heading { font-size: 22px; max-width: 100%; }
  #qualification-dialog .qf-body { padding: 24px 20px; }
  #qualification-dialog .qf-question { font-size: 23px; margin-bottom: 22px; }
  #qualification-dialog .qf-header .qf-question { margin: 16px 0 0; font-size: 20px; }
  #qualification-dialog .qf-option { min-height: 64px; padding: 14px; gap: 13px; }
  #qualification-dialog .qf-footer { padding: 16px 20px max(18px, env(safe-area-inset-bottom)); border-radius: 0 0 18px 18px; }
  #qualification-dialog .qf-navigation { gap: 12px; }
  #qualification-dialog .qf-continue { min-width: 155px; padding-inline: 20px; }
  #qualification-dialog .qf-complete { padding: 30px 20px; }
  #qualification-dialog .qf-scroll-hint { padding: 7px 20px 8px; font-size: 16px; }
  #qualification-dialog .qf-intro .qf-heading { font-size: 26px; }
  #qualification-dialog .qf-intro-navigation .qf-continue { width: 100%; }
  #qualification-dialog .qf-birth-fields { gap: 10px; }
  #qualification-dialog .qf-birth-input { padding-inline: 10px; }
}
@media (max-width: 360px) {
  #qualification-dialog { width: calc(100% - 12px); --qf-viewport-gap: 12px; }
  #qualification-dialog .qf-header, #qualification-dialog .qf-compact .qf-header { padding-inline: 16px; }
  #qualification-dialog .qf-heading { font-size: 27px; }
  #qualification-dialog .qf-body, #qualification-dialog .qf-footer { padding-inline: 16px; }
  #qualification-dialog .qf-option { padding: 13px 12px; gap: 11px; }
  #qualification-dialog .qf-progress-row { gap: 12px; }
  #qualification-dialog .qf-navigation { gap: 8px; }
  #qualification-dialog .qf-continue { min-width: 145px; padding-inline: 16px; }
  #qualification-dialog .qf-back { padding-inline: 4px; }
  #qualification-dialog .qf-scroll-hint { padding-inline: 16px; }
}
#qualification-dialog.qf-short-viewport { --qf-viewport-gap: 12px; }
#qualification-dialog.qf-short-viewport .qf-header,
#qualification-dialog.qf-short-viewport .qf-compact .qf-header { padding: 8px 16px 10px; }
#qualification-dialog.qf-short-viewport .qf-close { flex-basis: 44px; width: 44px; height: 44px; font-size: 28px; }
#qualification-dialog.qf-short-viewport .qf-progress-row { margin-top: 6px; }
#qualification-dialog.qf-short-viewport .qf-body { padding: 16px; }
#qualification-dialog.qf-short-viewport .qf-heading { margin: 0 0 10px; max-width: none; font-size: 26px; }
#qualification-dialog.qf-short-viewport .qf-support { margin-bottom: 20px; font-size: 17px; line-height: 1.5; }
#qualification-dialog.qf-short-viewport .qf-question { margin-bottom: 18px; font-size: 22px; line-height: 1.35; }
#qualification-dialog.qf-short-viewport .qf-context { margin-bottom: 18px; }
#qualification-dialog.qf-short-viewport .qf-footer { padding: 8px 16px max(8px, env(safe-area-inset-bottom)); }
#qualification-dialog.qf-short-viewport .qf-back { min-height: 48px; }
#qualification-dialog.qf-short-viewport .qf-continue { min-height: 52px; padding-block: 12px; }
#qualification-dialog.qf-short-viewport .qf-scroll-hint { padding: 4px 16px 6px; line-height: 1.35; }
#qualification-dialog.qf-short-viewport .qf-complete { padding: 20px 16px; }
@media (forced-colors: active) {
  #qualification-dialog .qf-option:has(input:checked) { border-color: Highlight; outline: 2px solid Highlight; outline-offset: -3px; }
  #qualification-dialog .qf-choice:checked + .qf-mark { background: Highlight; forced-color-adjust: none; }
}
@media (prefers-reduced-motion: reduce) {
  #qualification-dialog *, #qualification-dialog *::before, #qualification-dialog *::after { transition: none !important; }
  #qualification-dialog .qf-redirect::after { animation: none; transform: scaleX(1); }
}

/* 14/10 (Filipe, aba "Ajustes Home"): abertura da Home com a copy dele e o campo do nome na mesma tela. */
#qualification-dialog .qf-heading:focus { outline: none; }
#qualification-dialog .qf-intro-hook { margin: 0 0 12px; color: var(--qf-ink); font-size: 21px; font-weight: 800; line-height: 1.4; letter-spacing: -.01em; }
#qualification-dialog .qf-intro-lead strong { color: var(--qf-ink); font-weight: 800; }
#qualification-dialog .qf-intro-note { margin: 4px 0 26px; color: #4f6e61; font-size: 16px; line-height: 1.5; }
#qualification-dialog .qf-intro-question { margin: 0 0 12px; font-size: 22px; font-weight: 750; letter-spacing: -.018em; line-height: 1.35; }
@media (max-width: 600px) {
  #qualification-dialog .qf-intro-hook { font-size: 20px; }
  #qualification-dialog .qf-intro-question { font-size: 20px; }
}

/* 15/10 (Filipe, aba "Ajustes Pré-Análise"): convite do webinário. Texto alinhado à esquerda pra ler como mensagem, os
   trechos em negrito do doc, o botão do WhatsApp dos encontros na largura toda e a nota pequena embaixo.
   15/10 (Adlem, print do celular): linhas equilibradas nos dois parágrafos. Com o "Pré-Análises individuais." inteiro, a 3ª
   linha ficava com 178 px vazios a 393 px, e a 430 px o "normal”." sobrava sozinho. Navegador sem text-wrap: como antes. */
#qualification-dialog .qf-invite { text-align: left; }
#qualification-dialog .qf-invite .qf-invite-text { margin: 0 0 16px; max-width: none; white-space: normal; text-wrap: balance; }
#qualification-dialog .qf-invite strong { color: var(--qf-ink); font-weight: 800; }
#qualification-dialog .qf-invite .qf-invite-button { display: flex; width: 100%; margin-top: 10px; }
#qualification-dialog .qf-invite-note { margin: 12px 0 0; color: #4f6e61; font-size: 15px; line-height: 1.5; text-align: center; }
#qualification-dialog .qf-nowrap { white-space: nowrap; }

/* 16/10 (Filipe, 15/10 18h41 a 18h49): o texto novo do convite abre com um TÍTULO (a 1ª frase), em linhas equilibradas como o
   resto; na abertura do pop-up da Home, o sublinhado do texto dele e menos espaço embaixo do título ("otimizar o espaço que
   tem ali embaixo do título, pq ai a rolagem não fica tão grande e corta o input": a 375x667 o campo ia de 537 a 601 px e o
   botão começava em 580, escondendo o campo). */
#qualification-dialog .qf-invite .qf-invite-title { margin: 0 0 14px; color: var(--qf-ink); font-size: 22px; font-weight: 800; line-height: 1.35; letter-spacing: -.01em; text-wrap: balance; }
#qualification-dialog .qf-invite-note { text-wrap: balance; }
#qualification-dialog .qf-intro-underline { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
#qualification-dialog .qf-intro .qf-intro-last { margin-bottom: 22px; }
@media (max-width: 600px) {
  #qualification-dialog .qf-invite .qf-invite-title { font-size: 20px; }
  #qualification-dialog .qf-intro .qf-header { padding-bottom: 12px; }
  #qualification-dialog .qf-intro .qf-body { padding-top: 16px; }
}

/* 16/10, revisão (medido em toda largura de 320 a 1920 e na altura que o celular mostra com as barras do navegador
   abertas): (a) abaixo de 375 px o título da abertura quebrava em "Pré-Análise / gratuita" (a 360, a largura mais comum
   no Android), com "gratuita" sozinha e 31 px a menos pro campo: menos folga até o X e letra que acompanha a largura;
   (b) em tela baixa (Safari do iPhone SE com as barras, 375x553; Android 360x640) o campo do nome ficava 5 a 7 px
   escondido embaixo do corpo: menos espaço entre os parágrafos. Telas de 375 px pra cima e mais altas que 640: iguais. */
@media (max-width: 374px) {
  #qualification-dialog .qf-intro .qf-top { gap: 12px; }
  #qualification-dialog .qf-intro .qf-heading { font-size: clamp(22px, 6.9vw, 26px); }
}
@media (max-width: 600px) and (max-height: 640px) {
  #qualification-dialog .qf-intro .qf-intro-hook { margin-bottom: 8px; }
  #qualification-dialog .qf-intro .qf-intro-lead { margin-bottom: 10px; line-height: 1.5; }
  #qualification-dialog .qf-intro .qf-intro-last { margin-bottom: 16px; }
}