/* juris86 — Diagnóstico do Escritório (versão WordPress)
   Fiel ao Design Component original (mesmo visual, mesmas perguntas, mesmo cálculo).
   Sem dependência de plugins — só CSS puro, compatível com Gutenberg e Elementor. */

#jx-diag *{box-sizing:border-box;}
#jx-diag{background:#0E0D0C;font-family:'Hanken Grotesk',Arial,sans-serif;color:#0E0D0C;}
#jx-diag ::selection{background:#ED4A24;color:#fff;}
#jx-diag input::placeholder{color:#6B655D;opacity:.7;}
#jx-diag .jx-root{min-height:100vh;background:#F6F4F0;}
#jx-diag .jx-hide{display:none !important;}

#jx-diag .jx-topbar{position:sticky;top:0;z-index:30;background:#0E0D0C;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;}
#jx-diag .jx-topbar img{height:26px;width:auto;}
#jx-diag .jx-topbar-label{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#8B857D;}

#jx-diag .jx-progress-wrap{background:#0E0D0C;padding:0 32px 18px;}
#jx-diag .jx-progress-inner{max-width:920px;margin:0 auto;}
#jx-diag .jx-progress-row{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6B655D;margin-bottom:10px;}
#jx-diag .jx-progress-track{height:4px;background:rgba(246,244,240,.14);border-radius:100px;overflow:hidden;}
#jx-diag .jx-progress-bar{height:100%;background:#ED4A24;border-radius:100px;transition:width .4s ease;}

#jx-diag .jx-section{max-width:920px;margin:0 auto;padding:80px 32px 100px;}
#jx-diag .jx-kicker{font-family:'Space Mono',monospace;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:#ED4A24;margin-bottom:28px;}
#jx-diag h1{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:56px;line-height:1.05;letter-spacing:-.02em;margin:0 0 28px;}
#jx-diag h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:38px;line-height:1.1;letter-spacing:-.02em;margin:0 0 30px;}
#jx-diag p.jx-lead{margin:0 0 44px;max-width:680px;font-size:19px;line-height:1.55;color:#3A3631;}
#jx-diag .jx-stats{display:flex;gap:36px;flex-wrap:wrap;margin-bottom:48px;}
#jx-diag .jx-stat{display:flex;align-items:baseline;gap:12px;}
#jx-diag .jx-stat b{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:32px;color:#ED4A24;}
#jx-diag .jx-stat span{font-size:16px;color:#6B655D;max-width:150px;line-height:1.3;}
#jx-diag .jx-btn-primary{border:none;cursor:pointer;background:#ED4A24;color:#0E0D0C;font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:19px;padding:18px 36px;border-radius:2px;}
#jx-diag .jx-btn-primary:hover{background:#d8431f;}

#jx-diag .jx-form-section{max-width:920px;margin:0 auto;padding:56px 32px 120px;}
#jx-diag .jx-block-mono{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#ED4A24;margin-bottom:14px;}
#jx-diag .jx-questions{display:flex;flex-direction:column;gap:40px;}
#jx-diag .jx-q-head{display:flex;gap:14px;align-items:baseline;margin-bottom:18px;}
#jx-diag .jx-q-num{font-family:'Space Mono',monospace;font-size:14px;color:#ED4A24;}
#jx-diag .jx-q-text{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:21px;line-height:1.25;}
#jx-diag .jx-opts{display:flex;flex-direction:column;gap:10px;}
#jx-diag .jx-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 20px;border-radius:2px;cursor:pointer;border:1px solid rgba(14,13,12,.18);background:#fff;color:#0E0D0C;font-family:'Hanken Grotesk',Arial,sans-serif;font-size:17px;transition:all .15s ease;}
#jx-diag .jx-opt:hover{border-color:#ED4A24;}
#jx-diag .jx-opt.is-selected{border-color:#0E0D0C;background:#ED4A24;font-weight:600;}
#jx-diag .jx-opt-marker{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;background:rgba(14,13,12,.06);color:#6B655D;}
#jx-diag .jx-opt.is-selected .jx-opt-marker{background:#0E0D0C;color:#ED4A24;}
#jx-diag .jx-numfield{display:flex;align-items:center;gap:14px;max-width:360px;border:1px solid rgba(14,13,12,.2);background:#fff;border-radius:2px;padding:0 18px;}
#jx-diag .jx-numfield input{flex:1;border:none;outline:none;background:transparent;font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:22px;color:#0E0D0C;padding:16px 0;width:100%;}
#jx-diag .jx-numfield span{font-family:'Space Mono',monospace;font-size:14px;color:#6B655D;}
#jx-diag select.jx-select{max-width:620px;width:100%;border:1px solid rgba(14,13,12,.2);background:#fff;border-radius:2px;padding:16px 18px;font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:600;font-size:17px;color:#0E0D0C;}

