/* =============================================================================
   ZÁVIA Risk Map — estilo
   Uma pergunta por tela. Nada compete com a pergunta.
   ========================================================================== */
:root{
  --bg:#0e0f11; --surface:#16181b; --surface-2:#1b1d20; --surface-hi:#212429;
  --line:rgba(201,205,210,.10); --line-2:rgba(201,205,210,.20);
  --text:#f7f5f2; --text-2:#c6cbd2; --text-3:#8a9098;
  --gold:#b6934f; --gold-2:#d8b876;
  --navy:#1d3557; --navy-2:#2a4d78;
  --st-exposto:#c76b3b; --st-parcial:#b6934f; --st-tratado:#2f9c76;
  --st-assumido:#5b8ac9; --st-na:#5f666e;
  --grad-gold:linear-gradient(135deg,#ecd6a1 0%,#b6934f 42%,#8f6f39 60%,#dcbd7c 100%);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:'Poppins',system-ui,sans-serif;font-weight:300;
  line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:rgba(182,147,79,.28);color:#fff}
.grain{position:fixed;inset:-120%;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}

/* --------------------------------------------------------------- topo */
.nav{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:16px clamp(18px,5vw,48px)}
.brand{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.28em;font-size:.76rem}
.brand__logo{height:22px;width:auto;display:block}
.brand__name{text-indent:.28em}
.nav__cli{font-size:.78rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav__cli::before{content:"·";margin-right:12px;color:var(--line-2)}
.nav__reset{margin-left:auto;background:none;border:none;color:var(--text-3);font-family:inherit;font-size:.76rem;cursor:pointer;transition:color .3s}
.nav__reset:hover{color:var(--gold-2)}
.nav__reset[hidden]{display:none}

.barra{position:relative;z-index:2;height:2px;background:rgba(201,205,210,.08);margin:0 clamp(18px,5vw,48px)}
.barra[hidden]{display:none}
.barra i{display:block;height:100%;width:0;background:var(--grad-gold);transition:width .5s var(--ease)}

/* -------------------------------------------------------------- palco */
.palco{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;
  width:100%;max-width:720px;margin:0 auto;padding:clamp(24px,6vh,64px) clamp(18px,5vw,32px)}
.palco--largo{max-width:1080px}
.tela{animation:entra .42s var(--ease)}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.kicker{display:block;font-family:'Montserrat',sans-serif;font-weight:600;font-size:.64rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.pergunta{font-family:'Montserrat',sans-serif;font-weight:600;font-size:clamp(1.35rem,3.4vw,2rem);
  line-height:1.22;color:#fdfcfa;letter-spacing:-.005em}
.sub{font-size:.88rem;color:var(--text-3);margin-top:12px;max-width:52ch}

/* saiba mais — fechado por padrão, nunca compete com a pergunta */
.saiba{margin-top:16px}
.saiba__b{background:none;border:none;padding:0;color:var(--text-3);font-family:inherit;font-size:.8rem;
  cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .3s}
.saiba__b:hover,.saiba__b[aria-expanded=true]{color:var(--gold-2)}
.saiba__b svg{width:14px;height:14px}
.saiba__t{margin-top:12px;font-size:.85rem;color:var(--text-2);line-height:1.6;max-width:56ch;
  border-left:2px solid rgba(182,147,79,.5);padding-left:14px}
.saiba__t[hidden]{display:none}

/* --------------------------------------------------------- respostas */
.ops{display:flex;flex-direction:column;gap:9px;margin-top:30px}
.ops--linha{flex-direction:row;flex-wrap:wrap}
.op{display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;background:var(--surface);
  border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--text-2);
  font-family:inherit;font-size:.98rem;font-weight:300;transition:.28s var(--ease)}
.op:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateX(2px)}
.op:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
.op__m{flex:0 0 auto;width:19px;height:19px;border:1px solid var(--line-2);display:grid;place-items:center;transition:.22s}
.op__m--radio{border-radius:50%}
.op__m--check{border-radius:6px}
.op__m svg{width:11px;height:11px;color:#141414;opacity:0;transition:.22s}
.op[aria-pressed=true]{color:var(--text);border-color:rgba(182,147,79,.6);background:var(--surface-hi)}
.op[aria-pressed=true] .op__m{background:var(--gold);border-color:var(--gold-2)}
.op[aria-pressed=true] .op__m svg{opacity:1}
.ops--linha .op{flex:1 1 auto;min-width:120px;justify-content:center}
.op__nota{display:block;font-size:.76rem;color:var(--text-3);margin-top:3px}
.op[aria-pressed=true] .op__nota{color:var(--gold-2)}

/* ------------------------------------------------------------- passo */
.passo{display:flex;align-items:center;gap:16px;margin-top:34px}
.passo[hidden]{display:none}
.passo__voltar{background:none;border:none;color:var(--text-3);font-family:inherit;font-size:.85rem;cursor:pointer;padding:10px 2px;transition:color .3s}
.passo__voltar:hover{color:var(--gold-2)}
.passo__voltar[hidden]{visibility:hidden}
.passo__conta{flex:1;text-align:center;font-size:.75rem;color:var(--text-3);letter-spacing:.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:14px 28px;border-radius:100px;
  font-family:inherit;font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:none;
  transition:transform .35s var(--ease),background .3s,opacity .3s,color .3s,border-color .3s}
.btn svg{width:15px;height:15px;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{background:var(--navy);color:#eaf0f8;border:1px solid rgba(120,150,190,.32);box-shadow:0 12px 42px -16px rgba(29,53,87,.95)}
.btn--primary:hover{transform:translateY(-2px);background:var(--navy-2)}
.btn--primary[disabled]{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.btn--ghost{background:none;color:var(--text-2);border:1px solid var(--line-2)}
.btn--ghost:hover{color:var(--gold-2);border-color:rgba(182,147,79,.5)}
.btn--sm{padding:11px 20px;font-size:.71rem}
.btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

/* ------------------------------------------------------------ abertura */
.abre h1{font-family:'Montserrat',sans-serif;font-weight:600;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.1;color:#fdfcfa;max-width:16ch}
.abre h1 .hl{color:var(--gold-2)}
.abre p{font-size:clamp(1rem,1.6vw,1.12rem);color:var(--text-2);margin-top:20px;max-width:46ch;line-height:1.6}
.abre__meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;font-size:.8rem;color:var(--text-3)}
.abre__meta b{display:block;font-family:'Montserrat',sans-serif;font-weight:600;color:var(--text);font-size:.95rem;margin-bottom:2px}
.abre .btn{margin-top:34px}
.abre__nota{font-size:.86rem!important;color:var(--text-3)!important;margin-top:22px!important;max-width:52ch}

/* --------------------------------------------- campo declarado */
.campo{display:flex;flex-direction:column;gap:9px;margin:22px 0 26px;max-width:420px}
.campo label{font-family:'Montserrat',sans-serif;font-weight:500;font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-3)}
.campo__in{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;
  color:var(--text);font-family:'Poppins',sans-serif;font-size:1rem;font-weight:300;padding:14px 16px;
  transition:border-color .3s,background-color .3s}
.campo__in::placeholder{color:var(--text-3)}
.campo__in:hover{border-color:var(--line-2)}
.campo__in:focus{outline:none;border-color:rgba(182,147,79,.7);background-color:var(--surface-2)}

/* ------------------------------------------------ dados de cotação */
.cot__quem{font-size:.8rem;color:var(--text-3);margin-top:18px;letter-spacing:.01em}
.cot__lista{display:flex;flex-direction:column;gap:12px;margin:26px 0}
.cot__seg{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.cot__seg-topo{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cot__seg-topo b{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.95rem;color:var(--text)}
.cot__badge{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);
  border:1px solid rgba(182,147,79,.4);border-radius:50px;padding:3px 11px;white-space:nowrap}
.cot__seg-d{font-size:.85rem;color:var(--text-2);margin-top:9px;line-height:1.5}
.cot__seg-d b{color:var(--text);font-weight:600}

/* -------------------------------------------------------- transição */
.marco{text-align:left}
.marco__n{font-family:'Montserrat',sans-serif;font-weight:700;font-size:3rem;color:var(--gold-2);line-height:1}
.marco__t{font-family:'Montserrat',sans-serif;font-weight:600;font-size:1.3rem;margin-top:10px}
.achados{display:flex;flex-direction:column;gap:8px;margin-top:24px;max-height:38vh;overflow-y:auto}
.achado{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;color:var(--text-2);line-height:1.45}
.achado::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--st-exposto);margin-top:8px}

/* ------------------------------------------------------------ mapa */
.res__topo{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.res__titulo{font-family:'Montserrat',sans-serif;font-weight:600;font-size:clamp(1.4rem,3vw,2rem);line-height:1.15}
.res__sub{font-size:.85rem;color:var(--text-3);margin-top:8px;max-width:52ch}
.res__acoes{display:flex;gap:10px;flex-wrap:wrap}

.mapa{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:26px}
.bloco{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 15px;overflow:hidden}
.bloco::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--st-na);opacity:.5}
.bloco[data-st=exposto]::before{background:var(--st-exposto);opacity:1}
.bloco[data-st=parcial]::before{background:var(--st-parcial);opacity:1}
.bloco[data-st=tratado]::before{background:var(--st-tratado);opacity:1}
.bloco[data-st=assumido]::before{background:var(--st-assumido);opacity:1}
.bloco[data-st=na]{opacity:.4}
.bloco__t{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.85rem;color:var(--text);line-height:1.25}
.bloco__n{display:block;font-size:.72rem;color:var(--text-3);margin-top:5px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;margin-top:10px;color:var(--text-3)}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--st-na)}
.chip[data-st=exposto]{color:var(--st-exposto)}.chip[data-st=exposto] i{background:var(--st-exposto)}
.chip[data-st=parcial]{color:var(--st-parcial)}.chip[data-st=parcial] i{background:var(--st-parcial)}
.chip[data-st=tratado]{color:var(--st-tratado)}.chip[data-st=tratado] i{background:var(--st-tratado)}
.chip[data-st=assumido]{color:var(--st-assumido)}.chip[data-st=assumido] i{background:var(--st-assumido)}

.painel{background:linear-gradient(135deg,rgba(29,53,87,.3),rgba(19,21,23,.5));border:1px solid var(--line);
  border-radius:16px;padding:22px clamp(18px,3vw,28px);margin-bottom:26px}
.painel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:18px}
.painel__grid>div{background:rgba(14,15,17,.7);padding:12px 14px}
.painel__k{display:block;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);line-height:1.3}
.painel__n{display:block;font-family:'Montserrat',sans-serif;font-weight:600;font-size:1.3rem;margin-top:5px}
.painel__l{font-family:'Montserrat',sans-serif;font-weight:500;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}
.painel__v{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(1.9rem,5vw,2.6rem);line-height:1;color:var(--gold-2);margin-top:6px}
.painel__v span{font-size:.4em;color:var(--text-3);font-weight:500;margin-left:4px}
.painel__d{font-size:.76rem;color:var(--text-3);margin-top:10px;max-width:46ch;line-height:1.5}

