/* ============================================================
   ZiApoio — Plataforma de Formação
   ------------------------------------------------------------
   Linguagem visual própria destas páginas (roadmap, cadastro,
   equipe): superfícies neutras, uma única cor de acento e
   hierarquia por tipografia — não por brilho.

   Os tokens abaixo valem só neste escopo; o restante do portal
   continua com o visual atual.
   ============================================================ */

:root{
  /* Superfícies */
  --s-0:#0b0d10;                       /* fundo de bloco interno */
  --s-1:rgba(255,255,255,.022);        /* card */
  --s-2:rgba(255,255,255,.045);        /* card elevado / hover */
  --s-3:rgba(255,255,255,.07);         /* controles */

  /* Linhas neutras, não verdes */
  --l-1:rgba(255,255,255,.09);
  --l-2:rgba(255,255,255,.14);
  --l-3:rgba(255,255,255,.22);

  /* Texto */
  --t-1:#e8ecf0;                       /* títulos */
  --t-2:#aab4bf;                       /* corpo */
  --t-3:#6f7b87;                       /* meta / label */

  /* Acento único */
  --ac:#00b87a;
  --ac-soft:rgba(0,184,122,.12);
  --ac-line:rgba(0,184,122,.34);

  --r-1:6px; --r-2:10px; --r-3:14px;
  --tr:.18s ease;
}

body.light-theme{
  --s-0:#f7f8fa; --s-1:rgba(9,12,16,.02); --s-2:rgba(9,12,16,.04); --s-3:rgba(9,12,16,.06);
  --l-1:rgba(9,12,16,.1); --l-2:rgba(9,12,16,.16); --l-3:rgba(9,12,16,.26);
  --t-1:#121821; --t-2:#4a5560; --t-3:#7d8894;
  --ac:#00875a; --ac-soft:rgba(0,135,90,.1); --ac-line:rgba(0,135,90,.3);
}

/* Ícones inline (js/icons.js) */
.ico{flex-shrink:0;vertical-align:-.18em}
button .ico, a .ico{margin-right:.4em}
button .ico:only-child, a .ico:only-child{margin-right:0}

/* ── Estrutura ── */
.rm-wrap{max-width:1080px;margin:0 auto;padding:0 24px 96px;position:relative;z-index:1}

.rm-hero{
  max-width:1080px;margin:0 auto;padding:56px 24px 32px;
  position:relative;z-index:1;border-bottom:1px solid var(--l-1)
}
.rm-hero .eyebrow{
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--t-3);margin-bottom:14px
}
.rm-hero h1{
  font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:-.02em;
  font-size:clamp(1.6rem,3.4vw,2.15rem);line-height:1.2;color:var(--t-1);margin-bottom:10px
}
.rm-hero .sub{color:var(--t-2);font-size:1rem;line-height:1.5;margin-bottom:8px}
.rm-hero .resumo{color:var(--t-3);font-size:.9rem;line-height:1.65;max-width:64ch;margin-bottom:26px}

