/* ═══════════════════════════════════════════════════════════
   Janela de qualificação antes do WhatsApp
   Mesma linguagem do site: papel, grafite, azul Strato.
   ═══════════════════════════════════════════════════════════ */
.waf{
  width:min(calc(100% - 28px),560px);
  max-height:min(90svh,720px);
  margin:auto;padding:0;border:0;border-radius:0;
  background:var(--paper-2,#fff);color:var(--ink,#0E1219);
  box-shadow:0 40px 120px rgba(14,18,25,.3);
  font-family:var(--body,'IBM Plex Sans',system-ui,sans-serif);
  overflow:hidden;
}
.waf::backdrop{background:rgba(8,12,20,.62);backdrop-filter:blur(6px)}
.waf[open]{animation:waf-in .32s cubic-bezier(.16,1,.3,1)}
@keyframes waf-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

/* topo */
.waf-barra{height:2px;background:rgba(14,18,25,.1)}
.waf-prog{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue-deep,#2563EB),#0891B2);transition:width .35s cubic-bezier(.16,1,.3,1)}
.waf-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px 0;
}
.waf-passo{
  font:600 9.5px/1 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.22em;
  text-transform:uppercase;color:var(--blue-deep,#2563EB);
}
.waf-x{
  width:32px;height:32px;border:0;background:transparent;cursor:pointer;
  font-size:24px;line-height:1;color:#8A94A6;transition:color .2s;
}
.waf-x:hover{color:var(--ink,#0E1219)}

/* meio */
.waf-mid{padding:12px 20px 4px;overflow-y:auto;max-height:calc(90svh - 190px)}
.waf-titulo{
  font-family:var(--display,'Sora',sans-serif);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(1.28rem,3.4vw,1.65rem);line-height:1.18;margin:6px 0 0;color:var(--ink,#0E1219);
}
.waf-ajuda{margin:8px 0 0;color:#5A6675;font-size:13.5px;line-height:1.5}
.waf-corpo{margin-top:18px}

/* opções */
.waf-opcoes{display:grid;gap:8px}
.waf-op{
  width:100%;text-align:left;cursor:pointer;
  padding:14px 16px;font:500 14.5px/1.4 inherit;
  border:1px solid rgba(14,18,25,.16);background:#fff;color:var(--ink,#0E1219);
  transition:border-color .18s,background .18s,transform .18s;
  position:relative;
}
.waf-op:hover{border-color:var(--blue-deep,#2563EB);background:rgba(37,99,235,.04);transform:translateX(2px)}
.waf-op.on{
  border-color:var(--blue-deep,#2563EB);background:rgba(37,99,235,.08);font-weight:600;
}
.waf-op.on:after{
  content:"✓";position:absolute;right:15px;top:50%;transform:translateY(-50%);
  color:var(--blue-deep,#2563EB);font-weight:700;
}
.waf-op:focus-visible{outline:2px solid var(--blue-deep,#2563EB);outline-offset:2px}

/* campos */
.waf-campo{display:block;margin-bottom:13px}
.waf-campo span{
  display:block;margin-bottom:6px;
  font:600 9.5px/1 var(--mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#5A6675;
}
.waf-campo input,.waf-campo textarea{
  width:100%;padding:12px 14px;font:400 15px/1.5 inherit;
  border:1px solid rgba(14,18,25,.16);background:#fff;color:var(--ink,#0E1219);
  border-radius:0;resize:vertical;
}
.waf-campo input:focus,.waf-campo textarea:focus{outline:0;border-color:var(--blue-deep,#2563EB);box-shadow:0 0 0 3px rgba(37,99,235,.12)}

/* rodapé */
.waf-rodape{
  display:flex;align-items:center;gap:10px;
  padding:16px 20px 0;border-top:1px solid rgba(14,18,25,.08);margin-top:16px;
}
.waf-voltar,.waf-pular{
  border:0;background:transparent;cursor:pointer;color:#5A6675;
  font:500 13.5px inherit;padding:10px 4px;transition:color .2s;
}
.waf-voltar:hover,.waf-pular:hover{color:var(--ink,#0E1219)}
.waf-pular{margin-left:auto}
.waf-avancar{
  margin-left:auto;display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  padding:13px 22px;border:0;border-radius:999px;
  font:600 14px inherit;color:#fff;
  background:linear-gradient(96deg,var(--blue-deep,#2563EB),#0891B2);
  box-shadow:0 8px 24px rgba(37,99,235,.26);
  transition:transform .2s,box-shadow .2s,opacity .2s;
}
.waf-pular:not([hidden]) ~ .waf-avancar{margin-left:0}
.waf-avancar svg{width:16px;height:16px;transition:transform .22s}
.waf-avancar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px rgba(37,99,235,.34)}
.waf-avancar:hover:not(:disabled) svg{transform:translateX(3px)}
.waf-avancar:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.waf-nota{
  margin:0;padding:12px 20px 18px;text-align:center;
  font:500 11px/1.5 var(--mono,monospace);letter-spacing:.04em;color:#8A94A6;
}

@media(max-width:520px){
  .waf-mid{padding:12px 16px 4px}
  .waf-head,.waf-rodape,.waf-nota{padding-left:16px;padding-right:16px}
  .waf-op{padding:13px 14px;font-size:14px}
  .waf-avancar{padding:12px 16px;font-size:13.5px}
  .waf-voltar,.waf-pular{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .waf[open]{animation:none}
  .waf-op,.waf-avancar,.waf-prog{transition:none}
}