.rot{font-family:'Montserrat',sans-serif;font-weight:500;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-3);margin:0 0 12px}
.fichas{display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.ficha{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.ficha__h{display:flex;align-items:flex-start;gap:11px}
.ficha__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--st-na)}
.ficha[data-sev=alto] .ficha__dot{background:var(--st-exposto)}
.ficha[data-sev=medio] .ficha__dot{background:var(--st-parcial)}
.ficha[data-sev=baixo] .ficha__dot{background:var(--st-tratado)}
.ficha__n{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.96rem;line-height:1.3;color:var(--text)}
.ficha__linhas{margin-top:11px;display:grid;gap:5px}
.ficha__l{display:flex;gap:10px;font-size:.79rem;color:var(--text-3);line-height:1.45}
.ficha__l b{flex:0 0 132px;font-weight:500;color:var(--text-3);text-transform:uppercase;font-size:.63rem;letter-spacing:.1em;padding-top:2px}
.ficha__l span{color:var(--text-2);flex:1}
.ficha__l span.ouro{color:var(--gold-2)}
.tag{display:inline-block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);
  border-radius:5px;padding:1px 6px;color:var(--text-3);margin-left:8px;vertical-align:1px}
.tag--inferida{border-color:rgba(199,107,59,.5);color:var(--st-exposto)}
.tag--nao{border-color:var(--line-2);color:var(--text-3)}