/* ── Seletor de trilha ── */
.perfil-sel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.trilha-sel{
  position:relative;display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--l-1);border-radius:var(--r-2);
  background:var(--s-1);padding:0 12px 0 14px;transition:border-color var(--tr)
}
.trilha-sel:hover{border-color:var(--l-2)}
.trilha-sel:focus-within{border-color:var(--ac-line)}
.ts-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t-3)}
.trilha-sel select{
  appearance:none;background:none;border:none;outline:none;cursor:pointer;
  color:var(--t-1);font-family:'Poppins',sans-serif;font-size:.9rem;
  padding:11px 22px 11px 0;max-width:min(62vw,340px)
}
.trilha-sel select option{background:#12161b;color:#e8ecf0}
.trilha-sel .ico{position:absolute;right:11px;color:var(--t-3);pointer-events:none;margin:0}

/* ── Indicadores numéricos ── */
.kpis{display:flex;flex-wrap:wrap;gap:0;margin-bottom:22px;border-top:1px solid var(--l-1)}
.kpi{flex:1 1 150px;padding:16px 20px 16px 0;margin-right:20px;border-right:1px solid var(--l-1)}
.kpi:last-child{border-right:none;margin-right:0}
.kpi b{
  display:block;font-family:'Poppins',sans-serif;font-weight:600;
  font-size:1.4rem;letter-spacing:-.02em;color:var(--t-1);line-height:1.2;
  font-variant-numeric:tabular-nums
}
.kpi span{
  display:block;margin-top:3px;color:var(--t-3);
  font-size:.7rem;letter-spacing:.1em;text-transform:uppercase
}

/* ── Barras de progresso ── */
.barra{height:4px;border-radius:99px;background:var(--s-3);overflow:hidden}
.barra>i{display:block;height:100%;background:var(--ac);transition:width .3s ease}
.barra.sm{height:3px}
.barra.micro{display:block;width:56px;height:3px;border-radius:99px;background:var(--s-3);overflow:hidden}
.barra.micro>i{display:block;height:100%;background:var(--ac)}

/* ── Status de sincronização ── */
.sync-status{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:.76rem;color:var(--t-3)}
.sync-status.ok{color:var(--ac)}
.sync-status.sync{color:var(--t-2)}
.sync-status.local{color:#c9a227}
.sync-status .ico{margin:0}

/* ── Barra de ações ── */
.rm-acoes{display:flex;flex-wrap:wrap;gap:8px;max-width:1080px;margin:22px auto 34px;padding:0 24px}
.rm-acoes button{
  display:inline-flex;align-items:center;background:none;
  border:1px solid var(--l-1);color:var(--t-2);border-radius:var(--r-1);
  padding:8px 14px;font-family:'Poppins',sans-serif;font-size:.8rem;cursor:pointer;transition:var(--tr)
}
.rm-acoes button:hover{border-color:var(--l-3);color:var(--t-1);background:var(--s-1)}
.rm-acoes .danger:hover{border-color:rgba(224,90,90,.5);color:#e2686b;background:rgba(224,90,90,.05)}

/* ── Seções ── */
.card{background:var(--s-1);border:1px solid var(--l-1);border-radius:var(--r-3);padding:30px 32px;margin-bottom:18px}
.sec>h2{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:1.02rem;
  letter-spacing:-.01em;color:var(--t-1);margin-bottom:7px
}
.sec-sub{color:var(--t-3);font-size:.86rem;line-height:1.65;margin-bottom:22px;max-width:72ch}
.muted{color:var(--t-3)}
.nota{
  margin-top:18px;padding:14px 16px;border-left:2px solid var(--ac-line);
  background:var(--ac-soft);border-radius:0 var(--r-1) var(--r-1) 0;
  color:var(--t-2);font-size:.84rem;line-height:1.65
}
.nota strong{color:var(--t-1);font-weight:600}

/* ── Áreas de competência ── */
.grid-areas{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;
  background:var(--l-1);border:1px solid var(--l-1);border-radius:var(--r-2);overflow:hidden
}
.area-card{padding:18px;background:var(--s-0)}
.area-top{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.area-ico{color:var(--ac);display:flex;padding-top:1px}
.area-top strong{display:block;font-size:.88rem;font-weight:600;color:var(--t-1);margin-bottom:3px}
.area-top small{display:block;color:var(--t-3);font-size:.75rem;line-height:1.5}
.area-pct{
  margin-left:auto;font-family:'Poppins',sans-serif;font-weight:600;
  font-size:.9rem;color:var(--t-1);font-variant-numeric:tabular-nums
}
.area-card small.muted{display:block;margin-top:8px;font-size:.72rem}

/* ── Fluxos (etapas) ── */
.fluxo{
  display:flex;flex-wrap:wrap;align-items:stretch;gap:1px;
  border:1px solid var(--l-1);border-radius:var(--r-2);background:var(--l-1);overflow:hidden
}
.fluxo-step{flex:1 1 140px;background:var(--s-0);padding:14px 16px}
.fluxo-step b{display:block;color:var(--t-1);font-size:.82rem;font-weight:600;margin-bottom:4px}
.fluxo-step small{color:var(--t-3);font-size:.74rem;line-height:1.5}
.fluxo-arrow{display:none}
.fluxo.mini{margin:14px 0}
.fluxo.mini .fluxo-step{flex:0 1 auto;padding:8px 13px}
.fluxo.mini .fluxo-step b{font-size:.75rem;margin:0;font-weight:500;color:var(--t-2)}

/* ── Duas colunas ── */
.duas-colunas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:16px}
.duas-colunas .col{padding-left:14px;border-left:2px solid var(--l-2)}
.duas-colunas .col h4{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--t-3);font-weight:600;margin-bottom:10px
}
.duas-colunas .col.bom{border-left-color:var(--ac-line)}
.duas-colunas .col.ruim{border-left-color:rgba(224,90,90,.4)}
.duas-colunas ul{list-style:none;display:grid;gap:7px}
.duas-colunas li,.duas-colunas p{color:var(--t-2);font-size:.84rem;line-height:1.6}
.duas-colunas code{
  background:var(--s-3);padding:2px 6px;border-radius:4px;font-size:.78rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--t-1)
}

/* ── Blocos da trilha ── */
.bloco{border:1px solid var(--l-1);border-radius:var(--r-2);margin-bottom:14px;overflow:hidden}
.bloco.completo{border-color:var(--ac-line)}
.bloco-head{padding:20px 22px 18px;background:var(--s-1)}
.bloco-topo{display:flex;gap:18px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.bloco-head h3{
  font-family:'Poppins',sans-serif;font-size:.95rem;font-weight:600;
  color:var(--t-1);letter-spacing:-.01em
}
.bloco-num{
  display:block;font-size:.7rem;letter-spacing:.14em;color:var(--t-3);
  font-variant-numeric:tabular-nums;margin-bottom:6px
}
.bloco-pct{text-align:right;white-space:nowrap}
.bloco-pct b{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:1.05rem;
  color:var(--t-1);font-variant-numeric:tabular-nums
}
.bloco-pct small{display:block;color:var(--t-3);font-size:.7rem;margin-top:1px}
.bloco .proj{display:block;margin-top:12px;color:var(--t-3);font-size:.78rem}
.bloco .proj strong{color:var(--t-2);font-weight:500}
.bloco-head .barra{margin-top:16px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag{
  font-size:.7rem;padding:3px 9px;border-radius:var(--r-1);
  border:1px solid var(--l-1);color:var(--t-3);background:var(--s-1)
}

/* ── Módulos ── */
.modulos{border-top:1px solid var(--l-1)}
.modulo{border-bottom:1px solid var(--l-1);background:transparent}
.modulo:last-child{border-bottom:none}
.modulo>summary{
  display:flex;align-items:center;gap:13px;padding:15px 22px;
  cursor:pointer;list-style:none;transition:background var(--tr)
}
.modulo>summary::-webkit-details-marker{display:none}
.modulo>summary:hover{background:var(--s-1)}
.mod-ico{
  width:30px;height:30px;border-radius:var(--r-1);display:grid;place-items:center;
  flex-shrink:0;border:1px solid var(--l-1);color:var(--t-2);background:transparent
}
.mod-ico .ico{margin:0}
.modulo.ok .mod-ico{color:var(--ac);border-color:var(--ac-line)}
.mod-tit{flex:1;min-width:0}
.mod-tit strong{display:block;font-size:.87rem;font-weight:500;color:var(--t-1)}
.mod-tit small{color:var(--t-3);font-size:.72rem}
.mod-prog{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mod-prog b{font-size:.74rem;color:var(--t-3);font-weight:500;font-variant-numeric:tabular-nums}
.mod-body{padding:2px 22px 26px 65px;max-width:80ch}
.mod-desc{color:var(--t-2);font-size:.85rem;line-height:1.7;margin:8px 0 14px}

/* ── Checklist ── */
.checklist{list-style:none;display:grid;margin-top:16px}
.chk{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--l-1)}
.chk:last-child{border-bottom:none}
.chk .box{
  width:17px;height:17px;margin-top:1px;flex-shrink:0;border-radius:4px;
  border:1px solid var(--l-3);background:transparent;color:#06231a;
  cursor:pointer;display:grid;place-items:center;transition:var(--tr);padding:0
}
.chk .box:hover{border-color:var(--ac)}
.chk.done .box{background:var(--ac);border-color:var(--ac)}
.chk .box .ico{margin:0}
.chk-txt{flex:1;font-size:.855rem;line-height:1.55;color:var(--t-2)}
.chk.done .chk-txt{color:var(--t-3)}
.chk-tipo{
  font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--t-3);white-space:nowrap;flex-shrink:0;padding-top:3px
}
.checklist.compact .chk{padding:7px 0}
.checklist.compact .chk-txt{font-size:.82rem}

/* ── Tabelas ── */
.tabela-wrap{margin-top:18px;overflow-x:auto}
.tabela-wrap h5{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--t-3);margin-bottom:12px
}
.tabela-wrap table{width:100%;border-collapse:collapse;font-size:.83rem;min-width:420px}
.tabela-wrap th,.tabela-wrap td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--l-1)}
.tabela-wrap th{color:var(--t-3);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.tabela-wrap td{color:var(--t-2)}
.tabela-wrap tbody tr:last-child td{border-bottom:none}
table.matriz td.comp{color:var(--t-1);font-weight:500}
table.matriz .cel{text-align:center;padding-right:0}
.radio{
  width:20px;height:20px;border-radius:50%;border:1px solid var(--l-3);
  background:transparent;cursor:pointer;transition:var(--tr);padding:0;
  color:transparent;font-size:0
}
.radio:hover{border-color:var(--ac)}
.radio.on{background:var(--ac);border-color:var(--ac)}

/* ── Alertas / modelos ── */
.alerta{margin-top:18px;padding-left:14px;border-left:2px solid rgba(224,90,90,.45)}
.alerta h4,.modelo h4{
  color:var(--t-3);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:10px;font-weight:600
}
.alerta ul{list-style:none;display:grid;gap:6px}
.alerta li{color:var(--t-2);font-size:.84rem;line-height:1.6}
.modelo{margin-top:18px;padding-left:14px;border-left:2px solid var(--ac-line)}
.modelo p{color:var(--t-2);font-size:.85rem;line-height:1.85}

.links{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}
.links a{
  display:inline-flex;align-items:center;font-size:.8rem;color:var(--ac);
  text-decoration:none;border-bottom:1px solid transparent;transition:var(--tr)
}
.links a:hover{border-bottom-color:var(--ac-line)}
.links a .ico{margin-left:.35em;margin-right:0}

/* ── Passaporte / chips selecionáveis ── */
.grid-pass{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px}
.pass-card h4,.semana-card h4{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-3);
  margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline;font-weight:600
}
.pass-card h4 span,.semana-card h4 span{color:var(--t-2);font-variant-numeric:tabular-nums;letter-spacing:0}
.pass-itens{display:flex;flex-wrap:wrap;gap:6px}
.pass-chip{
  font-size:.775rem;padding:5px 11px;border-radius:var(--r-1);
  border:1px solid var(--l-1);background:transparent;color:var(--t-3);
  cursor:pointer;font-family:'Poppins',sans-serif;transition:var(--tr)
}
.pass-chip:hover{border-color:var(--l-3);color:var(--t-1)}
.pass-chip.on{background:var(--ac-soft);border-color:var(--ac-line);color:var(--t-1)}

