/* Kit de design Bruttus (11/11/2026): a base visual do portal para todos os sistemas.
   Servido em https://painel.bruttus.com.br/kit/kit.css?v=1 — cada sistema carrega daqui, nunca copia. Guia: portal/KIT.md.
   🔴 Nada em html, body ou seletor genérico: tokens com prefixo --k-, componentes com prefixo .k-.
      As classes .bx-* agrupadas aqui são do próprio portal (o bx.css importa este arquivo): mudar uma muda as duas.
   Tema: atributo data-bx-tema="auto|claro|escuro" (kit.js, cookie bx_tema de .bruttus.com.br). Sem atributo, segue o aparelho. */

@font-face{font-family:"Geist";src:url("../estilo/fontes/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("../estilo/fontes/GeistMono-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}

/* ---------- tokens: claro ---------- */
:root,[data-bx-tema="claro"],[data-bx-tema="auto"]{
  --k-marca:#F5A800;--k-marca-tx:#17171A;
  --k-bg:#EEECE6;--k-sup:#FFFFFF;--k-sup2:#F1F1EE;--k-sup3:#E9E9E5;--k-bd:#E7E6E1;
  --k-tx:#17171A;--k-tx2:#55555C;--k-tx3:#68686F;--k-pri:#17171A;--k-pri-tx:#FFFFFF;
  --k-ok:#18733A;--k-ok-bg:#E5F5EA;--k-aviso:#8A5A00;--k-aviso-bg:#FFF2CF;--k-erro:#C0271B;--k-erro-bg:#FDE9E6;--k-perigo:#C0271B;
  --k-sombra:0 1px 2px rgba(20,20,20,.04),0 10px 28px rgba(20,20,20,.06);--k-sombra-alta:0 12px 48px rgba(20,20,20,.18);
  --k-veu:rgba(20,20,22,.38);
  --k-h-bg:#0E0E10;--k-h-tx:#F5F5F2;--k-h-tx2:#B9B9C2;--k-h-tx3:#8B8B95;--k-h-linha:rgba(255,255,255,.09);--k-h-ok:#7EE2A0;--k-h-ruim:#FF9A8D;
  --k-lc:block;--k-le:none;
  --k-vidro:rgba(255,255,255,.64);--k-vidro-forte:rgba(255,255,255,.88);--k-vidro-bd:rgba(255,255,255,.8);
  --k-vidro-luz:inset 0 1px 0 rgba(255,255,255,.7);--k-vidro-w:rgba(255,255,255,.82);
  --k-anel-f:rgba(20,20,20,.09);--k-w1:rgba(245,168,0,.26);--k-w2:rgba(255,110,70,.20);--k-w3:rgba(110,140,255,.16);
  --k-rotulo:#8A5A00;--k-anel:#8A5A00;--k-azul:#1D4ED8;--k-azul-bg:rgba(59,130,246,.14);
  --k-f:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --k-mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
  --k-r-bloco:26px;--k-r-cartao:20px;--k-mola:cubic-bezier(.34,1.56,.64,1);
  --k-desfoque:blur(26px) saturate(1.7);--k-desfoque-alto:blur(40px) saturate(1.8);
  --k-esquema:light;
}
/* ---------- tokens: escuro ---------- */
[data-bx-tema="escuro"]{
  --k-bg:#0A0A0C;--k-sup:#18181B;--k-sup2:#212125;--k-sup3:#2C2C31;--k-bd:#2A2A30;
  --k-tx:#F3F3F4;--k-tx2:#B7B7BF;--k-tx3:#93939C;--k-pri:#F5A800;--k-pri-tx:#17171A;
  --k-ok:#6FDB8E;--k-ok-bg:#16301F;--k-aviso:#F5C451;--k-aviso-bg:#33280B;--k-erro:#FF8A7D;--k-erro-bg:#3A1A17;--k-perigo:#D9382B;
  --k-sombra:0 1px 2px rgba(0,0,0,.35);--k-sombra-alta:0 16px 48px rgba(0,0,0,.6);--k-veu:rgba(0,0,0,.6);
  --k-h-bg:#16161A;--k-h-linha:rgba(255,255,255,.08);--k-lc:none;--k-le:block;
  --k-vidro:rgba(36,36,42,.56);--k-vidro-forte:rgba(30,30,35,.86);--k-vidro-bd:rgba(255,255,255,.09);
  --k-vidro-luz:inset 0 1px 0 rgba(255,255,255,.07);--k-vidro-w:rgba(34,34,40,.78);
  --k-anel-f:rgba(255,255,255,.13);--k-w1:rgba(245,168,0,.20);--k-w2:rgba(230,70,40,.15);--k-w3:rgba(90,80,210,.16);
  --k-rotulo:#F5C451;--k-anel:#F5A800;--k-azul:#9CC2FF;--k-azul-bg:rgba(96,165,250,.18);
  --k-esquema:dark;
}
/* ponytail: bloco escuro repetido para Auto (e para quem não marcou tema) no aparelho escuro; manter igual ao de cima */
@media (prefers-color-scheme:dark){:root:not([data-bx-tema]),[data-bx-tema="auto"]{
  --k-bg:#0A0A0C;--k-sup:#18181B;--k-sup2:#212125;--k-sup3:#2C2C31;--k-bd:#2A2A30;
  --k-tx:#F3F3F4;--k-tx2:#B7B7BF;--k-tx3:#93939C;--k-pri:#F5A800;--k-pri-tx:#17171A;
  --k-ok:#6FDB8E;--k-ok-bg:#16301F;--k-aviso:#F5C451;--k-aviso-bg:#33280B;--k-erro:#FF8A7D;--k-erro-bg:#3A1A17;--k-perigo:#D9382B;
  --k-sombra:0 1px 2px rgba(0,0,0,.35);--k-sombra-alta:0 16px 48px rgba(0,0,0,.6);--k-veu:rgba(0,0,0,.6);
  --k-h-bg:#16161A;--k-h-linha:rgba(255,255,255,.08);--k-lc:none;--k-le:block;
  --k-vidro:rgba(36,36,42,.56);--k-vidro-forte:rgba(30,30,35,.86);--k-vidro-bd:rgba(255,255,255,.09);
  --k-vidro-luz:inset 0 1px 0 rgba(255,255,255,.07);--k-vidro-w:rgba(34,34,40,.78);
  --k-anel-f:rgba(255,255,255,.13);--k-w1:rgba(245,168,0,.20);--k-w2:rgba(230,70,40,.15);--k-w3:rgba(90,80,210,.16);
  --k-rotulo:#F5C451;--k-anel:#F5A800;--k-azul:#9CC2FF;--k-azul-bg:rgba(96,165,250,.18);
  --k-esquema:dark;
}}

/* ---------- página (no <body> do sistema) ---------- */
.k-pagina{margin:0;min-height:100vh;color:var(--k-tx);font:400 15.5px/1.45 var(--k-f);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;color-scheme:var(--k-esquema);
  background:radial-gradient(62vw 52vh at 10% 4%,var(--k-w1),transparent 62%),radial-gradient(52vw 58vh at 96% 16%,var(--k-w2),transparent 62%),radial-gradient(72vw 62vh at 66% 104%,var(--k-w3),transparent 60%),var(--k-bg);
  background-attachment:fixed}
.k-pagina :focus-visible{outline:3px solid var(--k-anel);outline-offset:2px}
.k-conteudo{max-width:1180px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:22px}

.k-conteudo--estreito{max-width:440px;padding-top:max(40px,9vh)}
.k-pilha{display:flex;flex-direction:column;gap:16px;margin:0}
/* logo da Bruttus que troca com o tema: <span class="k-logo"><img class="k-logo-claro" …><img class="k-logo-escuro" …></span> */
.k-logo{display:inline-flex}
.k-logo img{height:66px;width:auto}
.k-logo .k-logo-claro{display:var(--k-lc)}
.k-logo .k-logo-escuro{display:var(--k-le)}

/* menu do módulo levado para a barra do portal (grade.js põe body.k-com-trilho): o original some. Contrato no KIT.md */
.k-com-trilho [data-k-menu]{display:none!important}

/* 🔴 o kit não depende do box-sizing do módulo: largura 100% + padding estourava a tela em 390 px */
.k-conteudo,.k-cartao,.k-botao,.k-selo,.k-aviso,.k-vazio,.k-campo,.k-campo :is(input,select,textarea),.k-tabela,.k-tabela :is(tr,th,td){box-sizing:border-box}

/* ---------- texto e arrumação (mesmas regras do portal) ---------- */
.bx-titulo,.k-titulo{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}
.k-titulo{font-family:var(--k-f);text-transform:none;display:block}
.k-titulo::after{content:none}  /* 🔴 o bruttus.css antigo põe pincelada em h1::after */
.bx-subtitulo,.k-subtitulo{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}
.bx-texto,.k-texto{color:var(--k-tx2);margin:0}
.bx-rotulo,.k-rotulo{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--k-rotulo)}
.bx-mono,.k-mono{font-family:var(--k-mono);font-size:.92em}
.bx-numero,.k-numero{font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.bx-linha,.k-linha{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bx-grade,.k-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}

/* ---------- selo (estado sempre com texto, nunca só cor) ---------- */
.bx-etiqueta,.k-selo{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:99px;white-space:nowrap;background:var(--k-sup2);color:var(--k-tx2)}
.bx-etiqueta::before,.k-selo::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.bx-etiqueta-ok,.k-selo--ok{background:var(--k-ok-bg);color:var(--k-ok)}
.bx-etiqueta-aviso,.k-selo--aviso{background:var(--k-aviso-bg);color:var(--k-aviso)}
.bx-etiqueta-erro,.k-selo--erro{background:var(--k-erro-bg);color:var(--k-erro)}
.bx-etiqueta-azul,.k-selo--azul{background:var(--k-azul-bg);color:var(--k-azul)}
.bx-etiqueta-borda,.k-selo--borda{background:none;border:1px solid var(--k-bd);border-radius:8px;font-size:12.5px}
.bx-etiqueta-borda::before,.k-selo--borda::before{display:none}

/* ---------- cartão de vidro ---------- */
.bx-vidro,.k-cartao{background:var(--k-vidro);-webkit-backdrop-filter:var(--k-desfoque);backdrop-filter:var(--k-desfoque);border:1px solid var(--k-vidro-bd);border-radius:var(--k-r-cartao);box-shadow:var(--k-vidro-luz),0 14px 34px -22px rgba(0,0,0,.35);padding:20px}
.bx-vidro-bloco,.k-cartao--bloco{border-radius:var(--k-r-bloco)}
.bx-vidro-forte,.k-cartao--forte{background:var(--k-vidro-w)}
.k-cartao>:first-child{margin-top:0}
.k-cartao>:last-child{margin-bottom:0}

/* ---------- aviso (faixa no fluxo) ---------- */
.bx-aviso-faixa,.k-aviso{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:12px 16px;background:var(--k-aviso-bg);color:var(--k-aviso);font-size:14px}
.bx-aviso-faixa .bx-i{font-size:19px;margin-top:1px}
.k-aviso{margin:0;line-height:1.4}
.k-aviso svg{width:19px;height:19px;flex:none;margin-top:1px}
.k-aviso b{font-weight:600}
.k-aviso--ok{background:var(--k-ok-bg);color:var(--k-ok)}
.k-aviso--erro{background:var(--k-erro-bg);color:var(--k-erro)}

/* ---------- botão ----------
   🔴 o css antigo dos módulos pinta button:hover (especificidade 0,1,1): o fundo vem de --kb/--kt e o :hover (0,2,0) repete */
.k-botao{--kb:var(--k-sup);--kt:var(--k-tx);--kd:var(--k-bd);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;font:500 13.5px/1.2 var(--k-f);padding:9px 16px;border-radius:99px;border:1px solid var(--kd);background:var(--kb);color:var(--kt);box-shadow:none;white-space:nowrap;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:normal;transition:background .12s,border-color .12s,color .12s,transform .12s,filter .12s}
.k-botao:hover{background:var(--kb);color:var(--kt);border-color:var(--k-tx3)}
.k-botao:active{transform:scale(.97)}
.k-botao svg{width:16px;height:16px;flex:none}
.k-botao--pri{--kb:var(--k-pri);--kt:var(--k-pri-tx);--kd:var(--k-pri)}
.k-botao--amarelo{--kb:var(--k-marca);--kt:var(--k-marca-tx);--kd:var(--k-marca)}
.k-botao--pri:hover,.k-botao--amarelo:hover,.k-botao--cheio:hover{filter:brightness(1.06);border-color:transparent}
.k-botao--perigo{--kt:var(--k-erro);--kd:color-mix(in srgb,var(--k-erro) 35%,var(--k-bd))}
.k-botao--perigo:hover{background:var(--k-erro-bg);border-color:var(--kd)}
.k-botao--cheio{--kb:var(--k-perigo);--kt:#fff;--kd:var(--k-perigo)}
.k-botao--quieto{--kb:transparent;--kt:var(--k-tx2);--kd:transparent}
.k-botao--quieto:hover{background:color-mix(in srgb,var(--k-tx) 7%,transparent);color:var(--k-tx);border-color:transparent}
.k-botao--grande{padding:12px 20px;font-size:15px;min-height:46px}
.k-botao[disabled],.k-botao[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;filter:none}
.k-botao[aria-busy="true"]{cursor:progress}

/* ---------- campo (rótulo + entrada + ajuda) ---------- */
.k-campo{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font:500 13.5px/1.3 var(--k-f);color:var(--k-tx2)}
.k-campo :is(input,select,textarea){width:100%;min-height:44px;margin:0;padding:10px 14px;border:1px solid var(--k-bd);border-radius:13px;background:var(--k-sup);color:var(--k-tx);font:400 16px/1.3 var(--k-f);box-shadow:none;color-scheme:var(--k-esquema)}
.k-campo textarea{min-height:96px;resize:vertical}
.k-campo :is(input,textarea)::placeholder{color:var(--k-tx3)}
.k-campo :is(input,select,textarea):focus{outline:0;border-color:var(--k-anel);box-shadow:0 0 0 3px color-mix(in srgb,var(--k-marca) 28%,transparent)}
.k-campo :is(input,select,textarea):disabled{opacity:.6;cursor:not-allowed}
.k-campo small{font-weight:400;font-size:12.5px;color:var(--k-tx3)}
.k-campo--erro :is(input,select,textarea),.k-campo :is(input,select,textarea):user-invalid{border-color:var(--k-erro)}
.k-campo--erro small{color:var(--k-erro)}

/* ---------- tabela: cartão por linha até 760 px (cada <td data-label="…">) ---------- */
.k-tabela{width:100%;border-collapse:separate;border-spacing:0;margin:0;background:var(--k-vidro-w);border:1px solid var(--k-vidro-bd);border-radius:var(--k-r-cartao);overflow:hidden;font-size:14.5px;font-variant-numeric:tabular-nums;color:var(--k-tx)}
.k-tabela caption{text-align:left;padding:0 0 10px;font-size:17px;font-weight:600;color:var(--k-tx)}
.k-tabela th{text-align:left;padding:12px 16px;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--k-tx3);background:none;border:0}
.k-tabela td{padding:12px 16px;border:0;border-top:1px solid color-mix(in srgb,var(--k-tx) 7%,transparent);vertical-align:middle;background:none}
.k-tabela tbody tr:hover{background:color-mix(in srgb,var(--k-tx) 3%,transparent)}
.k-tabela .k-num{text-align:right;white-space:nowrap}
@media (max-width:760px){
  .k-tabela{background:none;border:0;border-radius:0;overflow:visible}
  .k-tabela,.k-tabela tbody,.k-tabela tr,.k-tabela td{display:block;width:100%}
  .k-tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .k-tabela tr{margin:0 0 12px;padding:4px 16px;border:1px solid var(--k-vidro-bd);border-radius:var(--k-r-cartao);background:var(--k-vidro-w)}
  .k-tabela td,.k-tabela .k-num{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;text-align:right;white-space:normal}
  .k-tabela td:first-child{border-top:0}
  .k-tabela td::before{content:attr(data-label);flex:none;max-width:50%;text-align:left;color:var(--k-tx2);font-size:13px}
  .k-tabela td:not([data-label])::before{content:none}
  .k-tabela td>*{min-width:0;overflow-wrap:anywhere}  /* e-mail, arquivo ou campo longo não empurra a célula para fora */
  .k-tabela tbody tr:hover{background:var(--k-vidro-w)}
}

/* ---------- molde de página = o Início do portal (dono, 11/11) ----------
   As regras são as do Início: o bx.css não as repete, só a parte organizável do bloco (container, arraste).
   Cabeçalho: <header class="k-cabecalho"><div><p class="k-texto">linha curta</p><h1 class="k-titulo">Título</h1></div><div class="k-cabecalho-acoes">…</div></header> */
.k-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.k-cabecalho>div:first-child{min-width:0}
.k-cabecalho-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bx-ola .bx-titulo,.k-cabecalho .k-titulo{font-size:44px;letter-spacing:-.035em;margin-top:4px}
.bx-ola .bx-texto+.bx-titulo,.bx-ola .bx-titulo+.bx-texto,.k-cabecalho .k-texto+.k-titulo,.k-cabecalho .k-titulo+.k-texto{margin-top:6px}
/* pílula de vidro: as ações do topo do Início (Foco, Organizar) */
.bx-pilula,.k-pilula{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 16px;border-radius:99px;border:1px solid var(--k-vidro-bd);background:var(--k-vidro);-webkit-backdrop-filter:var(--k-desfoque);backdrop-filter:var(--k-desfoque);color:var(--k-tx);font:500 14px var(--k-f);text-decoration:none;cursor:pointer}
.bx-pilula .bx-i{font-size:16px;color:var(--k-tx2)}
.k-pilula svg{width:16px;height:16px;flex:none;color:var(--k-tx2)}
.bx-pilula:hover,.k-pilula:hover{background:var(--k-vidro-forte);color:var(--k-tx)}
.bx-pilula[aria-pressed="true"],.k-pilula[aria-pressed="true"]{background:var(--k-pri);color:var(--k-pri-tx);border-color:var(--k-pri)}
.bx-pilula[aria-pressed="true"] .bx-i,.k-pilula[aria-pressed="true"] svg{color:inherit}
/* bloco do Início: <section class="k-bloco"><h2 class="k-bloco-t"><svg…>Título <span class="k-selo">…</span></h2>…<p class="k-bloco-pe">rodapé</p></section> */
.bx-bloco,.k-bloco{box-sizing:border-box;padding:18px 20px;border-radius:var(--k-r-bloco);border:1px solid var(--k-vidro-bd);background:var(--k-vidro-w);-webkit-backdrop-filter:var(--k-desfoque);backdrop-filter:var(--k-desfoque);box-shadow:var(--k-vidro-luz),0 14px 34px -22px rgba(0,0,0,.35)}
.k-bloco{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}
.k-bloco--alerta{background:color-mix(in srgb,var(--k-aviso-bg) 62%,var(--k-vidro))}
.bx-bloco-t,.k-bloco-t{display:flex;align-items:center;gap:10px;font-size:15.5px;margin:0}
.bx-bloco-t b,.k-bloco-t{font-weight:600}
.k-bloco-t svg{width:19px;height:19px;flex:none;color:var(--k-tx2)}
.bx-bloco-t .bx-etiqueta,.k-bloco-t .k-selo{margin-left:auto;font-weight:500}
.bx-bloco-pe,.k-bloco-pe{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--k-tx2);margin:0}
/* dentro do bloco a tabela não tem caixa própria (o bloco já é a caixa) */
.k-bloco .k-tabela{background:none;border:0;border-radius:0}
.k-bloco .k-tabela :is(th,td):first-child{padding-left:0}
.k-bloco .k-tabela :is(th,td):last-child{padding-right:0}
/* lista dentro do bloco: <ul class="k-lista"><li><span>…</span><b>…</b></li></ul> */
.k-lista{list-style:none;margin:0;padding:0}
.k-lista>li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--k-tx) 7%,transparent)}
.k-lista>li:first-child{border-top:0;padding-top:0}
.k-lista>li>*{min-width:0;overflow-wrap:anywhere}
.k-lista>li>:first-child{flex:1}
.k-lista>li>:last-child:not(:first-child){flex:none;text-align:right}
/* números do Início (indicadores): <div class="k-numeros"><div class="k-indicador"><span class="k-indicador-t">Rótulo<svg…></span><b>42</b><small>apoio</small></div></div> */
.bx-numeros,.k-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bx-num,.k-indicador{box-sizing:border-box;display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 20px;border-radius:var(--k-r-cartao);border:1px solid var(--k-vidro-bd);background:var(--k-vidro-w);-webkit-backdrop-filter:var(--k-desfoque);backdrop-filter:var(--k-desfoque);box-shadow:var(--k-vidro-luz),0 14px 34px -22px rgba(0,0,0,.35)}
.bx-num-alerta,.k-indicador--alerta{background:color-mix(in srgb,var(--k-aviso-bg) 62%,var(--k-vidro))}
.bx-num-t,.k-indicador-t{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;color:var(--k-tx2)}
.bx-num-t .bx-i{font-size:17px;color:var(--k-tx3)}
.k-indicador-t svg{width:17px;height:17px;flex:none;color:var(--k-tx3)}
.bx-num b,.k-indicador b{font-size:32px;font-weight:700;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}
.bx-num small,.k-indicador small{font-size:13px;color:var(--k-tx3)}
@media (max-width:1100px){.bx-numeros,.k-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.bx-ola .bx-titulo,.k-cabecalho .k-titulo{font-size:30px}.bx-numeros,.k-numeros{gap:12px}.bx-num b{font-size:26px}
  /* número numa linha só. Com kit.js (html.k-ajusta): 26 px e só o que não cabe encolhe (--k-ajuste, até 15 px).
     Sem kit.js: a letra segue a largura do quadro. Altura da linha fixa: encolher não mexe na altura do quadro. */
  .k-indicador{container-type:inline-size}
  .k-indicador>b{font-size:clamp(15px,13cqi,26px);line-height:29px;white-space:nowrap;max-width:100%;overflow:hidden}
  .k-ajusta .k-indicador>b{font-size:var(--k-ajuste,26px)}}