.tabela-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-bottom:26px}
.tabela{width:100%;border-collapse:collapse;min-width:620px;font-size:.84rem}
.tabela th{text-align:left;font-family:'Montserrat',sans-serif;font-weight:500;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-3);padding:12px 15px;background:rgba(14,15,17,.7);border-bottom:1px solid var(--line-2);white-space:nowrap}
.tabela td{padding:13px 15px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top;line-height:1.4}
.tabela tr:last-child td{border-bottom:0}
.tabela td:first-child{color:var(--text);min-width:210px}
.tabela .t-mec{color:var(--gold-2)}
.tabela .t-sev[data-sev=alto]{color:var(--st-exposto)}
.tabela .t-sev[data-sev=medio]{color:var(--st-parcial)}
.tabela .t-sev[data-sev=nao_mensurado]{color:var(--text-3)}

.faltando{background:rgba(199,107,59,.06);border:1px solid rgba(199,107,59,.22);border-radius:14px;padding:16px 18px;margin-bottom:26px}
.faltando li{list-style:none;font-size:.84rem;color:var(--text-2);line-height:1.5;padding-left:16px;position:relative;margin-top:6px}
.faltando li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--st-exposto)}

.nota{font-size:.76rem;color:var(--text-3);line-height:1.65;max-width:74ch;margin-top:8px}
.nota b{color:var(--text-2);font-weight:500}

footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:20px clamp(18px,5vw,48px);border-top:1px solid var(--line);font-size:.74rem;color:var(--text-3)}
.foot__mod{font-family:'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.64rem}

@media print{
  .grain,.nav,.barra,.passo,.res__acoes,footer{display:none!important}
  body{background:#fff;color:#111;display:block}
  .palco{max-width:none;padding:0}
  .bloco,.ficha,.painel{background:#fff;border-color:#d5d8dc;color:#111}
  .painel__v,.ficha__l span.ouro,.tabela .t-mec{color:#8f6f39}
  .ficha__n,.res__titulo,.painel__n{color:#111}
  .ficha__l span,.tabela td{color:#222}
  .tabela th{background:#f2f2f2;color:#333}
}
@media(prefers-reduced-motion:reduce){.tela{animation:none}.barra i{transition:none}}

/* ============================================ encaminhamento para o mercado */
.mkt{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px}
.mkt__topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.mkt__t{font-family:'Montserrat',sans-serif;font-weight:600;font-size:1rem;color:var(--text)}
.mkt__tag{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);
  border:1px solid rgba(182,147,79,.4);border-radius:50px;padding:3px 10px}
.mkt__d{font-size:.87rem;color:var(--text-2);line-height:1.5}
.mkt__cob{font-size:.83rem;color:var(--text-3);line-height:1.5;margin-top:8px}
.mkt__cob b{color:var(--text-2);font-weight:500}
.mkt__ad{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:12px;
  padding-top:12px;border-top:1px solid var(--line)}
.mkt__ad-n{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.85rem;color:var(--text)}
.mkt__ad-v{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.05rem;color:var(--gold-2)}
.mkt__ad-d{font-size:.79rem;color:var(--text-3)}
.mkt__vazio{font-size:.82rem;color:var(--text-3);margin-top:10px}

/* ------------------------------------------------------------- dossiê */
.ds__t{width:100%;border-collapse:collapse;margin-top:12px;font-size:.83rem}
.ds__t th{text-align:left;font-family:'Montserrat',sans-serif;font-weight:500;font-size:.66rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);
  padding:8px 10px;border-bottom:1px solid var(--line-2)}
.ds__t td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top}
.ds__t td i{color:var(--text-3);font-style:normal}
.ds__v{color:var(--text);font-weight:500}
.ds__dim{color:var(--text-3);font-size:.76rem}
.ds__proc{font-size:.72rem;color:var(--text-3);border:1px solid var(--line);border-radius:50px;padding:2px 9px;white-space:nowrap}
.ds__bloco{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px}
.ds__bloco h4{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.98rem;color:var(--text)}
.ds__meta{font-size:.74rem;color:var(--text-3);margin-top:5px}
.ds__aviso{font-size:.79rem;color:var(--text-3);line-height:1.5;margin-top:10px;
  border-left:2px solid rgba(182,147,79,.45);padding-left:11px}
.ds__score{display:flex;align-items:baseline;gap:12px;margin-top:14px;flex-wrap:wrap}
.ds__score b{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.6rem;color:var(--gold-2)}
.ds__score span{font-size:.82rem;color:var(--text-2)}
.ds__dims{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ds__dimc{display:flex;flex-direction:column;gap:1px;background:var(--bg-3);border:1px solid var(--line);
  border-radius:9px;padding:7px 12px;font-size:.7rem;color:var(--text-3)}
.ds__dimc b{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.9rem;color:var(--text)}
.ds__dimc i{font-style:normal;font-size:.66rem;color:var(--text-3)}
.ds__bloq{margin-top:12px;font-size:.83rem;color:#e0a878;line-height:1.5}
.ds__ok{margin-top:12px;font-size:.83rem;color:#7fc9a4}
.ds__pend{margin-top:12px;font-size:.78rem;color:var(--text-3);line-height:1.5}
.ds__pend b{color:var(--text-2);font-weight:500}
.ds__na{font-size:.82rem;color:var(--text-3);margin-top:8px;line-height:1.5}
.ds__st{font-size:.71rem;border-radius:50px;padding:2px 9px;white-space:nowrap;border:1px solid}
.ds__st--bloq{color:#e0a878;border-color:rgba(224,168,120,.4)}
.ds__st--parc{color:var(--text-2);border-color:var(--line-2)}
.ds__st--falta{color:var(--text-3);border-color:var(--line)}
@media(max-width:640px){
  .ds__t{font-size:.76rem}
  .ds__t th:nth-child(4),.ds__t td:nth-child(4){display:none}
}