#jx-diag .jx-form-nav{margin-top:56px;display:flex;align-items:center;gap:18px;border-top:1px solid rgba(14,13,12,.14);padding-top:32px;flex-wrap:wrap;}
#jx-diag .jx-btn-outline{border:1px solid rgba(14,13,12,.28);background:transparent;color:#0E0D0C;cursor:pointer;font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:16px;padding:15px 26px;border-radius:2px;}
#jx-diag .jx-btn-next{border:none;cursor:pointer;border-radius:2px;font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:16px;padding:15px 30px;background:rgba(14,13,12,.12);color:#9A948C;}
#jx-diag .jx-btn-next.is-ready{background:#ED4A24;color:#0E0D0C;}
#jx-diag .jx-hint{font-family:'Space Mono',monospace;font-size:13px;color:#B9533A;letter-spacing:.04em;}

#jx-diag .jx-lead-section{max-width:640px;margin:0 auto;padding:100px 32px 120px;}
#jx-diag .jx-lead-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;}
#jx-diag .jx-lead-fields input{border:1px solid rgba(14,13,12,.2);background:#fff;border-radius:2px;padding:16px 18px;font-family:'Hanken Grotesk',Arial,sans-serif;font-size:16px;color:#0E0D0C;width:100%;}

#jx-diag .jx-result{background:#0E0D0C;color:#F6F4F0;}
#jx-diag .jx-result-hero{max-width:980px;margin:0 auto;padding:80px 32px 60px;position:relative;overflow:hidden;}
#jx-diag .jx-result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
#jx-diag .jx-eyebrow{font-family:'Space Mono',monospace;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#ED4A24;}
#jx-diag .jx-refid{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.06em;color:#6B655D;}
#jx-diag .jx-result-hero h2{font-size:46px;max-width:760px;}
#jx-diag .jx-result-hero p{margin:0;max-width:680px;font-size:19px;line-height:1.55;color:#CFC9C0;}
#jx-diag .jx-block{max-width:980px;margin:0 auto;padding:24px 32px 20px;}
#jx-diag .jx-auth-card{border:1px solid rgba(237,74,36,.35);background:rgba(237,74,36,.06);border-radius:2px;padding:32px 30px;}
#jx-diag .jx-auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:20px;}
#jx-diag .jx-auth-metric b{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:22px;display:block;}
#jx-diag .jx-auth-metric span{font-size:12px;color:#8B857D;font-family:'Space Mono',monospace;}
#jx-diag .jx-cat-row{margin-bottom:22px;}
#jx-diag .jx-cat-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;}
#jx-diag .jx-cat-name{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:18px;}
#jx-diag .jx-cat-meta{font-family:'Space Mono',monospace;font-size:14px;color:#A8A29A;}
#jx-diag .jx-bar-track{height:12px;background:rgba(246,244,240,.12);border-radius:100px;overflow:hidden;}
#jx-diag .jx-bar-fill{height:100%;border-radius:100px;transition:width .6s ease;}
#jx-diag .jx-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:36px 32px 20px;max-width:980px;margin:0 auto;}
#jx-diag .jx-panel-outline{border:1px solid rgba(246,244,240,.16);padding:30px 28px;border-radius:2px;}
#jx-diag .jx-panel-accent{background:#ED4A24;color:#0E0D0C;padding:30px 28px;border-radius:2px;}
#jx-diag .jx-prev-num{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:54px;color:#ED4A24;}
#jx-diag .jx-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(246,244,240,.14);border:1px solid rgba(246,244,240,.14);}
#jx-diag .jx-step-card{background:#0E0D0C;padding:26px 22px;}
#jx-diag .jx-step-n{font-family:'Space Mono',monospace;font-size:13px;color:#ED4A24;margin-bottom:12px;}
#jx-diag .jx-cta-card{background:#F6F4F0;color:#0E0D0C;padding:40px 36px;border-radius:2px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;max-width:980px;margin:20px auto 90px;}
#jx-diag .jx-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

@media (max-width:640px){
  #jx-diag h1{font-size:36px;}
  #jx-diag .jx-two-col{grid-template-columns:1fr;}
  #jx-diag .jx-steps-grid{grid-template-columns:1fr;}
  #jx-diag .jx-result-hero h2{font-size:32px;}
}

@media print{
  #jx-diag .no-print{display:none !important;}
  body{background:#fff !important;}
  #jx-diag *,#jx-diag *::before,#jx-diag *::after{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}
  #jx-diag .jx-card{break-inside:avoid;page-break-inside:avoid;}
}