/* ZEBIT · relatorio executivo (tela). Um documento continuo sobre papel branco: tipografia, linha
   fina, tinta e uma cor de acento. Sem cartoes: a hierarquia vem do titulo, do espaco e da regua.
   Abaixo da regua do porte, a barra e o numero usam um unico tom de alerta. A versao em PDF esta em
   impressao.css. */
body[data-tela="relatorio"]{background:#EDEFF2;color:#0A0D14}
body[data-tela="relatorio"] .topo{background:rgba(255,255,255,.94);border-bottom-color:#DDE2EA}
body[data-tela="relatorio"] .marca{color:#0A0D14}
body[data-tela="relatorio"] .marca small{color:#5E6878;border-left-color:#CBD3E0}
body[data-tela="relatorio"] .marca svg rect{fill:#0A0D14}
body[data-tela="relatorio"] .marca svg path{stroke:#fff}
.relatorio{--tin:#0A0D14;--txt:#2A3140;--cin:#5E6878;--fra:#8E97A6;--lin:#E4E7EC;--lin2:#CDD3DC;--tom:#F5F6F8;--vd:#0A8A5F;--al:#B8452F;padding:28px clamp(0px,3vw,32px) 140px}
.rel{max-width:940px;margin:0 auto;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 0 rgba(10,13,20,.05),0 34px 80px -44px rgba(10,13,20,.4);animation:sobe .6s var(--mola)}
.rel>section{padding:clamp(44px,6.4vw,84px) clamp(22px,7vw,88px)}
.rel>section+section{border-top:1px solid var(--lin)}
.rel h2{font-size:clamp(27px,3.5vw,40px);line-height:1.08;letter-spacing:-.038em;font-weight:620;max-width:19em;text-wrap:balance}
.rel h3{font-size:18px;font-weight:620;letter-spacing:-.018em;line-height:1.3}
.rot{margin:0 0 12px;font-size:12.5px;font-weight:600;color:var(--cin)}
.nota{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--fra)}
.rel-vazio{font-size:16px;color:var(--cin)}
.chegou{animation:entra .7s var(--mola)}
.so-impressao{display:none}
.cap-cab{margin-bottom:clamp(30px,4.4vw,48px)}
.cap-n{display:block;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--vd)}
.cap-n::before{content:"";display:block;width:30px;height:3px;margin-bottom:16px;background:currentColor}
/* quadro: rotulo numerado, titulo e a base de onde saiu */
.quadro{margin:0}
.quadro+.quadro{margin-top:44px}
.quadro figcaption{display:flex;align-items:baseline;gap:14px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--tin)}
.quadro figcaption span{flex:none;font-size:12.5px;font-weight:600;color:var(--vd)}
.quadro figcaption strong{font-size:15px;font-weight:620;letter-spacing:-.012em}
.quadro-base{margin-top:14px;font-size:11.5px;line-height:1.5;color:var(--fra)}
.cap-lead{margin-top:18px;max-width:660px;font-size:clamp(16.5px,1.6vw,18.5px);line-height:1.55;color:var(--cin)}

/* ---------- capa ---------- */
.rel>.capa{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:56px;min-height:min(680px,84vh);padding:clamp(28px,5vw,60px) clamp(22px,7vw,88px);background:#0A0D14;color:#EEF0F4;overflow:hidden}
.capa::before{content:"";position:absolute;inset:0;background:url(/img/fundo-torres.webp) 100% 40%/cover no-repeat;opacity:.6}
.capa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0A0D14 0%,rgba(10,13,20,.88) 44%,rgba(10,13,20,.4) 100%)}
.capa>*{position:relative;z-index:1}
.capa-topo{display:flex;justify-content:space-between;align-items:center;gap:16px}
.capa-marca{display:flex;align-items:baseline;gap:12px}
.capa-marca b{font-size:18px;letter-spacing:.14em}
.capa-marca span,.capa-conf{font-size:13px;color:#A3ABB9}
.capa-olho{font-size:14px;font-weight:600;color:#34D399}
.capa h1{margin:16px 0 20px;font-size:clamp(40px,7vw,86px);line-height:.98;letter-spacing:-.048em;font-weight:600;text-wrap:balance;overflow-wrap:anywhere}
.capa-sub{max-width:520px;font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:#A3ABB9}
.capa-ficha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;margin:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.capa-ficha dt{font-size:12.5px;color:#A3ABB9}
.capa-ficha dd{margin:5px 0 0;font-size:14.5px;line-height:1.4}

/* ---------- guia de leitura ---------- */
.guia-corpo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 64px;align-items:start}
.indice{border-bottom:1px solid var(--lin)}
.indice a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:1px 10px;padding:12px 0;border-top:1px solid var(--lin);color:inherit;text-decoration:none}
.indice a:hover b{color:var(--vd)}
.indice span{font-size:13px;font-weight:600;color:var(--vd);padding-top:1px}
.indice b{font-size:15.5px;font-weight:600;letter-spacing:-.01em;transition:color .15s}
.indice em{grid-column:2;font-style:normal;font-size:13px;color:var(--cin)}
.guia-anexos{margin-top:clamp(30px,4vw,44px)}
.indice-anexos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-bottom:0}
.indice-anexos a{grid-template-columns:20px minmax(0,1fr);padding:8px 0}
.indice-anexos b{font-size:13.5px;font-weight:550}
.indice-anexos em{display:none}
.ler dt{margin-top:18px;font-size:15px;font-weight:620}
.ler dt:first-child{margin-top:0}
.ler dd{margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--cin)}
.base{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px;margin-bottom:clamp(34px,4.6vw,52px);border-top:1px solid var(--tin)}
.base li{padding-top:16px}
.base b{display:block;font-size:clamp(22px,2.4vw,30px);font-weight:620;letter-spacing:-.035em;line-height:1}
.base span{display:block;margin-top:8px;font-size:12.5px;line-height:1.35;color:var(--cin)}

/* ---------- pecas: barra, escala e degraus ---------- */
.bar{position:relative;display:block;height:6px;border-radius:3px;background:#E9ECF0}
.bar b{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--tin)}
.bar-abaixo b{background:var(--al)}
.bar u{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--tin);box-shadow:0 0 0 1.5px #fff}
.esc{margin-top:48px}
.esc-trilho{position:relative;height:8px;border-radius:4px;background:#E9ECF0}
.esc-trilho b{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--tin)}
.esc-trilho i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff}
.esc-valor{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--tin);border:3px solid #fff;box-shadow:0 0 0 1px var(--tin)}
.esc-valor em{display:none}
.esc-regua{position:absolute;top:-8px;bottom:-8px;width:2px;margin-left:-1px;background:var(--vd)}
.esc-regua em{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:11.5px;font-weight:600;color:var(--vd)}
.esc-faixas{display:flex;margin-top:12px;font-size:11.5px;color:var(--fra)}
.dg{display:inline-flex;gap:3px;align-items:center;white-space:nowrap}
.dg i{width:7px;height:7px;border-radius:50%;background:#DDE1E7}
.dg i.on{background:var(--tin)}
.dg-txt{font-size:11.5px;color:var(--fra)}

/* ---------- sintese ---------- */
.sin{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:40px 64px;align-items:start}
.sin-indice strong{display:block;margin-top:-4px;font-size:clamp(88px,11vw,136px);font-weight:600;line-height:.9;letter-spacing:-.06em}
.sin-faixa{display:block;margin-top:10px;font-size:15px;color:var(--cin)}
.rel-selo{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--vd)}
.rel-selo::before{content:"";width:7px;height:7px;background:currentColor}
.rel-selo.esperando::before{animation:pisca 1s ease-in-out infinite}
.rel-leitura-txt{margin-top:14px;font-size:clamp(17px,1.75vw,20px);line-height:1.56;letter-spacing:-.012em}
.rel-conexao{margin-top:14px;font-size:15.5px;line-height:1.6;color:var(--txt)}
.sin-leitura blockquote{margin:26px 0 0;padding-left:18px;border-left:2px solid var(--tin);font-size:15.5px;line-height:1.55;color:var(--txt)}
.sin-leitura blockquote span{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--cin)}
.sin-prios{margin-top:clamp(40px,5.5vw,60px)}
.sin-prios ol{border-bottom:1px solid var(--lin)}
.sin-prios li{display:grid;grid-template-columns:26px minmax(0,1fr) 150px 76px;gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--lin)}
.sin-prios li>b{font-size:13px;font-weight:600;color:var(--vd)}
.sin-prios strong{display:block;font-size:16.5px;font-weight:620;letter-spacing:-.015em;line-height:1.3}
.sin-prios span{display:block;font-size:13px;color:var(--cin)}
.sin-prios em{font-style:normal;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}
.sin-fortes{margin-top:26px;font-size:15px;line-height:1.5}
.sin-fortes span{display:block;margin-bottom:5px;font-size:12.5px;font-weight:600;color:var(--cin)}
.sin-pesou{margin-top:34px}
.sin-pesou ul{border-bottom:1px solid var(--lin)}
.sin-pesou li{padding:10px 0 11px;border-top:1px solid var(--lin)}
.sin-pesou span{display:block;font-size:12.5px;color:var(--cin)}
.sin-pesou b{display:block;margin-top:2px;font-size:14.5px;font-weight:620;line-height:1.35}
.sin-proximo{margin-top:30px;padding-top:18px;border-top:1px solid var(--tin);font-size:15px;line-height:1.5}
.sin-proximo a{color:var(--vd);font-weight:600;text-decoration:none}