/* ── Níveis ── */
.grid-niveis{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
  background:var(--l-1);border:1px solid var(--l-1);border-radius:var(--r-2);overflow:hidden
}
.nivel-card{
  position:relative;text-align:left;padding:18px;background:var(--s-0);
  color:var(--t-2);cursor:pointer;font-family:'Poppins',sans-serif;
  border:none;transition:background var(--tr)
}
.nivel-card:hover{background:var(--s-2)}
.nivel-card.on{background:var(--ac-soft);box-shadow:inset 2px 0 0 var(--ac)}
.nivel-card .nn{
  display:block;font-size:.7rem;letter-spacing:.14em;color:var(--t-3);
  margin-bottom:10px;font-variant-numeric:tabular-nums
}
.nivel-card strong{display:block;font-size:.86rem;font-weight:600;color:var(--t-1);margin-bottom:6px}
.nivel-card small{display:block;color:var(--t-3);font-size:.75rem;line-height:1.55}
.sug-tag{
  position:absolute;top:16px;right:16px;font-size:.62rem;text-transform:uppercase;
  letter-spacing:.1em;color:var(--t-3);font-style:normal
}

/* ── Semanas do onboarding ── */
.grid-semanas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}
.semana-card.ok h4{color:var(--ac)}

/* ── Formulários ── */
.aval-form,.plano-form{display:grid;gap:6px;max-width:640px}
.lbl{
  color:var(--t-3);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  margin-top:16px;font-weight:600
}
.inp{
  background:var(--s-1);border:1px solid var(--l-1);border-radius:var(--r-1);
  padding:10px 13px;color:var(--t-1);font-family:'Poppins',sans-serif;
  font-size:.86rem;width:100%;transition:var(--tr)
}
.inp:hover{border-color:var(--l-2)}
.inp:focus{outline:none;border-color:var(--ac-line);background:var(--s-2)}
.inp.ta{resize:vertical;line-height:1.6}

