/* KM — componentes da loja Kimotor (frente 29, revisão global 13/10/2026). Fonte: API\loja_melhorias\ux\km.css.
   Mesmos tokens do KM-NAV Peças/Conexões e do buscador: grafite #262626/#1a1a1a, vermelho #bf0000, Poppins (títulos) / Roboto (texto).
   Publicado no CDN da LI (Gerenciador de arquivos) como km-vN.css; versão nova = arquivo novo + atualizar o código KM-CORE. v2 02:05: tabela das páginas km-doc em 100%. */
.km{font-family:Roboto,Arial,sans-serif;color:#1a1a1a;line-height:1.4;--km-red:#bf0000;--km-red-d:#990000;--km-ink:#1a1a1a;--km-graf:#262626;--km-mut:#5c5c5c;--km-line:#dcdcdc;--km-soft:#f5f5f5;--km-green:#16833a}
.km *{box-sizing:border-box}
.km a{text-decoration:none;color:#1a1a1a}
.km [hidden]{display:none!important}
/* título com régua */
.km-tit,.km-doc .caixa-sombreada>h1.titulo,.km-doc h1.titulo{font:700 26px/1.2 Poppins,Arial,sans-serif;color:#1a1a1a;margin:0 0 10px;padding:0;border:0;text-transform:none;letter-spacing:-.01em}
.km-tit::before,.km-doc h1.titulo::before{content:"";display:block;width:48px;height:4px;background:#bf0000;margin-bottom:12px}
.km-sub{margin:0 0 16px;color:#555;font-size:15px;max-width:780px}
/* central (abas grafite) */
.km-c{border:1px solid #262626;border-radius:4px;margin:12px 0 4px;background:#fff;overflow:hidden}
.km-tabs{display:flex;flex-wrap:wrap;background:#262626}
.km .km-tabs h2{margin:0;padding:13px 18px;font:600 15px Poppins,Arial,sans-serif;color:#fff!important;flex:1 1 240px;text-transform:none;border:0}
.km-tabs button{border:0;cursor:pointer;padding:0 16px;min-height:46px;background:#262626;color:#e8e8e8;font:600 14px Poppins,Arial,sans-serif}
.km-tabs button[aria-selected=true]{background:#fff;color:#1a1a1a;box-shadow:inset 0 3px 0 #bf0000}
.km-p{padding:18px}
.km-f{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0}
.km-f label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:#3a3a3a;flex:1 1 220px;margin:0}
.km input[type=text],.km input[type=search],.km select{height:44px;border:1px solid #bdbdbd;border-radius:4px;padding:0 10px;font-size:15px;background:#fff;color:#1a1a1a;width:100%;max-width:none;margin:0;box-shadow:none}
.km input:focus{outline:none;border-color:#bf0000;box-shadow:0 0 0 3px rgba(191,0,0,.12)}
.km .km-b{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;background:#bf0000;color:#fff;border:0;border-radius:4px;font:600 15px Poppins,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.km .km-b:hover{background:#990000;color:#fff}
.km-s{margin:12px 0 0;font-size:13px;color:#5c5c5c}
/* chips */
.km-ch{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:12px 0 0}
.km-ch a{font-size:13px;border:1px solid #cfcfcf;border-radius:16px;padding:6px 12px;background:#fafafa}
.km-ch a:hover,.km-ch a.on{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.km-ch>span{font-size:13px;color:#5c5c5c}
.km h3{font:700 20px Poppins,Arial,sans-serif;margin:26px 0 12px;text-transform:none}
/* grade de famílias */
.km-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.km-g>details{border:1px solid #dcdcdc;border-radius:4px;padding-bottom:6px}
.km-g summary{list-style:none;cursor:pointer}.km-g summary::-webkit-details-marker{display:none}
.km-g details:not([open]){padding-bottom:0}.km-g details:not([open]) b{border:0;margin:0}
.km-g b{display:block;padding:10px 14px;background:#f5f5f5;border-bottom:1px solid #ececec;margin-bottom:4px;font:600 15px Poppins,Arial,sans-serif}
.km-g small{display:block;font:400 12.5px Roboto,Arial,sans-serif;color:#5c5c5c}
.km-g a{display:block;padding:6px 14px;font-size:14px}
.km a.km-md{color:#bf0000;font-weight:500}
.km-g a:hover,.km-n a:hover{color:#bf0000}
/* menu lateral */
.km-n{border:1px solid #dcdcdc;border-radius:4px;margin:0 0 16px;background:#fff}
.km-n>b,.km-m>b{display:block;padding:11px 14px;font:600 14px Poppins,Arial,sans-serif;border-bottom:1px solid #ececec}
.km-n details{border-bottom:1px solid #f0f0f0}
.km-n summary{padding:10px 14px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
.km-n summary::-webkit-details-marker{display:none}
.km-n summary.on{color:#bf0000;font-weight:700}
.km-n details a{display:block;padding:6px 14px 6px 24px;font-size:13.5px}
.km-n details details{border:0}
.km-n details details summary{padding:6px 14px 6px 24px;font-size:13.5px;font-weight:500}
.km-n details details a{padding-left:36px}
.km-n>a,.km-n details>a.km-solo{display:block;padding:10px 14px;font-size:14px;font-weight:500;border-bottom:1px solid #f0f0f0}
.km-n a.on,.km-n>a.on{background:#fbeaea;color:#bf0000;font-weight:700}
.km-n>a.km-all{color:#bf0000;border:0}
/* caixa grafite */
.km-m{border:1px solid #262626;border-radius:4px;margin:0 0 16px;background:#fff}
.km-m>b{background:#262626;color:#fff;border:0}
.km-m>div{padding:12px;font-size:13.5px}
.km-m .km-f,.km-m .km-ch{margin-top:8px}
/* faixa de aviso */
.km-h{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid #e4c7c7;background:#fdf4f4;border-radius:4px;padding:12px 14px;margin:10px 0 0;font-size:14px}
.km-h span{flex:1 1 300px}
.km-h a{border:1px solid #bf0000;border-radius:4px;padding:8px 14px;background:#fff;color:#bf0000!important;font-weight:500;white-space:nowrap}
/* celular: bloco fechado */
.km-mob{display:none;margin:10px 0 0;border:1px solid #262626;border-radius:4px}
.km-mob>summary{padding:13px 14px;font:600 14px Poppins,Arial,sans-serif;background:#262626;color:#fff;cursor:pointer;list-style:none}
.km-mob>summary::-webkit-details-marker{display:none}
.km-mob .km-n,.km-mob .km-m{border:0;margin:0}
body.km-on .coluna .menu.lateral,body.km-on .coluna .banner.lateral,body.km-on .faceta-departamento{display:none!important}
/* painel de filtro das tabelas */
.km-painel{border:1px solid #d4d4d4;border-radius:6px;background:#f5f5f5;margin:0 0 14px}
.km-painel-h{display:flex;align-items:center;gap:8px;background:#1a1a1a;color:#fff;border-radius:5px 5px 0 0;padding:9px 16px;font:700 12.5px "Roboto Condensed","Arial Narrow",Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.km-painel-h::before{content:"";width:8px;height:8px;background:#bf0000;flex:none}
.km-painel-b{padding:14px 16px 16px}
.km-passos{margin:0 0 12px;padding:0;list-style:none;counter-reset:km}
.km-passos li{position:relative;padding:0 0 6px 30px;font-size:14px;counter-increment:km}
.km-passos li::before{content:counter(km);position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:#262626;color:#fff;font:700 12px/21px Poppins,Arial,sans-serif;text-align:center}
.km-busca{position:relative}
.km-busca input{height:46px!important;padding-left:42px!important;font-size:16px!important}
.km-busca svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:#707070}
.km-cont{font-size:13px;color:#5c5c5c;margin:8px 0 0}
/* tabela tipo buscador */
.km-t{border:1px solid #d4d4d4;border-radius:6px;background:#fff;overflow:hidden;margin:0 0 16px}
table.km-tab{width:100%;border-collapse:collapse;border:0;margin:0;font-size:14px;line-height:1.35;table-layout:auto}
.km-tab thead th{background:#1a1a1a;color:#fff;font:700 12.5px "Roboto Condensed","Arial Narrow",Roboto,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:9px 12px;border:0;white-space:nowrap}
.km-tab td,.km-tab tbody th{padding:6px 12px;border:0;border-top:1px solid #e8e8e8;vertical-align:middle;text-align:left;background:#fff;font-weight:400}
.km-tab tbody th.km-grp{background:#f5f5f5;font:600 14px Poppins,Arial,sans-serif;color:#1a1a1a;border-top:2px solid #cfcfcf;padding:9px 12px}
.km-tab tbody th.km-grp small{font:400 12.5px Roboto,Arial,sans-serif;color:#5c5c5c;margin-left:8px}
.km-tab tbody tr:hover td{background:#fafafa}
.km-tab .km-ti{width:56px;padding:4px 6px}
.km-img{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid #eee;border-radius:4px;overflow:hidden}
.km-img img{width:100%;height:100%;object-fit:contain;display:block;max-width:none}
.km-img-0{font-size:9px;color:#aaa;text-align:center;line-height:1.1}
.km-off .km-img img{opacity:.55}
.km a.km-nome{color:#1a1a1a!important;font-weight:500!important;text-decoration:none}
.km a.km-nome:hover{color:#bf0000!important;text-decoration:underline}
.km .km-off a.km-nome{color:#6f6f6f!important}
.km-serve{display:block;font-size:12px;color:#5c5c5c;margin-top:2px;font-weight:400}
.km-tab .km-tn{font-size:13.5px}
.km-tab .km-tp{width:150px;text-align:right;white-space:nowrap}
.km-tp strong{font:700 15.5px Poppins,Arial,sans-serif;color:#bf0000;font-variant-numeric:tabular-nums}
.km-tp small{display:block;font-size:11.5px;color:#5c5c5c}
.km-off .km-tp strong{color:#8a8a8a}
.km-tab .km-te{width:118px;white-space:nowrap}
.km-est{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#16833a;font-weight:500}
.km-est::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.km-est-p{color:#b35c00}.km-est-0{color:#888}
.km-tab .km-ta{width:120px;text-align:right}
.km-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:104px;padding:0 12px;border-radius:4px;font-size:13.5px;font-weight:500;background:#bf0000;color:#fff!important;border:0}
.km-btn:hover{background:#990000}
.km-btn-l{background:#fff;color:#1a1a1a!important;border:1px solid #bdbdbd}
.km-btn-l:hover{background:#fff;border-color:#1a1a1a}
.km-tab td.km-col{font-size:13.5px;color:#333}
.km-tab td.km-col b{font-weight:600}
.km-rod{font-size:12.5px;color:#5c5c5c;margin:4px 0 16px}
.km-rod a{color:#bf0000}
.km-vazio{padding:18px;color:#5c5c5c;font-size:14px}
.km-outros summary{cursor:pointer;font:600 15px Poppins,Arial,sans-serif;padding:10px 0}
/* hub de tabelas (cards) */
.km-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.km-cards a{display:block;border:1px solid #dcdcdc;border-radius:4px;padding:14px 16px 14px;background:#fff;position:relative;overflow:hidden}
.km-cards a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#bf0000}
.km-cards a:hover{border-color:#262626}
.km-cards b{display:block;font:600 15px Poppins,Arial,sans-serif;margin-bottom:4px}
.km-cards small{display:block;font-size:13px;color:#5c5c5c;line-height:1.35}
.km-cards span{display:inline-block;margin-top:8px;font-size:13px;color:#bf0000;font-weight:500}
/* páginas de conteúdo (institucionais): tipografia única, sem fontes/cores coladas */
.km-doc .caixa-sombreada{font-family:Roboto,Arial,sans-serif;color:#1a1a1a;font-size:15px;line-height:1.55}
.km-doc .caixa-sombreada font,.km-doc .caixa-sombreada span[style],.km-doc .caixa-sombreada p[style],.km-doc .caixa-sombreada div[style],.km-doc .caixa-sombreada li[style]{font-family:inherit!important;font-size:inherit!important;color:inherit!important;line-height:inherit!important;text-shadow:none!important}
.km-doc .caixa-sombreada h2,.km-doc .caixa-sombreada h3,.km-doc .caixa-sombreada h4{font-family:Poppins,Arial,sans-serif;font-weight:700;color:#1a1a1a;text-transform:none;letter-spacing:0;border:0!important;padding:0!important;margin:22px 0 8px!important;background:none!important}
.km-doc .caixa-sombreada h2{font-size:21px}.km-doc .caixa-sombreada h3{font-size:18px}.km-doc .caixa-sombreada h4{font-size:16px}
.km-doc .caixa-sombreada h2 *,.km-doc .caixa-sombreada h3 *,.km-doc .caixa-sombreada h4 *{font-size:inherit!important;color:inherit!important}
.km-doc .caixa-sombreada p{margin:0 0 12px}
.km-doc .caixa-sombreada a:not(.km-b):not(.km-btn){color:#bf0000}
.km-doc .caixa-sombreada img{max-width:100%;height:auto}
.km-doc .caixa-sombreada table{border-collapse:collapse;width:100%!important;table-layout:auto;font-size:14px;margin:0 0 16px}
.km-doc .caixa-sombreada table colgroup,.km-doc .caixa-sombreada table col{width:auto!important}
.km-doc .caixa-sombreada table td,.km-doc .caixa-sombreada table th{border:1px solid #e3e3e3!important;padding:7px 10px!important;vertical-align:middle;background:#fff!important;width:auto!important;height:auto!important}
.km-doc .caixa-sombreada table tr:first-child td,.km-doc .caixa-sombreada table th{background:#1a1a1a!important;color:#fff!important;font:700 12.5px "Roboto Condensed","Arial Narrow",Roboto,sans-serif!important;text-transform:uppercase;letter-spacing:.05em}
.km-doc .caixa-sombreada table tr:first-child td *{color:#fff!important}
.km-doc .caixa-sombreada hr{border:0;border-top:1px solid #e3e3e3;margin:18px 0}
@media(max-width:768px){
.km-g,.km-cards{grid-template-columns:minmax(0,1fr);gap:8px}
.km-g b{background:#fff}.km-g summary{position:relative}.km-g details:not([open]) b:after{content:'+';position:absolute;right:16px;top:14px;color:#bf0000;font-size:22px}.km-g a{padding:8px 12px}
.km-tabs button{flex:1 1 40%;padding:0 6px;font-size:13px}.km-tabs h2{flex-basis:100%}
.km-mob{display:block}.km .km-b{width:100%}
.km-tit,.km-doc h1.titulo{font-size:22px}
}
@media(max-width:900px){
.km-t{border:0;background:none;overflow:visible}
.km-tab thead{display:none}
table.km-tab,.km-tab tbody,.km-tab tr,.km-tab td,.km-tab tbody th{display:block;width:auto}
.km-tab tbody th.km-grp{border:1px solid #d4d4d4;border-radius:6px 6px 0 0;margin:14px 0 0}
.km-tab tbody tr.km-r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"img nome nome" "img cols cols" "img preco acao" "img est acao";column-gap:10px;row-gap:2px;padding:8px 10px;border:1px solid #d4d4d4;border-top:0;background:#fff}
.km-tab tbody tr.km-r:last-child{border-radius:0 0 6px 6px}
.km-tab td{border:0;padding:0;background:none!important}
.km-tab .km-ti{grid-area:img;width:auto;align-self:start}.km-img{width:48px;height:48px}
.km-tab .km-tn{grid-area:nome}
.km-tab td.km-col{display:none}
.km-tab td.km-cols{display:block;grid-area:cols;font-size:12.5px;color:#444}
.km-tab td.km-cols b{font-weight:600;color:#1a1a1a}
.km-tab .km-tp{grid-area:preco;text-align:left;width:auto;margin-top:4px}
.km-tab .km-te{grid-area:est;width:auto}
.km-tab .km-ta{grid-area:acao;width:auto;align-self:center;margin-top:4px}
}
@media(min-width:901px){.km-tab td.km-cols{display:none}}

.km-tab th.km-cols{display:none}