/* ---------- retrato ---------- */
.retrato{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px 52px;align-items:center;padding-top:10px}
.retrato .dims,.retrato .dims li:first-child{border-top:0}
.rel-radar{max-width:360px;margin:0 auto}
.retrato-radar .nota{margin-top:0;text-align:center}
.relatorio .rd{overflow:visible}
.relatorio .rd-grade{stroke:#E7EAEF}.relatorio .rd-borda{stroke:#D3D9E2}.relatorio .rd-eixo{stroke:#EEF0F4}
.relatorio .rd-regua{stroke:#0A0D14;opacity:.5}.relatorio .rd-area{opacity:.16}.relatorio .rd-no{fill:#fff;stroke:#0A8A5F}
.relatorio .rd-rot{fill:#2A3140}.relatorio .rd-val{fill:#0A8A5F}
.dims{border-bottom:1px solid var(--lin)}
.dims li{display:grid;grid-template-columns:minmax(0,1fr) auto 78px;gap:7px 14px;align-items:baseline;padding:14px 0 15px;border-top:1px solid var(--lin)}
.dims strong{grid-row:1;grid-column:1;font-size:15.5px;font-weight:620;letter-spacing:-.012em}
.dims b{grid-row:1;grid-column:2;font-size:17px;font-weight:650;text-align:right}
.dims em{grid-row:1;grid-column:3;font-style:normal;font-size:12.5px;font-weight:600;color:var(--vd);text-align:right;white-space:nowrap}
.dims em.abaixo{color:var(--al)}
.dims .bar{grid-row:2;grid-column:1/-1}
.dims p{grid-row:3;grid-column:1/-1;font-size:13px;line-height:1.45;color:var(--cin)}

/* ---------- leitura cruzada ---------- */
.padroes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-bottom:1px solid var(--lin)}
.padroes article{padding:22px 0 24px;border-top:1px solid var(--lin)}
.padroes span{font-size:12.5px;font-weight:600;color:var(--vd)}
.padroes h3{margin:8px 0 8px}
.padroes p{font-size:14.5px;line-height:1.58;color:var(--txt)}

/* ---------- prioridades ---------- */
.pr-medida{display:grid;grid-template-columns:auto 200px auto auto;gap:14px;align-items:center;justify-content:start;margin:-14px 0 40px;font-size:13.5px;color:var(--cin)}
.pr-medida b{font-size:14px;font-weight:650;color:var(--al);white-space:nowrap}
.duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;align-items:start}
.duas .rot:not(:first-child){margin-top:28px}
.contou{border-bottom:1px solid var(--lin)}
.contou li{padding:14px 0 15px;border-top:1px solid var(--lin)}
.contou span{display:block;font-size:12.5px;color:var(--cin)}
.contou b{display:block;margin-top:3px;font-size:15.5px;font-weight:620;letter-spacing:-.012em;line-height:1.35}
.contou q,.tb q{display:block;margin-top:5px;font-size:13.5px;line-height:1.5;color:var(--cin);quotes:"“" "”"}
.contou p{margin-top:8px;padding-left:12px;border-left:2px solid var(--al);font-size:13.5px;line-height:1.5;color:var(--txt)}
.porque{display:grid;gap:7px}
.porque li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.5;color:var(--txt)}
.porque li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:var(--vd)}
.txt{font-size:15.5px;line-height:1.62;color:var(--tin)}
.passos{counter-reset:passo;display:grid;gap:12px}
.passos li{counter-increment:passo;position:relative;padding-left:34px;font-size:15px;line-height:1.5}
.passos li::before{content:counter(passo);position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--tin);font-size:12px;font-weight:620}
.medir strong{display:block;font-size:15.5px;font-weight:620}
.medir span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--cin)}
.pr-fecho{margin-top:44px;padding:26px 30px 28px;background:var(--tom)}
.pr-fecho>.rot{margin-bottom:18px;color:var(--tin)}
.pr-validar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0}
.pr-validar dt{font-size:12.5px;font-weight:600;color:var(--cin)}
.pr-validar dd{margin:7px 0 0;font-size:15.5px;line-height:1.5;color:var(--tin)}
.pr-tec{margin-top:22px;padding-top:16px;border-top:1px solid var(--lin2);font-size:13.5px;line-height:1.55;color:var(--cin)}
.pr-tec span{display:block;margin-bottom:4px;font-size:12.5px;font-weight:600}
.pr-tec b{font-weight:620;color:var(--tin)}