.grid-notas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 24px;margin:16px 0 4px}
.nota-item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--l-1)
}
.nota-item>span{font-size:.82rem;color:var(--t-2)}
.notas{display:flex;gap:4px}
.nota-btn{
  width:25px;height:25px;border-radius:var(--r-1);border:1px solid var(--l-1);
  background:transparent;color:var(--t-3);cursor:pointer;font-size:.74rem;
  font-family:'Poppins',sans-serif;transition:var(--tr);font-variant-numeric:tabular-nums;padding:0
}
.nota-btn:hover{border-color:var(--l-3);color:var(--t-1)}
.nota-btn.on{background:var(--ac);border-color:var(--ac);color:#06231a;font-weight:600}

.btn-primary{
  display:inline-flex;align-items:center;margin-top:22px;justify-self:start;
  background:var(--ac);color:#04211a;border:none;border-radius:var(--r-1);
  padding:11px 20px;font-weight:600;font-size:.85rem;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:var(--tr)
}
.btn-primary:hover{filter:brightness(1.08)}
.btn-primary:disabled{opacity:.55;cursor:default}
.rm-voltar{
  background:none;border:1px solid var(--l-1);border-radius:var(--r-1);
  padding:11px 18px;color:var(--t-3);font-size:.85rem;cursor:pointer;
  font-family:'Poppins',sans-serif;transition:var(--tr)
}
.rm-voltar:hover{border-color:var(--l-3);color:var(--t-1)}

/* ── Histórico de avaliações ── */
.hist{
  margin-top:30px;display:grid;gap:1px;background:var(--l-1);
  border:1px solid var(--l-1);border-radius:var(--r-2);overflow:hidden
}
.hist h4{
  background:var(--s-0);padding:14px 18px;font-size:.72rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--t-3);font-weight:600
}
.hist-item{padding:16px 18px;background:var(--s-0)}
.hi-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.hi-head strong{font-size:.88rem;font-weight:600;color:var(--t-1);font-variant-numeric:tabular-nums}
.hi-head .media{color:var(--t-3);font-size:.76rem}
.hi-head .del{
  margin-left:auto;background:none;border:none;color:var(--t-3);
  cursor:pointer;display:flex;padding:2px;border-radius:4px;transition:var(--tr)
}
.hi-head .del:hover{color:#e2686b}
.hi-head .del .ico{margin:0}
.badge{
  font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 9px;border-radius:var(--r-1);border:1px solid var(--l-2);color:var(--t-3)
}
.badge.ok{color:var(--ac);border-color:var(--ac-line)}
.badge.warn{color:#c9a227;border-color:rgba(201,162,39,.4)}
.badge.bad{color:#e2686b;border-color:rgba(224,90,90,.4)}
.hi-notas{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.75rem;color:var(--t-3)}
.hi-notas b{color:var(--t-1);font-weight:600}
.hist-item p{margin-top:10px;font-size:.83rem;color:var(--t-2);line-height:1.6}
.hist-item p small{
  display:block;color:var(--t-3);text-transform:uppercase;
  font-size:.65rem;letter-spacing:.1em;margin-bottom:2px
}

/* ── Princípios ── */
.grid-mantras{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.grid-mantras blockquote{
  color:var(--t-2);font-size:.87rem;line-height:1.7;
  padding-left:14px;border-left:2px solid var(--l-2)
}

/* ── Estados vazios / em construção ── */
.em-breve h2{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:1.05rem;
  color:var(--t-1);margin-bottom:12px
}
.em-breve p{color:var(--t-2);font-size:.87rem;line-height:1.7;margin-bottom:10px;max-width:72ch}
.em-breve code{
  background:var(--s-3);padding:2px 6px;border-radius:4px;font-size:.8rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--t-1)
}
.vazio{color:var(--t-3);font-size:.85rem;line-height:1.6}

/* ── Faixa de cadastro pendente ── */
.aviso-cargo{
  max-width:1080px;margin:22px auto 0;padding:14px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border:1px solid var(--l-1);border-left:2px solid #c9a227;
  border-radius:0 var(--r-2) var(--r-2) 0;
  font-size:.85rem;color:var(--t-2);background:var(--s-1)
}
.aviso-cargo a{color:var(--ac);text-decoration:none;font-weight:500;white-space:nowrap}
.aviso-cargo a:hover{text-decoration:underline}

/* ── Impressão ── */
@media print{
  header,.rm-acoes,.perfil-sel,.chk .box,.radio,.nota-btn,.btn-primary,.del,
  .sync-status,.aviso-cargo{display:none!important}
  body{background:#fff!important;color:#111!important}
  .card,.bloco,.modulo{break-inside:avoid;border-color:#d8dce0!important;background:#fff!important}
  .mod-body{display:block!important;padding-left:22px}
  .chk.done .chk-txt::before{content:"[x] "}
  .chk:not(.done) .chk-txt::before{content:"[ ] "}
}

@media (max-width:760px){
  .rm-hero{padding:36px 20px 24px}
  .rm-wrap,.rm-acoes{padding-left:20px;padding-right:20px}
  .card{padding:24px 20px}
  .mod-body{padding-left:22px}
  .kpi{flex-basis:50%;border-right:none;margin-right:0;padding-right:12px}
  .mod-prog .barra.micro{display:none}
}

.aviso-cargo a .ico{margin-left:.35em;margin-right:0}