@media (max-width:640px){.k-pilula{min-height:44px}}
@media (max-width:760px){  /* tabela no bloco: linhas separadas por traço, sem cartão dentro de cartão */
  .k-bloco .k-tabela tr,.k-bloco .k-tabela tbody tr:hover{margin:0;padding:6px 0;border:0;border-top:1px solid color-mix(in srgb,var(--k-tx) 7%,transparent);border-radius:0;background:none}
  .k-bloco .k-tabela tbody tr:first-child{border-top:0}
  .k-bloco .k-tabela td{border-top:0}
}
/* com a barra do portal (grade.js), o miolo tem o espaço do Início */
@media (min-width:761px){.k-com-trilho .k-conteudo{padding:22px 28px 64px}}

/* ---------- vazio ---------- */
.k-vazio{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:32px 20px;border:1px dashed var(--k-bd);border-radius:var(--k-r-cartao);color:var(--k-tx3);text-align:center;font-size:14.5px}
.k-vazio b,.k-vazio strong{color:var(--k-tx);font-size:15.5px;font-weight:600}

@media (max-width:640px){
  .bx-titulo,.k-titulo{font-size:26px}
  .k-botao{min-height:44px}
  .k-conteudo{padding:20px 16px 96px}
}
@media (prefers-reduced-motion:reduce){.k-botao{transition:none}.k-botao:active{transform:none}}