/* ---------- plano de 90 dias ---------- */
/* um bloco por horizonte: o prazo em numero grande a esquerda, uma acao por prioridade a direita */
.plano-legenda{display:flex;flex-wrap:wrap;gap:10px 30px;margin-bottom:26px;font-size:14px;font-weight:550}
.plano-legenda li{display:flex;align-items:center;gap:10px}
.plano-legenda b,.plano-h li>b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tin);color:#fff;font-size:12px;font-weight:620}
.plano{border-top:1px solid var(--tin)}
.plano-h{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 36px;padding:28px 0 30px;border-bottom:1px solid var(--lin)}
.plano-quando strong{display:block;font-size:clamp(38px,4.6vw,52px);font-weight:600;letter-spacing:-.05em;line-height:.95}
.plano-txt strong{font-size:clamp(24px,2.8vw,30px);letter-spacing:-.035em;line-height:1.1}
.plano-quando span{display:block;margin-top:7px;font-size:13px;color:var(--cin)}
.plano-h ol{display:grid;gap:15px}
.plano-h li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:start}
.plano-h li p{font-size:15.5px;line-height:1.5;color:var(--tin)}

/* ---------- proximo passo ---------- */
.rel>.proximo{position:relative;background:#0A0D14;color:#EEF0F4;border-top:0}
.proximo .cap-n{color:#34D399}
.proximo h2{max-width:15em}
.px-lead{margin-top:18px;max-width:620px;font-size:clamp(16.5px,1.6vw,18.5px);line-height:1.55;color:#A3ABB9}
.proximo .rot{color:#8E99AE}
.px-corpo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.18)}
.px-passos{counter-reset:px;display:grid;gap:12px}
.px-passos li{counter-increment:px;position:relative;padding-left:34px;font-size:15.5px;line-height:1.5}
.px-passos li::before{content:counter(px);position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #34D399;color:#34D399;font-size:12px;font-weight:620}
.px-maos{display:grid;gap:10px}
.px-maos li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.5;color:#D5DBE5}
.px-maos li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:#34D399}
.px-frentes{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.px-frentes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 56px}
.px-frentes strong{display:block;font-size:15px;font-weight:620}
.px-frentes span{display:block;margin-top:2px;font-size:13.5px;line-height:1.5;color:#A3ABB9}
.px-abertura,.px-validar{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);font-size:15.5px;line-height:1.6;color:#D5DBE5}
.px-abertura span{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:#8E99AE}
.px-validar ol{display:grid;gap:8px;padding-left:20px;list-style:decimal}
.ag{display:grid;gap:18px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.18)}
.ag-grupo>span{display:block;margin-bottom:9px;font-size:12.5px;font-weight:600;color:#8E99AE}
.ag-ops{display:flex;flex-wrap:wrap;gap:8px}
.ag-op{appearance:none;min-height:46px;padding:7px 15px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#EEF0F4;font-size:14px;font-weight:550;text-transform:capitalize;transition:border-color .15s,background .15s}
.ag-op small{display:block;font-size:11px;font-weight:400;color:#8E99AE}
.ag-op[aria-pressed="true"]{border-color:#34D399;background:rgba(52,211,153,.14)}
.ag-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ag-in{min-height:50px;padding:0 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.05);color:#EEF0F4;font-size:16px}
.ag-in::placeholder{color:#7C879B}
.ag-in:focus{outline:none;border-color:#34D399}
.ag-in:last-child{grid-column:1/-1}
.ag-aviso{font-size:13.5px;color:#FF9A8F}
.ag-aviso:empty{display:none}
.ag-acoes{display:flex;flex-wrap:wrap;gap:10px}
.ag-ok{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid rgba(52,211,153,.5);border-radius:8px;background:rgba(52,211,153,.08)}
.ag-ok i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#34D399}
.ag-ok svg{width:20px;height:20px;fill:none;stroke:#0A0D14;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ag-ok p{margin-top:6px;font-size:14.5px;line-height:1.55;color:#B6C0D2}

/* ---------- anexos ---------- */
/* seis colunas; as alavancas se alinham por linha porque as colunas somem do desenho (display:contents) */
.ma{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto repeat(5,auto);grid-auto-flow:column;gap:0 22px;padding-top:14px}
.ma-col{display:contents}
.ma-cab{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--tin);font-size:13px;font-weight:620}
.ma-cel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;align-content:space-between;padding:11px 0 13px;border-bottom:1px solid var(--lin)}
.ma-cel span{grid-column:1/-1;font-size:12.5px;line-height:1.32;color:var(--txt)}
.ma-cel>b{grid-row:2;grid-column:2;font-size:14.5px;font-weight:650;line-height:1}
.ma-cel .bar{grid-row:2;grid-column:1;align-self:center;height:3px}
.ma-abaixo>b{color:var(--al)}
.ma-fora span,.ma-fora>b{color:var(--fra)}
.bar-vazia{background:#F1F3F6}
.ma-cel span u{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:50%;background:var(--tin);color:#fff;font-size:10.5px;font-weight:650;text-decoration:none;vertical-align:1px}
.ma-prio span{font-weight:620;color:var(--tin)}
.sinais{display:grid;gap:30px}
.sinais ul{border-bottom:1px solid var(--lin)}
.sinais li{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:2px 28px;padding:10px 0 11px;border-top:1px solid var(--lin);font-size:13.5px;line-height:1.5}
.sinais span{font-weight:600;color:var(--tin)}
.sinais p{color:var(--txt)}
.sinais li.alto span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--al)}
.tb{width:100%;border-collapse:collapse;font-size:13px;line-height:1.42}
.tb th{padding:0 12px 9px 0;border-bottom:1px solid var(--tin);font-size:12.5px;font-weight:600;color:var(--cin);text-align:left}
.tb td{padding:10px 12px 10px 0;border-bottom:1px solid var(--lin);vertical-align:top}
.tb td:last-child{padding-right:0}
.tb-ind td:first-child{width:28%;color:var(--cin)}
.tb-ind td:nth-child(2){width:30%}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:30px}
.kpis li{padding:12px 0;border-top:1px solid var(--lin);font-size:13.5px;line-height:1.45}
.kpis strong{display:block;font-weight:620}
.kpis span{color:var(--cin)}
.valor-bl{margin-top:40px}
.valor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--tin)}
.valor article{padding-top:16px}
.valor span{display:block;font-size:13px;line-height:1.35;color:var(--cin)}
.valor strong{display:block;margin:10px 0 6px;font-size:clamp(18px,2vw,23px);font-weight:620;letter-spacing:-.03em;line-height:1.2}
.valor p{font-size:12.5px;line-height:1.45;color:var(--cin)}
.caminho{border-bottom:1px solid var(--lin)}
.caminho li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:6px 28px;padding:16px 0 18px;border-top:1px solid var(--lin)}
.caminho li>span{font-size:12.5px;font-weight:600;color:var(--vd);padding-top:3px}
.caminho b{font-size:16px;font-weight:620;letter-spacing:-.012em}
.caminho em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;color:var(--cin)}
.caminho p{margin-top:8px;font-size:14px;line-height:1.55;color:var(--txt)}
.palavras{margin-top:36px}
.palavras ul{border-bottom:1px solid var(--lin)}
.palavras li{padding:13px 0 14px;border-top:1px solid var(--lin)}
.palavras span{display:block;font-size:12.5px;color:var(--cin)}
.palavras p{margin-top:4px;font-size:15px;line-height:1.55}
.tb-resp th{border-bottom-color:var(--lin2);padding-top:10px}
.tb-resp td:first-child{width:35%;color:var(--cin)}
.tb-resp td:last-child,.tb-resp th:last-child{width:24%;text-align:right;white-space:nowrap}
.dg-nome{margin-right:10px;font-size:12px;color:var(--cin)}
.metodo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
.met-lista li{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--lin);font-size:13px;line-height:1.45}
.met-lista strong{font-weight:620}
.met-lista span:not(.dg){color:var(--cin)}
.met-lista b{font-size:12.5px;font-weight:650;color:var(--vd)}
.metodo p{font-size:13.5px;line-height:1.6;color:var(--txt)}
.metodo p+p{margin-top:10px}
.rel>.rel-rodape{display:grid;gap:8px;padding:26px clamp(22px,7vw,88px) 34px;border-top:1px solid var(--lin);font-size:11.5px;line-height:1.55;color:var(--cin)}
.rel-rodape a{color:inherit}

/* ---------- barra fixa e botoes ---------- */
.rb{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:8px;background:#0A0D14;color:#fff;font-size:14px;font-weight:620;text-decoration:none;transition:filter .15s,transform .12s}
.rb:hover{filter:brightness(1.25)}
.rb:active{transform:scale(.97)}
.rb[disabled]{opacity:.5}
.rb-2{background:transparent;border:1px solid #CBD3E0;color:#0A0D14}
.rb-2:hover{filter:none;border-color:#0A0D14}
.rb-p{background:#0A8A5F}
.rb-g{min-height:52px;padding:0 28px;background:#fff;color:#0A0D14;font-size:15px}
.proximo .rb-2{border-color:rgba(255,255,255,.3);color:#EEF0F4}
.proximo .rb-2:hover{border-color:#fff}
.rel-fixa{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px max(18px,calc((100% - 940px)/2)) calc(12px + var(--safe-b));background:#fff;border-top:1px solid var(--lin2);font-size:14px}
.rel-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cin)}
.rel-status.ok{color:var(--vd);font-weight:620}
.rel-status.ok::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vd)}
.rel-acoes{display:flex;gap:8px;flex-wrap:wrap}

@media screen and (max-width:860px){
  .guia-corpo,.sin,.retrato,.padroes,.duas,.px-corpo,.px-frentes ul,.metodo,.kpis{grid-template-columns:1fr}
  .capa-ficha,.valor{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
  .base{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
  .base li{padding-bottom:14px}
  .ma{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:26px 20px}
  .ma-col{display:block}
  .pr-validar{grid-template-columns:1fr;gap:18px}
  .plano-h{grid-template-columns:1fr;gap:16px}
  .pr-medida{grid-template-columns:auto minmax(0,1fr) auto}
  .pr-medida span:last-child{grid-column:1/-1}
  .sinais li,.caminho li{grid-template-columns:1fr}
}
@media screen and (max-width:560px){
  .pr-fecho{padding:22px 20px 24px}
  .quadro figcaption{flex-direction:column;gap:4px}
  .dg-nome{display:none}
  .tb-resp td:last-child,.tb-resp th:last-child{width:auto}
  .relatorio{padding:0 0 150px}
  .rel{border-radius:0}
  .base,.ma,.indice-anexos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sin-prios li{grid-template-columns:24px minmax(0,1fr) 70px;gap:12px}
  .sin-prios .bar{display:none}
  .ag-campos{grid-template-columns:1fr}
  .rel-fixa{justify-content:center}
  .rel-status{width:100%;justify-content:center}
  .rel-acoes{width:100%}
  .rel-acoes .rb{flex:1;padding:0 10px;font-size:13px}
  .ag-acoes .rb{flex:1 1 100%}
}