:root {
  --tinta: #1b2320;          
  --tinta-2: #4f5b57;        
  --tinta-3: #747f7b;        
  --papel: #ffffff;          
  --pedra: #f6f4ef;          
  --pedra-2: #ece8e1;        
  --pedra-clara: #fbfaf7;    
  --pedra-linha: #e7e2d9;    
  --pedra-linha-forte: #d2cabd; 
  --borda-campo: #848f8b;    
  --foco: #1f5fcc;           

  
  --marca: #df5a1a;
  --marca-texto: #b93f0c;
  --marca-escura: #923209;
  --marca-suave: #fcede3;
  --marca-acesa: #e8733c;    
  --tinta-funda: #0f1412;    

  
  --ok: #1f6b3a;
  --ok-suave: #e6f2e9;
  --alerta: #8a5a00;
  --alerta-suave: #fbf3e2;
  --alerta-linha: #e8d5ae;
  --perigo: #a32626;
  --perigo-escuro: #8a1f1f;
  --perigo-suave: #fbeaea;
  --perigo-linha: #efcfcf;

  
  --fonte: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --fonte-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --peso-normal: 400;
  --peso-medio: 600;
  --peso-forte: 700;
  --tam-1: 12px;  --alt-1: 16px;
  --tam-2: 13px;  --alt-2: 18px;
  --tam-3: 14px;  --alt-3: 20px;
  --tam-4: 15px;  --alt-4: 23px;
  --tam-5: 17px;  --alt-5: 24px;
  --tam-6: 20px;  --alt-6: 26px;
  --tam-7: 24px;  --alt-7: 30px;
  --tam-8: 30px;  --alt-8: 36px;
  --tam-9: 38px;  --alt-9: 44px;
  --trk-aberto: .01em;
  --trk-justo: -.012em;
  --trk-apertado: -.022em;

  
  --calha: 24px;
  --largura: 1240px;

  
  --r-1: 6px;
  --r-2: 8px;
  --r-3: 12px;
  --r-4: 16px;
  --r-pilula: 999px;

  
  --sombra-cor: 38 33 24;
  --sombra-anel: 0 0 0 1px rgb(var(--sombra-cor) / .09);
  --sombra-1: 0 0 0 1px rgb(var(--sombra-cor) / .08), 0 1px 2px rgb(var(--sombra-cor) / .06);
  --sombra-2: 0 0 0 1px rgb(var(--sombra-cor) / .08), 0 1px 2px rgb(var(--sombra-cor) / .05), 0 18px 36px -22px rgb(var(--sombra-cor) / .34);
  --sombra-3: 0 0 0 1px rgb(var(--sombra-cor) / .08), 0 20px 44px -16px rgb(var(--sombra-cor) / .30);
  --sombra-botao: 0 1px 2px rgb(var(--sombra-cor) / .16), inset 0 1px 0 rgb(255 255 255 / .12);

  
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 240ms;
  --curva: cubic-bezier(.2, .7, .2, 1);
  --curva-press: cubic-bezier(.3, 0, .2, 1);

  
  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px; --esp-4: 16px; --esp-5: 20px; --esp-6: 24px;
  --esp-7: 28px; --esp-8: 32px; --esp-9: 36px; --esp-10: 40px; --esp-12: 48px; --esp-14: 56px; --esp-16: 64px; --esp-18: 72px;
  --tam-10: 48px; --alt-10: 52px;
  --tam-11: 60px; --alt-11: 64px;
  --trk-display: -.036em;
  --fonte-sistema: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --lado: minmax(260px, 28%);
  --lado-vao: var(--esp-10);
  --principal: calc(100% - var(--lado-vao) - max(260px, 28%));

  
  --tinta-dica: #69736f;
  --creme: #faf7f2;          
  --zap-parede: #efeae2;
  --zap-cabeca: #f0f2f5;
  --zap-balao: #ffffff;
  --zap-meu: #d9fdd3;
  --zap-texto: #111b21;
  --zap-sub: #54656f;
  --zap-hora: #667781;
  --zap-hora-meu: #5e6e78;
  --zap-botao: #027eb5;
  --zap-linha: #e9edef;
  --zap-sombra: 0 1px .5px rgb(11 20 26 / .13);
  --zap-sombra-texto: 0 1px 1px rgb(0 0 0 / .45);
}

@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/marca/fontes/golos-text-400.woff2") format("woff2");
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/marca/fontes/golos-text-600.woff2") format("woff2");
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/marca/fontes/golos-text-700.woff2") format("woff2");
}

@layer legado, v1;
@layer legado {

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--fonte); font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-normal);
  font-variant-numeric: tabular-nums; font-kerning: normal;
  color: var(--tinta);
  background: var(--pedra);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main { flex: 1 0 auto; width: 100%; }
a {
  color: var(--marca-texto);
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  transition: color var(--dur-1) var(--curva), text-decoration-color var(--dur-1) var(--curva);
}
a:hover { color: var(--marca-escura); text-decoration-color: currentColor; }
b, strong { font-weight: var(--peso-medio); }
h1, h2, h3 { font-weight: var(--peso-forte); color: var(--tinta); text-wrap: balance; }
h1 { font-size: var(--tam-8); line-height: var(--alt-8); letter-spacing: var(--trk-apertado); margin: 0 0 8px; }
h2 { font-size: var(--tam-5); line-height: var(--alt-5); letter-spacing: var(--trk-justo); margin: 32px 0 12px; }
h3 { font-size: var(--tam-4); line-height: 22px; letter-spacing: -.005em; margin: 0 0 4px; }
p { margin: 0 0 12px; }
p:last-child { margin-bottom: 0; }
code { font-family: var(--fonte-mono); font-size: .92em; }
.pagina { max-width: var(--largura); margin: 0 auto; padding: 28px var(--calha) 64px; }

.ajuda, .rotulo, .assunto { color: var(--tinta-2); }
.ajuda { font-size: var(--tam-4); line-height: var(--alt-4); max-width: 68ch; margin: 0 0 24px; }
.ajuda b, .assunto b, .discreta b { color: var(--tinta); }
.rotulo { font-size: var(--tam-3); }
.assunto { font-size: var(--tam-2); line-height: var(--alt-2); }
.discreta { color: var(--tinta-2); font-size: var(--tam-2); line-height: var(--alt-2); }
.num { font-variant-numeric: tabular-nums; }
.nowrap { white-space: nowrap; }

.oculto {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

.topo { position: relative; z-index: 20; background: var(--papel); box-shadow: 0 1px 0 var(--pedra-linha); }
.topo-interno {
  position: relative; max-width: var(--largura); margin: 0 auto; padding: 8px var(--calha);
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap; min-height: 60px;
}
.marca {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding-right: 6px; border-radius: var(--r-2);
  color: var(--tinta); text-decoration: none;
  font-size: 16px; line-height: 20px; font-weight: var(--peso-forte); letter-spacing: var(--trk-justo);
}
.marca:hover { color: var(--tinta); }

.marca-logo { height: 24px; width: auto; flex: none; display: block; }
.marca-nome { font-size: 16px; }

.nav {
  display: flex; align-items: center; gap: 2px; margin-left: 8px; padding: 3px;
  border-radius: 10px; background: var(--pedra); box-shadow: inset 0 0 0 1px var(--pedra-linha);
}
.nav-item {
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 7px;
  color: var(--tinta-2); font-size: var(--tam-3); font-weight: var(--peso-normal); text-decoration: none; white-space: nowrap;
  transition: background-color var(--dur-1) var(--curva), color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
}
.nav-item:hover { background: var(--pedra-clara); color: var(--tinta); }
.nav-item.ativo, .nav-item[aria-current="page"], .nav details.mais.ativo > .nav-item, .nav details.mais[open] > .nav-item {
  background: var(--papel); color: var(--tinta); font-weight: var(--peso-medio);
  box-shadow: 0 1px 2px rgb(var(--sombra-cor) / .14), 0 0 0 1px rgb(var(--sombra-cor) / .07);
}
.nav-item .contagem { margin-left: 2px; }

.nav:has(> form.inline) { padding: 0; background: none; box-shadow: none; }

.nav details.mais { position: relative; }
.nav details.mais > summary { list-style: none; cursor: pointer; }
.nav details.mais > summary::-webkit-details-marker { display: none; }
.nav details.mais > summary::after {
  content: ""; width: 6px; height: 6px; margin-left: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg); transition: transform var(--dur-2) var(--curva);
}
.nav details.mais[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
.nav details.mais > .painel-mais {
  position: absolute; top: calc(100% + 10px); right: -3px; z-index: 30; display: grid; min-width: 15.5rem; padding: 6px;
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-3);
  animation: surgir var(--dur-2) var(--curva);
}
.nav details.mais > .painel-mais a {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 0 10px;
  border-radius: var(--r-1); color: var(--tinta); font-size: var(--tam-3); text-decoration: none;
}
.nav details.mais > .painel-mais a:hover { background: var(--pedra); color: var(--tinta); }
.nav details.mais > .painel-mais a[aria-current="page"] {
  background: var(--pedra); font-weight: var(--peso-medio); box-shadow: inset 3px 0 0 var(--marca);
}
.nav details.mais > .painel-mais .sep { height: 1px; margin: 6px 4px; background: var(--pedra-linha); }
.nav details.mais > .painel-mais form { margin: 0; }

.painel-mais button.sair, .painel-menu button.sair {
  width: 100%; justify-content: flex-start; padding: 0 10px; border-radius: var(--r-1);
  background: none; box-shadow: none; color: var(--tinta); font-weight: var(--peso-normal);
}
.painel-mais button.sair { font-size: var(--tam-3); }
.app .painel-mais button.sair { min-height: 36px; }
.painel-mais button.sair:hover, .painel-menu button.sair:hover { background: var(--pedra); color: var(--tinta); }

.app .cliente {
  display: block; flex: 1 1 0; min-width: 7rem; max-width: max-content; height: 32px; margin-left: auto; padding: 0 12px 0 6px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  border-radius: var(--r-pilula); box-shadow: inset 0 0 0 1px var(--pedra-linha);
  color: var(--tinta); font-size: var(--tam-2); line-height: 32px; font-weight: var(--peso-medio);
}
.app .cliente::before {
  content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -2px 8px 0 0; border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, var(--tinta-3) 0 3.5px, transparent 4px), radial-gradient(circle at 50% 110%, var(--tinta-3) 0 8px, transparent 8.5px), var(--pedra-2);
}

.voltar-inicio, .app .pagina > a.voltar {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: -10px 0 4px;
  color: var(--tinta-2); font-size: var(--tam-2); font-weight: var(--peso-medio); text-decoration: none;
}
.voltar-inicio:hover, .app .pagina > a.voltar:hover { color: var(--tinta); }

details.menu { display: none; }

.cartao {
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1);
  padding: 20px; margin: 0 0 12px;
}
.cartao > :first-child { margin-top: 0; }
.cartao > :last-child { margin-bottom: 0; }
.cartao h2 { font-size: var(--tam-5); line-height: var(--alt-5); margin: 0 0 8px; }
.cartao.erro { background: var(--perigo-suave); box-shadow: 0 0 0 1px var(--perigo-linha); }
.cartao.erro > h2, .cartao.erro > h3 { color: var(--perigo); }
.barra { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
.barra .assunto { flex: 1 1 16rem; }

.barra.titulo { justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.barra.titulo h1, .barra.titulo h2, .barra.titulo h3 { margin: 0; }

dl.valores { display: grid; margin: 0 0 16px; }
dl.valores > div { display: grid; grid-template-columns: 12.5rem minmax(0, 1fr); column-gap: 16px; padding: 12px 0; border-top: 1px solid var(--pedra-linha); }
dl.valores > div:first-child { border-top: 0; padding-top: 0; }
dl.valores dt { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); padding-top: 2px; }
dl.valores dd { margin: 0; min-width: 0; font-size: var(--tam-3); line-height: 22px; }

.numeros {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
  margin: 0 0 28px; padding: 16px 0; background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-anel);
}
.numero { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 3px; min-width: 0; padding: 0 20px; }
.numero + .numero { box-shadow: inset 1px 0 0 var(--pedra-linha); }
.numero b {
  font-size: 22px; line-height: 28px; font-weight: var(--peso-forte); letter-spacing: var(--trk-justo);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.numero span { color: var(--tinta-2); font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); letter-spacing: var(--trk-aberto); }

.avisos { display: grid; gap: 8px; margin: 0 0 20px; }
.aviso {
  --icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm0 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm1 8H7V7.4h2Z'/%3E%3C/svg%3E");
  position: relative; display: block; margin: 0 0 8px; padding: 11px 14px 11px 40px; border-radius: var(--r-2);
  background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha);
  font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta);
}
.aviso::before {
  content: ""; position: absolute; left: 14px; top: 13px; width: 16px; height: 16px; background: var(--tinta-2);
  -webkit-mask: var(--icone-aviso) center / 16px 16px no-repeat; mask: var(--icone-aviso) center / 16px 16px no-repeat;
}
.avisos > .aviso { margin: 0; }
.cartao .aviso { background: var(--pedra); }
.aviso.success { background: var(--ok-suave); box-shadow: none; color: var(--tinta); }
.aviso.success::before {
  background: var(--ok);
  --icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm3.2 4.6-3.9 4.8a.9.9 0 0 1-1.3.1L4.6 9.3l1.2-1.2 1 1 3.2-4Z'/%3E%3C/svg%3E");
}
.aviso.warning { background: var(--alerta-suave); box-shadow: none; color: var(--tinta); }
.aviso.warning::before {
  background: var(--alerta);
  --icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm-1 3.2h2l-.2 5H7.2Zm1 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E");
}
.aviso.error { background: var(--perigo-suave); box-shadow: none; color: var(--tinta); }
.aviso.error::before {
  background: var(--perigo);
  --icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm2.6 4.3L9.1 8l1.5 2.5-1.1 1.1L8 9.2l-1.5 2.4-1.1-1.1L6.9 8 5.4 5.5l1.1-1.1L8 6.8l1.5-2.4Z'/%3E%3C/svg%3E");
}
.aviso.info { background: var(--papel); }
.cartao .aviso.info { background: var(--pedra); }
.aviso b { color: var(--tinta); }
.aviso a { color: inherit; font-weight: var(--peso-medio); }

.vazio {
  padding: 20px; border: 1px dashed var(--pedra-linha-forte); border-radius: var(--r-3);
  color: var(--tinta-2); background: var(--pedra-clara);
}
.vazio p { max-width: 60ch; margin: 0 0 12px; font-size: var(--tam-4); line-height: var(--alt-4); }
.vazio p:last-child { margin-bottom: 0; }
.vazio .botao { margin-top: 4px; }

.secao { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 32px 0 12px; }
.secao h2 { margin: 0; }

.secao + .ajuda { margin: -4px 0 12px; font-size: var(--tam-3); line-height: var(--alt-3); }
.contagem {
  display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: var(--r-pilula); background: var(--pedra-2); color: var(--tinta-2);
  font-size: var(--tam-1); line-height: 1; font-weight: var(--peso-medio); font-variant-numeric: tabular-nums; vertical-align: 1px;
}
.contagem.alerta { background: var(--alerta-suave); color: var(--alerta); }

details.saiba { margin: 4px 0 0; }
details.saiba > summary {
  cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 8px; border-radius: var(--r-1);
  color: var(--tinta-2); font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); padding: 4px 0;
  transition: color var(--dur-1) var(--curva);
}
.app details.saiba > summary { min-height: 2rem; }
details.saiba > summary:hover { color: var(--tinta); }
details.saiba > summary::-webkit-details-marker { display: none; }
details.saiba > summary::before {
  content: ""; width: 5px; height: 5px; margin: 0 2px; border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform var(--dur-2) var(--curva);
}
details.saiba[open] > summary::before { transform: translateY(-2px) rotate(45deg); }
details.saiba > :not(summary) {
  margin: 0; padding: 0 12px 8px; max-width: 68ch; background: var(--pedra-clara);
  box-shadow: inset 1px 0 0 var(--pedra-linha), inset -1px 0 0 var(--pedra-linha);
  color: var(--tinta-2); font-size: var(--tam-2); line-height: 19px;
  animation: desdobrar var(--dur-2) var(--curva);
}
details.saiba > summary + * {
  padding-top: 10px; border-radius: var(--r-2) var(--r-2) 0 0;
  box-shadow: inset 1px 0 0 var(--pedra-linha), inset -1px 0 0 var(--pedra-linha), inset 0 1px 0 var(--pedra-linha);
}
details.saiba > :last-child:not(summary) {
  padding-bottom: 10px; margin-bottom: 6px; border-radius: 0 0 var(--r-2) var(--r-2);
  box-shadow: inset 1px 0 0 var(--pedra-linha), inset -1px 0 0 var(--pedra-linha), inset 0 -1px 0 var(--pedra-linha);
}
details.saiba > summary + :last-child { border-radius: var(--r-2); box-shadow: inset 0 0 0 1px var(--pedra-linha); }
details.saiba b, details.saiba dt { color: var(--tinta); }
details.saiba dl { margin: 0; }
details.saiba dt { font-weight: var(--peso-medio); margin-top: 8px; }
details.saiba dt:first-child { margin-top: 0; }
details.saiba dd { margin: 0; }
details.saiba > form, details.saiba > .acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.cartao > details.saiba:last-child { margin-top: 12px; }

details.dobra { margin: 12px 0; }
details.dobra > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px;
  padding: 14px 20px; border-radius: var(--r-3);
  background: var(--papel); box-shadow: var(--sombra-1);
  transition: background-color var(--dur-1) var(--curva);
}
details.dobra > summary:hover { background: var(--pedra-clara); }
details.dobra > summary::-webkit-details-marker { display: none; }
details.dobra > summary h2, details.dobra > summary h3 { margin: 0; font-size: var(--tam-4); line-height: 22px; }
details.dobra > summary::after {
  content: ""; flex: none; width: 6px; height: 6px; border-right: 1.5px solid var(--marca-texto); border-bottom: 1.5px solid var(--marca-texto);
  transform: translateY(-2px) rotate(45deg); transition: transform var(--dur-2) var(--curva);
}
.app details.dobra > summary { min-height: 52px; padding-top: 0; padding-bottom: 0; }

.cartao details.dobra > summary { box-shadow: none; background: var(--pedra); }
.cartao details.dobra > summary:hover { background: var(--pedra-2); }
details.dobra[open] > summary {
  margin: 32px 0 12px; padding: 0; border-radius: 0; background: none; box-shadow: none;
}
.cartao details.dobra[open] > summary { margin: 16px 0 8px; background: none; }
.app details.dobra[open] > summary { min-height: 44px; }
details.dobra[open] > summary h2 { font-size: var(--tam-5); line-height: var(--alt-5); }
details.dobra[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
details.dobra > summary .abrir { margin-left: auto; color: var(--marca-texto); font-size: var(--tam-2); font-weight: var(--peso-medio); }
details.dobra[open] > summary .abrir::after { content: "recolher"; }
details.dobra:not([open]) > summary .abrir::after { content: "mostrar"; }
details.dobra > :not(summary) { animation: desdobrar var(--dur-2) var(--curva); }

details.dobra > [id] { scroll-margin-top: 6rem; }

.codigo { -webkit-user-select: all; user-select: all; }
.codigo code { font-family: var(--fonte-mono); font-size: var(--tam-3); letter-spacing: .02em; overflow-wrap: anywhere; }

.chip {
  display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: var(--r-pilula);
  background: var(--pedra-2); color: var(--tinta-2); white-space: nowrap; vertical-align: 1px;
  font-size: var(--tam-1); line-height: 1; font-weight: var(--peso-medio); letter-spacing: var(--trk-aberto);
}
.chip.alerta { background: var(--alerta-suave); color: var(--alerta); }
.chip.ok { background: var(--ok-suave); color: var(--ok); }
.chip.perigo { background: var(--perigo-suave); color: var(--perigo); }
.chip.ok::before, .chip.alerta::before, .chip.perigo::before {
  content: ""; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: currentColor;
}

.tabela-rolante {
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1);
  margin: 0 0 16px;
}
.cartao .tabela-rolante { box-shadow: 0 0 0 1px var(--pedra-linha); margin-top: 12px; }
table { width: 100%; border-collapse: collapse; background: var(--papel); font-size: var(--tam-3); line-height: var(--alt-3); }
th, td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--pedra-linha); vertical-align: middle; }

td { white-space: nowrap; }
td.texto, td.motivo { white-space: normal; min-width: 18rem; vertical-align: top; }

td.motivo .ajuda { display: block; max-width: 40ch; margin: 3px 0 0; font-size: var(--tam-2); line-height: var(--alt-2); }

td.decisao { white-space: normal; min-width: 12rem; }
td.decisao .assunto { display: block; margin: 3px 0 0; }

.confirmadas th[scope="row"], .confirmadas td.ref { white-space: normal; }
.confirmadas td.acoes .prazo { display: block; margin: 3px 0 0; font-size: var(--tam-2); }

table.fechadas td.data { white-space: normal; }
table.fechadas .quebra { display: block; max-width: 10rem; white-space: normal; margin-top: 2px; }
table.fechadas td.num .quebra { margin-left: auto; }
tr:last-child td, tr:last-child th { border-bottom: 0; }

th {
  font-size: var(--tam-1); line-height: var(--alt-1); letter-spacing: var(--trk-aberto); color: var(--tinta-2); font-weight: var(--peso-medio);
  padding-top: 10px; padding-bottom: 10px; white-space: nowrap; background: var(--pedra-clara);
}

tbody th[scope="row"] {
  font-size: var(--tam-3); line-height: var(--alt-3); font-weight: 600; text-transform: none; letter-spacing: 0;
  color: var(--tinta); background: none; white-space: normal; padding-top: 12px; padding-bottom: 12px;
}
tbody th[scope="row"] a { color: var(--tinta); text-decoration-color: var(--pedra-linha-forte); }
tbody th[scope="row"] a:hover { color: var(--marca-texto); }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
td.num { font-weight: var(--peso-medio); }
td.data, td.ref, td.acoes { white-space: nowrap; font-variant-numeric: tabular-nums; }
td.acoes { text-align: right; }
td.acoes form { display: inline; }
td.acoes .botao, td.acoes button { margin-left: 4px; }

td.nome { white-space: normal; min-width: 10rem; }
tbody tr { transition: background-color var(--dur-1) var(--curva); }
tbody tr:hover td, tbody tr:hover th[scope="row"] { background: var(--pedra-clara); }
td .chip { margin-left: 6px; }

button, .botao {
  font: inherit; font-size: var(--tam-3); line-height: 18px; font-weight: var(--peso-medio);
  padding: 8px 16px; border-radius: var(--r-2); cursor: pointer; text-decoration: none; text-align: center;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; background: var(--marca-texto); color: var(--papel); box-shadow: var(--sombra-botao);
  transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva),
              color var(--dur-1) var(--curva), transform var(--dur-1) var(--curva-press);
  white-space: nowrap;
}
.app button, .app .botao { min-height: 2.375rem; padding-top: 4px; padding-bottom: 4px; }
button:hover, .botao:hover { background: var(--marca-escura); color: var(--papel); }
button:active, .botao:active { transform: translateY(1px); box-shadow: none; }
button.discreto, .botao.discreto {
  background: var(--papel); color: var(--tinta);
  box-shadow: inset 0 0 0 1px var(--borda-campo), 0 1px 2px rgb(var(--sombra-cor) / .07);
}
button.discreto:hover, .botao.discreto:hover {
  background: var(--pedra-clara); color: var(--tinta);
  box-shadow: inset 0 0 0 1px var(--tinta-2), 0 1px 2px rgb(var(--sombra-cor) / .07);
}
button.perigo, .botao.perigo { background: var(--perigo); color: var(--papel); }
button.perigo:hover, .botao.perigo:hover { background: var(--perigo-escuro); color: var(--papel); }
button.perigo.discreto { background: var(--papel); color: var(--perigo); box-shadow: inset 0 0 0 1px var(--perigo); }
button.perigo.discreto:hover { background: var(--perigo-suave); color: var(--perigo); }
button.pequeno, .botao.pequeno { padding: 6px 12px; font-size: var(--tam-2); }
.app button.pequeno, .app .botao.pequeno { min-height: 2rem; padding-top: 3px; padding-bottom: 3px; }
button:disabled, button:disabled:hover, button.discreto:disabled:hover {
  background: var(--pedra-2); color: var(--tinta-2); box-shadow: none; cursor: not-allowed; transform: none;
}

:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }
.app :focus-visible { outline-width: 3px; outline-offset: 3px; }

.app .lj + main :focus-visible,
.app .lj + [id="conteudo"] + main :focus-visible { outline-width: 2px; outline-offset: 2px; }

div.acoes { display: flex; gap: 8px 12px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
div.acoes form { display: inline; margin: 0; }
div.acoes .assunto { margin-left: auto; font-size: var(--tam-2); }
form.inline { display: inline; }

form.acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 12px 0 0; }
form.acoes > label { flex-basis: 100%; }
form.acoes > select { flex: 1 1 16rem; width: auto; }

.campos { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 16px 20px; }
.campos .campo { margin: 0; max-width: none; }
.campos + p, .campos + .assunto { margin-top: 12px; }

label { display: block; font-weight: var(--peso-medio); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta); }
.campo { margin: 0 0 16px; max-width: 30rem; }
.campo:last-child { margin-bottom: 0; }
.campo label, .campo > b { display: block; margin-bottom: 6px; }
.campo .assunto { display: block; margin: -2px 0 6px; font-size: var(--tam-2); }

.campo .dica { display: block; color: var(--tinta-2); font-size: var(--tam-2); line-height: var(--alt-2); margin: -2px 0 6px; }
.campo .opcional { color: var(--tinta-2); font-weight: var(--peso-normal); }

.campo.arquivo { max-width: none; }

fieldset.campo { border: 0; padding: 0; min-width: 0; max-width: 42rem; }
fieldset.campo legend { padding: 0; margin-bottom: 12px; font-weight: var(--peso-forte); font-size: var(--tam-4); line-height: 22px; color: var(--tinta); }
.niveis label.nivel {
  position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px;
  margin: 0; padding: 16px; background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte);
  font-weight: var(--peso-normal); cursor: pointer; transition: background-color var(--dur-1) var(--curva);
}
.niveis label.nivel + label.nivel { margin-top: -1px; }
.niveis label.nivel:first-of-type { border-radius: var(--r-3) var(--r-3) 0 0; }
.niveis label.nivel:last-of-type { border-radius: 0 0 var(--r-3) var(--r-3); }
.niveis label.nivel:only-of-type { border-radius: var(--r-3); }
.niveis label.nivel:hover { background: var(--pedra-clara); }
.niveis label.nivel:has(input:checked) { z-index: 1; background: var(--papel); box-shadow: inset 0 0 0 1.5px var(--marca-texto); }
.niveis label.nivel > input {
  appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 1px 0 0; border-radius: 50%;
  border: 1.5px solid var(--borda-campo); background: var(--papel); cursor: pointer;
  transition: border-width var(--dur-1) var(--curva), border-color var(--dur-1) var(--curva);
}
.niveis label.nivel > input:checked { border: 6px solid var(--marca-texto); }
.niveis label.nivel > input:disabled { border-style: dashed; cursor: not-allowed; }
.niveis label.nivel > span { display: grid; gap: 2px; }
.niveis label.nivel b { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); }
.niveis label.nivel .assunto { margin: 0; font-size: var(--tam-2); line-height: 19px; }
.niveis > .ajuda { margin: -4px 0 12px; font-size: var(--tam-3); line-height: var(--alt-3); }
.niveis > .erro { margin-top: 8px; }
label > input, label > select { margin-top: 6px; }
input[type=text], input[type=email], input[type=password], input[type=tel],
input[type=number], input[type=date], select, textarea {
  font: inherit; font-size: var(--tam-3); color: var(--tinta); background: var(--papel);
  width: 100%; height: 2.5rem; padding: 0 12px;
  border: 1px solid var(--borda-campo); border-radius: var(--r-2);
  box-shadow: inset 0 1px 2px rgb(var(--sombra-cor) / .06);
  transition: border-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
}
.app input[type=text], .app input[type=email], .app input[type=password], .app input[type=tel],
.app input[type=number], .app input[type=date], .app select { height: 2.375rem; }

textarea { height: auto; padding: 10px 12px; line-height: 22px; resize: vertical; }
.app .campo textarea { min-height: 6rem; }
input:hover, select:hover, textarea:hover { border-color: var(--tinta-2); }
input::placeholder, textarea::placeholder { color: var(--tinta-2); }

input:focus, select:focus, textarea:focus { border-color: var(--foco); }

.interno :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=hidden]), textarea, select):is(:focus, :target) { outline-color: transparent; background-color: var(--papel); border-color: var(--tinta); box-shadow: inset 0 0 0 var(--foco-dentro, 1px) var(--tinta); }
select {
  appearance: none; -webkit-appearance: none; padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%234f5b57' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 12px;
}
input[type=radio], input[type=checkbox] { accent-color: var(--marca-texto); }

.campo .erro, .niveis > .erro {
  display: flex; gap: 6px; margin: 6px 0 0; font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--perigo);
}
.campo .erro::before, .niveis > .erro::before {
  content: ""; flex: none; width: 14px; height: 14px; margin-top: 2px; background: var(--perigo);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm-1 3.2h2l-.2 5H7.2Zm1 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm-1 3.2h2l-.2 5H7.2Zm1 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.campo.invalido input, .campo.invalido select, .campo.invalido textarea { border-color: var(--perigo); box-shadow: 0 0 0 1px var(--perigo); }
.campo.invalido input:focus, .campo.invalido select:focus, .campo.invalido textarea:focus {
  border-color: var(--perigo);
}

.campo .com-sufixo { display: flex; align-items: center; gap: 8px; }
.campo .com-sufixo input { flex: 1 1 auto; min-width: 0; }
.campo .com-sufixo .sufixo {
  color: var(--tinta-2); font-size: var(--tam-2); font-weight: var(--peso-medio); white-space: nowrap; font-variant-numeric: tabular-nums;
}

input[type=file] {
  font: inherit; font-size: var(--tam-2); color: var(--tinta-2); width: 100%;
  padding: 20px; border: 1.5px dashed var(--borda-campo); border-radius: var(--r-3);
  background: var(--papel); cursor: pointer;
  transition: background-color var(--dur-1) var(--curva), border-color var(--dur-1) var(--curva);
}
input[type=file]:hover { border-color: var(--marca-texto); background: var(--pedra-clara); }
input[type=file]::file-selector-button {
  font: inherit; font-weight: var(--peso-medio); font-size: var(--tam-3); color: var(--tinta);
  background: var(--papel); border: 0; border-radius: var(--r-2);
  box-shadow: inset 0 0 0 1px var(--borda-campo), 0 1px 2px rgb(var(--sombra-cor) / .07);
  padding: 9px 14px; margin-right: 12px; cursor: pointer;
}
input[type=file]:hover::file-selector-button { box-shadow: inset 0 0 0 1px var(--tinta-2); }
.envio { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; margin: 20px 0 0; }
.envio .assunto { font-size: var(--tam-2); }

.mensagem {
  white-space: pre-wrap; overflow-wrap: anywhere;
  background: var(--pedra); border-radius: var(--r-2);
  padding: 12px 16px; margin: 0; font-size: var(--tam-3); line-height: 21px; color: var(--tinta);
}

.mensagem.codigo { background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha); }
.cartao .mensagem.codigo { background: var(--pedra); box-shadow: none; }

.app .voz {
  margin: 4px 0 24px; max-width: 34ch; font-size: var(--tam-9); line-height: var(--alt-9); font-weight: var(--peso-medio);
  letter-spacing: var(--trk-apertado); text-wrap: balance;
}

.app article.pedido.alerta { background: var(--alerta-suave); box-shadow: 0 0 0 1px var(--alerta-linha), 0 1px 2px rgb(var(--sombra-cor) / .06); }

.app article.pedido { padding: 16px 20px; }
.app article.pedido h3 { font-size: var(--tam-4); line-height: 22px; margin: 0 0 2px; }
.app article.pedido p { margin: 0 0 4px; }
.app article.pedido .quando { font-size: var(--tam-2); line-height: var(--alt-2); margin: 2px 0 2px; color: var(--tinta-2); }
.app article.pedido.alerta .quando { color: var(--alerta); font-weight: var(--peso-medio); }
.app article.pedido div.acoes, .app .linha-fiz div.acoes, .app .seguir div.acoes {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 12px;
}
.app article.pedido div.acoes.decisoes { gap: 8px; }
.app article.pedido div.acoes.caminhos { margin-top: 4px; }
.app article.pedido div.acoes .assunto, .app .linha-fiz div.acoes .assunto, .app .seguir div.acoes .assunto { margin-left: 0; }

.app article.pedido div.acoes a.assunto, .app .linha-fiz div.acoes a.assunto, .app .seguir div.acoes a.assunto {
  display: inline-flex; align-items: center; min-height: 32px;
  color: var(--marca-texto); font-size: var(--tam-2); font-weight: var(--peso-medio); text-decoration: none;
}
.app article.pedido div.acoes a.assunto:hover, .app .linha-fiz div.acoes a.assunto:hover, .app .seguir div.acoes a.assunto:hover { text-decoration: underline; }
.app form.acao { display: inline-flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; margin: 0; }
.app form.acao .campo { margin: 0; }

.app details.saiba.porque > p { margin: 0; }

.app section:has(> article.pedido) {
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1); overflow: clip;
}
.app section:has(> article.pedido) > .secao { min-height: 52px; margin: 0; padding: 12px 20px; border-bottom: 1px solid var(--pedra-linha); }
.app section:has(> article.pedido) > .secao h2 { font-size: var(--tam-4); line-height: 22px; }
.app section:has(> article.pedido) > article.pedido { margin: 0; border-radius: 0; box-shadow: none; background: transparent; transition: background-color var(--dur-1) var(--curva); }
.app section:has(> article.pedido) > article.pedido + article.pedido { border-top: 1px solid var(--pedra-linha); }
.app section:has(> article.pedido) > article.pedido:hover { background: var(--pedra-clara); }
.app section:has(> article.pedido) > article.pedido.alerta, .app section:has(> article.pedido) > article.pedido.alerta:hover { background: var(--alerta-suave); }
.app section:has(> article.pedido) > .vazio { margin: 16px; }

.app .linha-fiz { display: grid; gap: 2px 12px; padding: 12px 0; }
.app .linha-fiz + .linha-fiz { border-top: 1px solid var(--pedra-linha); }
.app .linha-fiz .frase { font-size: var(--tam-3); line-height: var(--alt-3); }
.app .linha-fiz div.acoes { margin-top: 4px; }
.app .linha-fiz div.acoes .saiba[open] { flex-basis: 100%; }

.app .prazo-desfazer, .app .sem-desfazer { color: var(--tinta-2); font-size: var(--tam-2); line-height: var(--alt-2); }

.app section:has(> ol.seguir) { background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-anel); overflow: clip; }
.app section:has(> ol.seguir) > .secao { min-height: 52px; margin: 0; padding: 12px 20px; border-bottom: 1px solid var(--pedra-linha); }
.app section:has(> ol.seguir) > .secao h2 { font-size: var(--tam-4); line-height: 22px; }
.app .seguir { list-style: none; margin: 0 0 24px; padding: 8px 20px; }
.app section:has(> ol.seguir) > .seguir { margin: 0; }
.app .seguir > li { position: relative; display: grid; gap: 2px; padding: 12px 0 12px 26px; }
.app .seguir > li::before {
  content: ""; position: absolute; left: 0; top: 16px; width: 11px; height: 11px; border-radius: 50%;
  background: var(--papel); box-shadow: inset 0 0 0 2px var(--pedra-linha-forte);
}
.app .seguir > li::after { content: ""; position: absolute; left: 5px; top: 31px; bottom: -14px; width: 1px; background: var(--pedra-linha); }
.app .seguir > li:last-child::after { display: none; }
.app .seguir > li:first-child::before { background: var(--marca); box-shadow: 0 0 0 3px var(--marca-suave); }
.app .seguir .quando { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-forte); font-variant-numeric: tabular-nums; }
.app .seguir > li:first-child .quando { color: var(--marca-texto); }
.app .seguir .oque { display: grid; gap: 3px; }
.app .seguir .oque p { margin: 0; font-size: var(--tam-3); line-height: var(--alt-3); }
.app .seguir .oque .assunto { font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); letter-spacing: var(--trk-aberto); }
.app .seguir .oque > .saiba { margin: 0; }
.app .seguir div.acoes { margin-top: 2px; }

.rodape {
  max-width: var(--largura); width: 100%; margin: 32px auto 0; padding: 24px var(--calha) 40px;
  border-top: 1px solid var(--pedra-linha-forte);
  color: var(--tinta-2); font-size: var(--tam-2); line-height: var(--alt-2);
}
.rodape p { max-width: 90ch; margin: 0 0 4px; }
.rodape p:last-child { margin-bottom: 0; }
.rodape a { color: var(--tinta); font-weight: var(--peso-medio); }
.rodape a:hover { color: var(--marca-texto); }

.rodape .parte { display: inline-block; }

@media (max-width: 640px) {
  body { --calha: 16px; }
  h1 { font-size: var(--tam-7); line-height: var(--alt-7); }
  .pagina { padding: 20px var(--calha) 48px; }
  
  .app .nav, .app .cliente { display: none; }
  .app .topo-interno { flex-wrap: nowrap; gap: 8px; min-height: 56px; padding: 6px 6px 6px var(--calha); justify-content: space-between; }
  details.menu { display: block; position: static; margin-left: auto; flex: 0 0 auto; }
  
  details.menu > summary {
    list-style: none; cursor: pointer; position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 2.75rem; height: 2.75rem; border-radius: var(--r-2); color: var(--tinta);
    transition: background-color var(--dur-1) var(--curva);
  }
  details.menu > summary:hover, details.menu[open] > summary { background: var(--pedra); }
  details.menu > summary .icone-menu:where(:not(.lj *)) { display: block; width: 1.5rem; height: 1.5rem; }
  
  details.menu > summary .contagem {
    position: absolute; top: 3px; right: 0; min-width: 1.25rem; height: 1.25rem; padding: 0 5px;
    box-shadow: 0 0 0 2px var(--papel);
  }
  details.menu > summary::-webkit-details-marker { display: none; }
  
  details.menu .painel-menu {
    position: absolute; left: 0; right: 0; top: 100%; z-index: 30; display: grid; gap: 2px;
    max-height: calc(100dvh - 72px); overflow-y: auto;
    padding: 8px 12px 16px; background: var(--papel);
    border-radius: 0 0 var(--r-4) var(--r-4); box-shadow: var(--sombra-3);
    animation: surgir var(--dur-2) var(--curva);
  }
  details.menu .painel-menu a {
    display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px;
    border-radius: var(--r-2); color: var(--tinta); font-size: var(--tam-4); font-weight: var(--peso-normal); text-decoration: none;
  }
  details.menu .painel-menu a:hover { background: var(--pedra); color: var(--tinta); }
  details.menu .painel-menu a.ativo, details.menu .painel-menu a[aria-current] {
    background: var(--pedra); font-weight: var(--peso-medio); box-shadow: inset 3px 0 0 var(--marca);
  }
  
  details.menu .painel-menu .grupo-menu { display: grid; gap: 2px; border-top: 1px solid var(--pedra-linha); margin-top: 6px; padding-top: 6px; }
  details.menu .painel-menu span.grupo-menu-nome {
    display: flex; align-items: center; min-height: 32px; padding: 0 10px; color: var(--tinta-2); font-size: var(--tam-2); font-weight: var(--peso-medio);
  }
  details.menu .painel-menu form { margin: 0; }
  .app details.menu .painel-menu button.sair { min-height: 2.75rem; font-size: var(--tam-4); }
  details.menu .painel-menu button { width: 100%; }
  .cartao { padding: 16px; }
  
  .app button, .app .botao { min-height: 2.75rem; }
  .app button.pequeno, .app .botao.pequeno { min-height: 2.75rem; }
  .app details.saiba > summary { min-height: 2.75rem; }
  .app details.dobra > summary { min-height: 2.75rem; align-items: center; }
  .app input[type=text], .app input[type=email], .app input[type=password], .app input[type=tel],
  .app input[type=number], .app input[type=date], .app select { height: 2.75rem; font-size: 16px; }
  .app textarea { font-size: 16px; min-height: 2.75rem; }
  .app article.pedido div.acoes a.assunto, .app .linha-fiz div.acoes a.assunto, .app .seguir div.acoes a.assunto { min-height: 44px; }
  
  .numeros { grid-auto-flow: row; grid-auto-columns: auto; padding: 4px 16px; }
  .numero { flex-direction: row-reverse; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; }
  .numero + .numero { box-shadow: none; border-top: 1px solid var(--pedra-linha); }
  .numero b { font-size: var(--tam-6); line-height: var(--alt-6); }
  dl.valores > div { grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
  th, td { padding: 10px 12px; }
  div.acoes button, div.acoes .botao { flex: 1 1 auto; }
  
  div.acoes .assunto { width: 100%; margin-left: 0; }
  .envio button { width: 100%; }
  details.dobra > summary { padding: 0 16px; }
  
  
  .app table.empilha th[scope="row"] a { display: inline-flex; align-items: center; min-height: 44px; }
  table.empilha td.motivo, table.empilha td.texto, table.empilha td.decisao { min-width: 0; }
  table.empilha tbody tr:hover td, table.empilha tbody tr:hover th[scope="row"] { background: none; }
  
  table.fechadas thead { display: none; }
  table.fechadas tr { display: block; padding: 12px 16px 14px; border-bottom: 1px solid var(--pedra-linha); }
  table.fechadas tr:last-child { border-bottom: 0; }
  table.fechadas td { display: block; border: 0; padding: 2px 0; white-space: normal; text-align: left; font-size: var(--tam-3); }
  table.fechadas td:first-child { color: var(--tinta-2); font-size: var(--tam-2); }
  table.fechadas td:first-child::before { content: "Linha: "; }
  table.fechadas td.ref { font-size: var(--tam-4); font-weight: var(--peso-medio); margin-bottom: 2px; }
  table.fechadas td[data-rotulo]::before { content: attr(data-rotulo) ": "; color: var(--tinta-2); }
  table.fechadas .quebra, table.fechadas td.num .quebra { max-width: none; margin-left: 0; }
  table.fechadas td.acoes { margin-top: 8px; }
  table.fechadas td.acoes button { margin-left: 0; }
  table.fechadas tbody tr:hover td { background: none; }
  
  table.contraditas thead, table.saldo-mantido thead { display: none; }
  table.contraditas tr, table.saldo-mantido tr { display: block; padding: 12px 16px 14px; border-bottom: 1px solid var(--pedra-linha); }
  table.contraditas tr:last-child, table.saldo-mantido tr:last-child { border-bottom: 0; }
  table.contraditas td, table.saldo-mantido td { display: block; border: 0; padding: 2px 0; white-space: normal; text-align: left; font-size: var(--tam-3); min-width: 0; }
  table.contraditas td:first-child, table.saldo-mantido td:first-child { color: var(--tinta-2); font-size: var(--tam-2); }
  table.contraditas td:first-child::before, table.saldo-mantido td:first-child::before { content: "Linha: "; }
  table.contraditas td.ref, table.saldo-mantido td.ref { font-size: var(--tam-4); font-weight: var(--peso-medio); margin-bottom: 2px; }
  table.contraditas td[data-rotulo]::before { content: attr(data-rotulo) ": "; color: var(--tinta-2); }
  table.saldo-mantido td.motivo::before { content: "Motivo: "; color: var(--tinta-2); }
  table.contraditas tbody tr:hover td, table.saldo-mantido tbody tr:hover td { background: none; }
  
  .app .voz { font-size: var(--tam-8); line-height: var(--alt-8); margin-bottom: 20px; }
  .app article.pedido { padding: 16px; }
  .app article.pedido div.acoes.decisoes form.acao, .app article.pedido div.acoes.decisoes button { flex: 1 1 100%; }
  .app section:has(> article.pedido) > .secao, .app section:has(> ol.seguir) > .secao { padding: 12px 16px; }
  .app .seguir { padding: 8px 16px; }
  footer.rodape { margin-top: 24px; padding-bottom: 32px; }
}

@keyframes desdobrar { from { clip-path: inset(0 0 100% 0); transform: translateY(-3px); } to { clip-path: inset(0 0 0 0); transform: none; } }
@keyframes surgir { from { clip-path: inset(0 0 100% 0 round 12px); transform: translateY(-4px); } to { clip-path: inset(0 0 0 0 round 12px); transform: none; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.tipo-ajustes > .cabecalho, .tipo-passos > .cabecalho, .tipo-aviso > .cabecalho { display: grid; gap: 8px; margin: 0 0 28px; }
.tipo-ajustes > .cabecalho > *, .tipo-passos > .cabecalho > *, .tipo-aviso > .cabecalho > * { margin: 0; }
.tipo-ajustes > .cabecalho > div.acoes { justify-self: start; margin-top: 8px; }
.tipo-ajustes > .cabecalho > .aviso { max-width: 68ch; margin-top: 4px; }
.sem-quebra { white-space: nowrap; }

.tipo-ajustes .ajustes { display: grid; gap: 24px; }
.tipo-ajustes .ajuste { display: grid; gap: 12px; }
.tipo-ajustes .ajuste + .ajuste { padding-top: 24px; border-top: 1px solid var(--pedra-linha-forte); }
.tipo-ajustes .ajuste-cabeca { display: grid; gap: 6px; align-content: start; }
.tipo-ajustes .ajuste-cabeca > * { margin: 0; }
.tipo-ajustes .ajuste-cabeca h2 { font-size: var(--tam-5); line-height: var(--alt-5); letter-spacing: var(--trk-justo); }
.tipo-ajustes .ajuste-cabeca p { max-width: 68ch; font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.tipo-ajustes .ajuste-corpo { display: grid; gap: 16px; align-content: start; min-width: 0; margin: 0; padding: 20px 24px; }
.tipo-ajustes .ajuste-corpo > * { margin: 0; }
.tipo-ajustes .ajuste-corpo .campo { max-width: none; }
.tipo-ajustes .ajuste-corpo > div.acoes { padding-top: 4px; }
.tipo-ajustes .ajuste-corpo div.acoes > .assunto { flex-basis: 100%; margin-left: 0; }

.tipo-ajustes dl.valores dd { display: grid; gap: 8px; }
.tipo-ajustes dl.valores dd > * { margin: 0; }
.valores dd .nota { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.valor-forte { font-weight: var(--peso-medio); }
details.saiba > div > p { margin: 0 0 8px; }
details.saiba > div > p:last-child { margin-bottom: 0; }

meter.barra {
  display: block; width: 100%; height: 6px; margin: 0; border: 0; border-radius: 3px;
  -webkit-appearance: none; appearance: none; background: var(--pedra-2);
  animation: imprimir var(--dur-3) var(--curva);
}
meter.barra::-webkit-meter-bar { height: 6px; border: 0; border-radius: 3px; background: var(--pedra-2); }
meter.barra::-webkit-meter-optimum-value,
meter.barra::-webkit-meter-suboptimum-value,
meter.barra::-webkit-meter-even-less-good-value { border-radius: 3px; background: var(--marca); }
meter.barra::-moz-meter-bar { border-radius: 3px; background: var(--marca); }

.preco { display: flex; flex-wrap: wrap; align-items: baseline; font-weight: var(--peso-forte); letter-spacing: -.036em; line-height: 1; }
.preco-moeda { align-self: flex-start; margin: .3em 4px 0 0; font-size: var(--tam-5); font-weight: var(--peso-medio); letter-spacing: 0; color: var(--tinta-2); }
.preco-valor { display: inline-block; font-size: var(--tam-9); animation: subir var(--dur-3) var(--curva); }
.preco-cent { font-size: 18px; letter-spacing: -.02em; }
.preco-periodo { margin-left: 8px; font-size: var(--tam-2); font-weight: var(--peso-normal); letter-spacing: 0; color: var(--tinta-2); }
button.largo, .botao.largo { width: 100%; }

.tipo-passos { max-width: 640px; margin: 0 auto; padding-top: 28px; }
.tipo-passos.passos-estreito { max-width: 440px; }
.tipo-passos > .cabecalho h1, .tipo-aviso > .cabecalho h1 { font-size: var(--tam-8); line-height: var(--alt-8); }
.tipo-passos > .aviso { margin: 0 0 16px; }
.tipo-passos > form.cartao { display: grid; gap: 16px; margin: 0; padding: 28px; }
.tipo-passos > form.cartao > * { margin: 0; }
.tipo-passos > form.cartao .campo { max-width: none; }
.passos-nota { margin: 16px 0 0; padding: 0 4px; }
.pagina:has(> .tipo-passos) > .avisos { max-width: 640px; margin-inline: auto; }
.pagina:has(> .tipo-passos.passos-estreito) > .avisos { max-width: 440px; }

.tipo-aviso { max-width: 600px; margin: 0 auto; padding-top: 48px; }
.tipo-aviso > .cabecalho { gap: 12px; margin-bottom: 24px; }
.tipo-aviso > div.acoes, .tipo-aviso > form { margin: 0; }
.aviso-nota { max-width: 60ch; margin: -8px 0 20px; }
.pagina:has(> .tipo-aviso) > .avisos { max-width: 600px; margin-inline: auto; }

@container (max-width: 190px) {
  .preco-periodo { flex-basis: 100%; margin: 6px 0 0; }
}
@media (min-width: 960px) {
  .tipo-ajustes > .cabecalho, .tipo-ajustes .ajustes { max-width: 1080px; }
  .tipo-ajustes .ajustes { gap: 32px; }
  .tipo-ajustes .ajuste { grid-template-columns: 272px minmax(0, 1fr); column-gap: 40px; }
  .tipo-ajustes .ajuste-cabeca { position: sticky; top: 16px; padding-top: 4px; }
  .tipo-ajustes .ajuste + .ajuste { padding-top: 32px; }
}
@media (max-width: 640px) {
  .tipo-ajustes > .cabecalho, .tipo-passos > .cabecalho, .tipo-aviso > .cabecalho { margin-bottom: 24px; }
  .tipo-ajustes .ajuste-corpo { padding: 16px; }
  .tipo-ajustes .ajuste-corpo:not(.sem-caixa) > div.acoes button, .tipo-ajustes .ajuste-corpo:not(.sem-caixa) > div.acoes .botao { flex: 1 1 auto; }
  .tipo-passos { padding-top: 12px; }
  .tipo-passos > form.cartao { padding: 20px 16px; }
  .tipo-aviso { padding-top: 28px; }
  
  .tipo-aviso div.acoes button, .tipo-aviso div.acoes .botao { flex: 0 0 auto; }
}

@keyframes imprimir { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes subir { from { transform: translateY(.18em); clip-path: inset(0 0 18% 0); } to { transform: none; clip-path: inset(0 0 0 0); } }

.app details.conta-menu { position: relative; flex: 0 1 auto; min-width: 7rem; margin-left: auto; }
.app details.conta-menu > summary.cliente {
  list-style: none; cursor: pointer; position: relative; max-width: 100%; padding-right: 30px;
  transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
}
.app details.conta-menu > summary.cliente::-webkit-details-marker { display: none; }
.app details.conta-menu > summary.cliente::after {
  content: ""; position: absolute; right: 13px; top: 12px; width: 6px; height: 6px;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg); transition: transform var(--dur-2) var(--curva);
}
.app details.conta-menu[open] > summary.cliente::after { transform: translateY(3px) rotate(-135deg); }
.app details.conta-menu > summary.cliente:hover, .app details.conta-menu[open] > summary.cliente { background: var(--pedra); }
.app details.conta-menu.ativo > summary.cliente { background: var(--papel); box-shadow: inset 0 0 0 1px var(--borda-campo); }
.app details.conta-menu > .painel-mais {
  position: absolute; top: calc(100% + 10px); right: 0; z-index: 30; display: grid; min-width: 15.5rem; padding: 6px;
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-3);
  animation: surgir var(--dur-2) var(--curva);
}
.app details.conta-menu > .painel-mais a {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 0 10px;
  border-radius: var(--r-1); color: var(--tinta); font-size: var(--tam-3); text-decoration: none;
}
.app details.conta-menu > .painel-mais a:hover { background: var(--pedra); color: var(--tinta); }
.app details.conta-menu > .painel-mais a[aria-current="page"] {
  background: var(--pedra); font-weight: var(--peso-medio); box-shadow: inset 3px 0 0 var(--marca);
}
.app details.conta-menu > .painel-mais .sep { height: 1px; margin: 6px 4px; background: var(--pedra-linha); }
.app details.conta-menu > .painel-mais form { margin: 0; }

.ico-ponto:where(:not(.lj *)) { fill: var(--marca); }

.app form.campo.arquivo.enviar {
  position: relative; display: grid; gap: 8px; justify-items: start; max-width: none; margin: 0; padding: 16px;
  border: 1.5px dashed var(--borda-campo); border-radius: var(--r-3); background: var(--papel);
  transition: background-color var(--dur-1) var(--curva), border-color var(--dur-1) var(--curva);
}
.app form.campo.arquivo.enviar:hover { border-color: var(--marca-texto); background: var(--pedra-clara); }
.app form.campo.arquivo.enviar:has(input:focus-visible) { outline: 3px solid var(--foco); outline-offset: 3px; }
.app form.campo.arquivo.enviar > label { margin: 0; font-size: var(--tam-5); line-height: var(--alt-5); font-weight: var(--peso-forte); cursor: pointer; }
.app form.campo.arquivo.enviar > label::after { content: ""; position: absolute; inset: 0; border-radius: var(--r-3); cursor: pointer; }
.app form.campo.arquivo.enviar > .dica { margin: 0; max-width: 62ch; font-size: var(--tam-3); line-height: var(--alt-3); }
.app form.campo.arquivo.enviar input, .app form.campo.arquivo.enviar button,
.app form.campo.arquivo.enviar a, .app form.campo.arquivo.enviar .saiba { position: relative; z-index: 1; }
.app .enviar-acoes { display: grid; gap: 8px; justify-self: stretch; margin-top: 4px; }
.app .enviar-acoes button { width: 100%; }
.app form.campo.arquivo.enviar input[type=file] { width: 100%; max-width: 320px; padding: 0; border: 0; background: none; }
.app form.campo.arquivo.enviar input[type=file]:hover { background: none; }
.app form.campo.arquivo.enviar > .saiba { justify-self: stretch; }
.app form.campo.arquivo.enviar > .saiba .campo { max-width: none; margin: 0; }

@media (max-width: 640px) {
  .app details.conta-menu { display: none; }
}

@media (min-width: 720px) {
  .app form.campo.arquivo.enviar { grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: center; padding: 20px 24px; }
  .app form.campo.arquivo.enviar > :not(.enviar-acoes) { grid-column: 1; }
  .app .enviar-acoes { grid-column: 2; grid-row: 1 / span 3; display: flex; align-items: center; gap: 12px; margin-top: 0; }
  .app .enviar-acoes button { width: auto; }
}

.app .tela-legado .cabecalho { display: grid; gap: 8px; margin: 0 0 24px; }
.app .tela-legado .cabecalho > h1, .app .tela-legado .cabecalho > .ajuda, .app .tela-legado .cabecalho > .voz { margin: 0; }
.app .tela-legado .cabecalho > .ajuda { max-width: 68ch; }
.app .tela-legado .cabecalho > .botao, .app .tela-legado .cabecalho > .acoes { justify-self: start; margin-top: 4px; }

.app .tela-legado .sem-quebra { white-space: nowrap; }

.app .tela-legado .cartao.caixa { padding: 0; overflow: clip; }
.app .tela-legado .caixa > .vazio { margin: 16px; }

.app .tela-legado .caixa > article.pedido {
  margin: 0; padding: 16px; background: transparent; border-radius: 0; box-shadow: none;
  transition: background-color var(--dur-1) var(--curva);
}
.app .tela-legado .caixa > article.pedido:has(> .pedido-corpo) { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
.app .tela-legado .caixa > article.pedido + article.pedido { border-top: 1px solid var(--pedra-linha); }
.app .tela-legado .caixa > article.pedido:hover { background: var(--pedra-clara); }
.app .tela-legado .pedido-corpo { min-width: 0; }
.app .tela-legado .pedido-topo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
.app .tela-legado .pedido-topo h3 { margin: 0; font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-forte); }
.app .tela-legado .pedido-corpo > p { margin: 3px 0 0; }
.app .tela-legado .pedido-corpo > p.quando { margin-top: 4px; }
.app .tela-legado .pedido-corpo > .aviso { margin: 8px 0 0; }
.app .tela-legado .pedido-corpo > .saiba { margin-top: 2px; }
.app .tela-legado .pedido-acoes { display: grid; gap: 8px; align-content: start; }
.app .tela-legado .pedido-acoes div.acoes { margin: 0; }
.app .tela-legado .pedido-acoes .acoes.decisoes { display: grid; gap: 8px; }
.app .tela-legado .pedido-acoes .acoes.decisoes form.acao { display: grid; gap: 8px; }
.app .tela-legado .pedido-acoes .acoes.decisoes button, .app .tela-legado .pedido-acoes .acoes.decisoes .botao { width: 100%; white-space: normal; }
.app .tela-legado .pedido-acoes .acoes.decisoes .campo { max-width: none; }
.app .tela-legado .pedido-acoes .acoes.caminhos { display: flex; flex-wrap: wrap; gap: 0 16px; }
.app .tela-legado .pedido-acoes .acoes.caminhos a {
  display: inline-flex; align-items: center; min-height: 44px; font-size: var(--tam-2); font-weight: var(--peso-medio); text-decoration: none;
}
.app .tela-legado .pedido-acoes .acoes.caminhos a:hover { text-decoration: underline; }

.app .tela-legado .dobras { display: grid; gap: 8px; margin: 28px 0 0; }
.app .tela-legado .dobras > details.dobra { margin: 0; min-width: 0; }
.app .tela-legado .dobras > details.dobra[open] { margin: 12px 0 8px; }
.app .tela-legado .dobras > details.dobra[open] > summary { margin-top: 0; }
.app .tela-legado details.dobra > p.ajuda { margin: -4px 0 12px; font-size: var(--tam-3); line-height: var(--alt-3); }
.app .tela-legado details.dobra > .saiba { margin: 0 0 12px; }
.app .tela-legado details.dobra > .tabela-rolante + .tabela-rolante { margin-top: 12px; }
.app .tela-legado .tabela-rolante { min-width: 0; }

.app .tela-legado .celula-valor { display: block; color: var(--tinta); font-weight: var(--peso-medio); }
.app .tela-legado td.motivo .celula-nota { display: block; max-width: 48ch; margin: 2px 0 0; }
.app .tela-legado .nf, .app .tela-legado span.arquivo { font-family: var(--fonte-mono); font-size: .92em; letter-spacing: .01em; }
.app .tela-legado td .desfazer { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 8px; }
.app .tela-legado td .desfazer .prazo-desfazer { white-space: nowrap; }
.app .tela-legado td.acoes .sem-desfazer { display: inline-block; max-width: 30ch; white-space: normal; text-align: right; }
.app .tela-legado td.texto { min-width: 16rem; }

.app .tela-legado form.campo.arquivo.enviar { margin: 28px 0 0; }
.app .tela-legado form.campo.arquivo.enviar + .vazio { margin-top: 12px; }

@media (min-width: 641px) {
  .app .tela-legado .cabecalho { grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: end; margin-bottom: 28px; }
  .app .tela-legado .cabecalho > * { grid-column: 1; }
  .app .tela-legado .cabecalho > .botao, .app .tela-legado .cabecalho > .acoes { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0; }
  .app .tela-legado .caixa > article.pedido { padding: 16px 20px; }
}

@media (min-width: 720px) {
  .app .tela-legado .caixa > article.pedido:has(> .pedido-corpo) { grid-template-columns: minmax(0, 1fr) 184px; column-gap: 16px; }
  .app .tela-legado .caixa > article.pedido.decisao-larga:has(> .pedido-corpo) { grid-template-columns: minmax(0, 1fr) 248px; }
  .app .tela-legado .caixa > article.pedido > .pedido-corpo { grid-column: 1; grid-row: 1; }
  .app .tela-legado .caixa > article.pedido > .pedido-acoes { grid-column: 2; grid-row: 1; }
  .app .tela-legado .pedido-acoes .acoes.caminhos { justify-content: flex-end; }
  .app .tela-legado .pedido-acoes .acoes.caminhos a { min-height: 32px; }
}
@media (max-width: 640px) {
  .app .tela-legado td .desfazer { justify-content: flex-start; }
  .app .tela-legado td.acoes .sem-desfazer { text-align: left; max-width: none; }
  .app .tela-legado td.texto { min-width: 0; }
}

.app .cartao.perigo { display: grid; gap: 12px; padding: 16px; box-shadow: 0 0 0 1px var(--perigo-linha), 0 1px 2px rgb(var(--sombra-cor) / .05); }
.app .cartao.perigo > * { margin: 0; }
.app .cartao.perigo > h2 { font-size: var(--tam-4); line-height: 22px; color: var(--perigo); }
.app .cartao.perigo > p { font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.app .cartao.perigo form.acao { display: grid; gap: 12px; }
.app .cartao.perigo form.acao .campo { max-width: none; margin: 0; }
.app .cartao.perigo form.acao > button { width: 100%; }

@media (min-width: 720px) {
  .app .cartao.perigo { padding: 20px; }
  .app .cartao.perigo form.acao { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
  .app .cartao.perigo form.acao .campo { flex: 0 1 20rem; }
  .app .cartao.perigo form.acao > button { width: auto; }
}

.tipo-passos.largo { max-width: 1000px; }
.pagina:has(> .tipo-passos.largo) > .avisos { max-width: 1000px; margin-inline: auto; }

.ajuste#vencimentos fieldset.niveis { margin: 0; padding: 0; border: 0; min-width: 0; }
.ajuste#vencimentos .ajuste-corpo > .aviso { margin: 0; }
@media (min-width: 720px) {
  .tipo-passos.largo { padding-top: 48px; }
}

@media (max-width: 719px) {
  .app .tabela-rolante:has(> table.empilha) { overflow: clip; }
  .app table.empilha { background: transparent; }
  .app table.empilha, .app table.empilha tbody { display: block; }
  .app table.empilha thead { display: none; }
  .app table.empilha tbody tr { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--pedra-linha); }
  .app table.empilha tbody tr:last-child { border-bottom: 0; }
  .app table.empilha tbody tr::after { content: ""; order: 2; flex-basis: 100%; }
  .app table.empilha th[scope="row"], .app table.empilha td {
    display: block; order: 3; min-width: 0; max-width: 100%; padding: 0; border: 0; white-space: normal; overflow-wrap: anywhere; background: none;
  }
  .app table.empilha th[scope="row"], .app table.empilha tr > td.nome {
    order: 0; flex: 1 1 0; margin-bottom: 2px; font-size: var(--tam-4); line-height: 22px; font-weight: var(--peso-medio); color: var(--tinta); text-align: left;
  }
  .app table.empilha td { padding-top: 2px; font-size: var(--tam-2); line-height: var(--alt-2); text-align: left; }
  .app table.empilha td[data-rotulo]::before { content: attr(data-rotulo); margin-right: 6px; font-weight: var(--peso-normal); color: var(--tinta-2); white-space: nowrap; }
  .app table.empilha tr:has(> th[scope="row"]) > td.num:not(td.num ~ td.num) {
    order: 1; flex: none; margin-left: auto; padding-top: 0; font-size: var(--tam-4); line-height: 22px; font-weight: var(--peso-medio); text-align: right;
  }
  .app table.empilha tr:has(> th[scope="row"]) > td.num:not(td.num ~ td.num)::before { content: none; }
  .app table.empilha td.texto, .app table.empilha td.motivo, .app table.empilha td.decisao { flex: 1 1 100%; min-width: 0; }
  .app table.empilha td.texto::before, .app table.empilha td.motivo::before, .app table.empilha td.decisao::before { display: block; margin: 0 0 1px; }
  .app table.empilha td.acoes {
    order: 4; flex: 0 1 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px;
    margin-left: auto; padding-top: 8px; text-align: left;
  }
  .app table.empilha td.acoes button, .app table.empilha td.acoes .botao { margin-left: 0; }
  .app table.empilha tbody tr:hover td, .app table.empilha tbody tr:hover th[scope="row"] { background: none; }
}

.app td.nome { font-weight: var(--peso-medio); color: var(--tinta); }

.contagem.alerta { box-shadow: inset 0 0 0 1px var(--alerta-linha); }

@media (max-width: 640px) {
  .tipo-passos > .cabecalho h1 { font-size: var(--tam-7); line-height: var(--alt-7); }
}

} 

@layer v1 {

:where(.lj, .lj *:not(svg, svg *, img)),
:where(.lj, .lj *:not(svg, svg *, img))::before,
:where(.lj, .lj *:not(svg, svg *, img))::after,
:where(.lj *)::marker,
:where(.lj *)::placeholder { all: revert; }

.lj [hidden] { display: none; }

.lj { --calha: 16px; --alt-5: 25px; --coluna-principal: calc(.72 * (var(--largura) - 2 * var(--calha)) - var(--lado-vao) + 2 * var(--calha)); }

.lj:where(.interno > *) { --calha: inherit; }

.lj {
  position: relative;
  background: var(--pedra);
  color: var(--tinta);
  font-family: var(--fonte);
  font-size: var(--tam-3);
  line-height: var(--alt-3);
  font-weight: var(--peso-normal);
  font-variant-numeric: tabular-nums;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
}
.lj *, .lj *::before, .lj *::after { box-sizing: border-box; }
.lj :where(h1), .lj :where(h2), .lj :where(h3), .lj :where(h4), .lj :where(p), .lj :where(ul), .lj :where(ol), .lj :where(dl), .lj :where(dd), .lj :where(figure), .lj :where(fieldset), .lj :where(table), .lj :where(pre), .lj :where(blockquote) { margin: 0; }
.lj :where(ul), .lj :where(ol) { padding: 0; list-style: none; }
.lj :where(h1), .lj :where(h2), .lj :where(h3), .lj :where(h4) { font-weight: var(--peso-forte); text-wrap: balance; }

.lj :where(p), .lj :where(li), .lj :where(dd) { text-wrap-style: pretty; }

.lj :where(.aviso) { text-wrap-style: pretty; }

.lj :where(label) { text-wrap-style: pretty; }

.lj .campo > legend, .lj .erro { text-wrap-style: pretty; }
.lj :where(b), .lj :where(strong) { font-weight: var(--peso-medio); }
.lj :where(fieldset) { border: 0; padding: 0; min-width: 0; }
.lj :where(legend) { padding: 0; }
.lj :where(button), .lj :where(input), .lj :where(select), .lj :where(textarea) { font: inherit; color: inherit; letter-spacing: inherit; }
.lj :where(svg) { flex: none; }
.lj :where(summary) { list-style: none; cursor: pointer; }
.lj :where(summary)::-webkit-details-marker { display: none; }
.lj :where(code), .lj :where(pre) { font-family: var(--fonte-mono); }
.lj :where(table) { border-collapse: collapse; border-spacing: 0; }
.lj :where([id]) { scroll-margin-top: 72px; }
.lj :where(a) {
  color: var(--marca-texto);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  transition: color var(--dur-1) var(--curva), text-decoration-color var(--dur-1) var(--curva);
}
.lj :where(a:hover) { color: var(--marca-escura); text-decoration-color: currentColor; }
.lj :focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }

.lj :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=hidden]), textarea, select):is(:focus, :target) { outline-color: transparent; background-color: var(--papel); border-color: var(--tinta); box-shadow: inset 0 0 0 var(--foco-dentro, 1px) var(--tinta); }

.lj .ajuda { max-width: 68ch; font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta-2); }
.lj .ajuda b, .lj .assunto b, .lj .discreta b { color: var(--tinta); }
.lj .assunto { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .discreta { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .num { font-variant-numeric: tabular-nums; }
.lj .sem-quebra, .lj .parte { white-space: nowrap; }

.lj .nf { font-family: inherit; font-size: inherit; font-variant-numeric: tabular-nums; letter-spacing: 0; white-space: nowrap; }
.lj .empilha th .nf, .lj .empilha td .nf { font-family: var(--fonte-mono); font-size: max(var(--tam-1), .88em); }
.lj .arquivo:where(:not(.campo)) { font-family: var(--fonte-mono); font-size: max(var(--tam-1), .9em); font-weight: var(--peso-medio); overflow-wrap: anywhere; }
@media (min-width: 720px) {
  .lj td > .arquivo:where(:not(.campo)) { display: inline-block; width: max-content; max-width: 20ch; }
}
.lj .un { font-size: .5em; font-weight: var(--peso-medio); letter-spacing: 0; color: var(--tinta-2); }
.lj .oculto {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

.lj .rotulo {
  display: inline-flex; align-items: center; gap: var(--esp-2);
  font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); letter-spacing: var(--trk-aberto);
}
.lj .rotulo::before {
  content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%;
  background: var(--marca); box-shadow: 0 0 0 3px var(--marca-suave);
}

.lj .link-seta {
  display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px;
  font-weight: var(--peso-medio); text-decoration: none;
}
.lj .link-seta::after {
  content: ""; width: 6px; height: 6px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor;
  transform: rotate(45deg); transition: transform var(--dur-1) var(--curva);
}
.lj .link-seta:hover::after { transform: translateX(2px) rotate(45deg); }
.lj .link-seta:hover { text-decoration: underline; }

.lj .frases { display: grid; gap: var(--esp-2); }
.lj .frases > li { position: relative; padding-left: 18px; font-size: var(--tam-3); line-height: 21px; }
.lj .frases > li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 6px; height: 6px; border-radius: 1.5px; background: var(--tinta-3); }

.lj :where(button), .lj :where(.botao) {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--esp-2);
  min-height: 44px; padding: 6px var(--esp-4);
  border: 0; border-radius: var(--r-2);
  background: var(--marca-texto); color: var(--papel);
  font-size: var(--tam-3); line-height: 18px; font-weight: var(--peso-medio);
  text-align: center; text-decoration: none; cursor: pointer;
  box-shadow: var(--sombra-botao);
  transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva),
              color var(--dur-1) var(--curva), transform var(--dur-1) var(--curva-press);
}
.lj :where(button:hover), .lj :where(.botao:hover) { background: var(--marca-escura); color: var(--papel); }
.lj :where(button:active), .lj :where(.botao:active) { transform: translateY(1px); box-shadow: none; }
.lj :where(button):where(.discreto), .lj :where(.botao):where(.discreto) {
  background: var(--papel); color: var(--tinta);
  box-shadow: inset 0 0 0 1px var(--borda-campo), 0 1px 2px rgb(var(--sombra-cor) / .07);
}
.lj :where(button):where(.discreto):where(:hover), .lj :where(.botao):where(.discreto):where(:hover) { background: var(--pedra-clara); color: var(--tinta); box-shadow: inset 0 0 0 1px var(--borda-campo), 0 1px 2px rgb(var(--sombra-cor) / .07); }
.lj :where(button):where(.perigo), .lj :where(.botao):where(.perigo) { background: var(--perigo); color: var(--papel); }
.lj :where(button):where(.perigo):where(:hover), .lj :where(.botao):where(.perigo):where(:hover) { background: var(--perigo-escuro); color: var(--papel); }

.lj :where(button):where(.pequeno), .lj :where(.botao):where(.pequeno) { padding-inline: var(--esp-3); font-size: var(--tam-2); }
.lj :where(button):where(.largo), .lj :where(.botao):where(.largo) { width: 100%; }
.lj :where(button):where(:disabled), .lj :where(button):where([aria-disabled="true"]), .lj :where(.botao):where(:disabled), .lj :where(.botao):where([aria-disabled="true"]) {
  background: var(--pedra-2); color: var(--tinta-2); box-shadow: none; cursor: not-allowed; transform: none;
}

.lj .acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.lj .acoes > a:not(.botao), .lj .acoes .desfazer > a {
  display: inline-flex; align-items: center; min-height: 44px;
  font-weight: var(--peso-medio); text-decoration: none;
}
.lj .acoes > a:not(.botao):hover { text-decoration: underline; }
.lj .acoes > .assunto { flex-basis: 100%; }
@media (min-width: 720px) {
  .lj :where(button), .lj :where(.botao) { min-height: 38px; padding-block: 4px; }
  .lj :where(button):where(.pequeno), .lj :where(.botao):where(.pequeno) { min-height: 30px; padding-inline: 10px; }
  .lj :where(button):where(.largo), .lj :where(.botao):where(.largo) { min-height: 44px; }
  .lj .acoes > a:not(.botao), .lj .acoes .desfazer > a { min-height: 32px; }
  .lj .acoes > .assunto { flex-basis: auto; }
}

.lj .chip {
  display: inline-flex; align-items: center; height: 22px; padding: 0 var(--esp-2);
  border-radius: var(--r-pilula); vertical-align: 1px; white-space: nowrap;
  background: var(--pedra-2); color: var(--tinta-2);
  font-size: var(--tam-1); line-height: 1; font-weight: var(--peso-medio); letter-spacing: var(--trk-aberto);
}
.lj .chip.ok { background: var(--ok-suave); color: var(--ok); }
.lj .chip.alerta { background: var(--alerta-suave); color: var(--alerta); }
.lj .chip.perigo { background: var(--perigo-suave); color: var(--perigo); }
.lj .chip.ok::before, .lj .chip.alerta::before, .lj .chip.perigo::before {
  content: ""; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: currentColor;
}
.lj .contagem {
  display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: var(--r-pilula); background: var(--pedra-2); color: var(--tinta-2);
  font-size: var(--tam-1); line-height: 1; font-weight: var(--peso-medio);
}
.lj .contagem.alerta { background: var(--alerta-suave); color: var(--alerta); box-shadow: inset 0 0 0 1px var(--alerta-linha); }

.lj .ico { width: 18px; height: 18px; color: var(--tinta); }
.lj .ico-ponto { fill: var(--marca); }
.lj .tile {
  display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px;
  border-radius: var(--r-2); background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte), 0 1px 1px rgb(var(--sombra-cor) / .05);
}
.lj .tile .ico { width: 18px; height: 18px; }
.lj .tile.pequeno { width: 24px; height: 24px; border-radius: var(--r-1); }
.lj .tile.pequeno .ico { width: 15px; height: 15px; }

.lj .topo { position: relative; z-index: 20; background: var(--papel); box-shadow: 0 1px 0 var(--pedra-linha); }
.lj .topo-interno {
  display: flex; align-items: center; gap: var(--esp-2);
  max-width: var(--largura); height: 56px; margin: 0 auto; padding: 0 6px 0 var(--calha);
}
.lj .marca {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding-right: 6px; border-radius: var(--r-2);
  color: var(--tinta); text-decoration: none;
  font-size: 16px; line-height: 20px; font-weight: var(--peso-forte); letter-spacing: var(--trk-justo);
}
.lj .marca:hover { color: var(--tinta); }

.lj .marca .marca-logo { display: block; width: 83px; height: 24px; }
.lj .topo-interno:has(> .marca:only-child) { height: 64px; }
.lj .topo-interno:has(> .marca:only-child) .marca-logo { width: 110px; height: 32px; }
.lj .marca .tile { width: 30px; height: 30px; }
.lj span.marca { cursor: default; }
.lj .nav, .lj .cliente { display: none; }

.lj .menu { margin-left: auto; }
.lj .menu > summary, .lj .site-menu > summary {
  display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 10px;
  border-radius: var(--r-2); color: var(--tinta); transition: background-color var(--dur-1) var(--curva);
}
.lj .menu > summary:hover,
.lj .menu[open] > summary,
.lj .site-menu > summary:hover,
.lj .site-menu[open] > summary { background: var(--pedra); }
.lj .icone-menu { display: block; }
.lj .painel-menu, .lj .site-menu-painel {
  position: absolute; left: 0; right: 0; top: 100%; display: grid; gap: 2px;
  max-height: calc(100dvh - 72px); overflow-y: auto;
  padding: var(--esp-2) var(--esp-3) var(--esp-4); background: var(--papel);
  border-radius: 0 0 var(--r-4) var(--r-4); box-shadow: var(--sombra-3);
  animation: lj-surgir var(--dur-2) var(--curva);
}
.lj .painel-menu a, .lj .site-menu-painel a, .lj .grupo-menu-nome, .lj .painel-menu .sair {
  display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; border-radius: var(--r-2);
  color: var(--tinta); font-size: 15px; font-weight: var(--peso-normal); text-decoration: none;
}
.lj .painel-menu a:hover, .lj .site-menu-painel a:hover { background: var(--pedra); color: var(--tinta); }
.lj .painel-menu a[aria-current="page"], .lj .painel-menu > a.ativo, .lj .site-menu-painel a[aria-current="page"] {
  background: var(--pedra); font-weight: var(--peso-medio); box-shadow: inset 3px 0 0 var(--marca);
}
.lj .grupo-menu { display: grid; gap: 2px; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--pedra-linha); }
.lj .grupo-menu > a:not(.grupo-menu-nome) { padding-left: 40px; font-size: var(--tam-3); }
.lj .grupo-menu-nome { font-weight: var(--peso-medio); }
.lj span.grupo-menu-nome { min-height: 32px; font-size: var(--tam-2); color: var(--tinta-2); }

.lj .menu-telas { display: grid; gap: 2px; }
.lj .painel-menu .menu-telas > a { padding-left: 40px; font-size: var(--tam-3); }
.lj .grupo-menu-nome .contagem, .lj .painel-menu a .contagem, .lj .painel-mais a .contagem { margin-left: auto; }
.lj .painel-menu .sair, .lj .painel-mais .sair {
  width: 100%; min-height: 44px; justify-content: flex-start; padding: 0 10px 0 40px;
  background: none; box-shadow: none; color: var(--tinta); font-size: var(--tam-3); font-weight: var(--peso-normal);
}
.lj .painel-menu .sair:hover, .lj .painel-mais .sair:hover { background: var(--pedra); color: var(--tinta); }
.lj .menu > summary { position: relative; }
.lj .menu > summary .contagem { position: absolute; top: 3px; right: 0; box-shadow: 0 0 0 2px var(--papel); }

.lj .nav-item {
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 7px;
  color: var(--tinta-2); font-size: var(--tam-3); font-weight: var(--peso-normal); text-decoration: none; white-space: nowrap;
  transition: background-color var(--dur-1) var(--curva), color var(--dur-1) var(--curva);
}
.lj .nav-item:hover { background: rgb(255 255 255 / .75); color: var(--tinta); }
.lj .nav-item[aria-current="page"], .lj .nav > a.nav-item.ativo {
  background: var(--papel); color: var(--tinta); font-weight: var(--peso-medio);
  box-shadow: 0 1px 2px rgb(var(--sombra-cor) / .14), 0 0 0 1px rgb(var(--sombra-cor) / .07);
}
.lj .mais { position: relative; }
.lj .painel-mais {
  position: absolute; top: calc(100% + 8px); left: -3px; z-index: 30; display: grid; min-width: 248px; padding: 6px;
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-3);
  animation: lj-surgir var(--dur-2) var(--curva);
}
.lj .painel-mais a {
  display: flex; align-items: center; gap: var(--esp-2); min-height: 36px; padding: 0 10px; border-radius: var(--r-1);
  color: var(--tinta); font-size: var(--tam-3); text-decoration: none;
}
.lj .painel-mais a:hover { background: var(--pedra); color: var(--tinta); }
.lj .painel-mais a[aria-current="page"] { background: var(--pedra); font-weight: var(--peso-medio); box-shadow: inset 3px 0 0 var(--marca); }
.lj .painel-mais .sair { min-height: 36px; padding-left: 10px; }
.lj .painel-mais .ico, .lj .painel-menu .ico { width: 16px; height: 16px; }
.lj .sep { height: 1px; margin: 6px 4px; background: var(--pedra-linha); }
@media (min-width: 720px) {
  .lj .topo-interno { gap: var(--esp-4); height: 60px; padding: 0 var(--calha); }
  .lj .nav {
      display: flex; align-items: center; gap: 2px; margin-left: var(--esp-2); padding: 3px;
      border-radius: 10px; background: var(--pedra); box-shadow: inset 0 0 0 1px var(--pedra-linha);
    }
  .lj .cliente {
      display: flex; align-items: center; gap: var(--esp-2); height: 32px; margin-left: auto; padding: 0 12px 0 6px;
      border-radius: var(--r-pilula); box-shadow: inset 0 0 0 1px var(--pedra-linha); font-size: var(--tam-2); font-weight: var(--peso-medio);
      white-space: nowrap;
    }
  .lj .cliente::before {
      content: ""; width: 20px; height: 20px; border-radius: 50%;
      background: radial-gradient(circle at 50% 38%, var(--tinta-3) 0 3.5px, transparent 4px), radial-gradient(circle at 50% 110%, var(--tinta-3) 0 8px, transparent 8.5px), var(--pedra-2);
    }
  .lj .menu { display: none; }
}

.lj .conta-menu { display: none; }
@media (min-width: 720px) {
  .lj .conta-menu { display: block; margin-left: auto; }
  .lj .conta-menu > .cliente {
      margin-left: 0; padding-right: 12px; cursor: pointer;
      transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
    }
  .lj .conta-menu > .cliente::after {
      content: ""; width: 6px; height: 6px; margin-left: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
      transform: translateY(-2px) rotate(45deg); transition: transform var(--dur-2) var(--curva);
    }
  .lj .conta-menu[open] > .cliente::after { transform: translateY(1px) rotate(-135deg); }
  .lj .conta-menu > .cliente:hover, .lj .conta-menu[open] > .cliente { background: var(--pedra); }
  .lj .conta-menu.ativo > .cliente { background: var(--papel); box-shadow: inset 0 0 0 1px var(--borda-campo); }
  .lj .conta-menu > .painel-mais { left: auto; right: 0; }
}

.lj .rodape {
  display: grid; gap: var(--esp-1); max-width: none; margin: 0 auto;
  padding: var(--esp-6) max(var(--calha), calc((100% - var(--largura)) / 2 + var(--calha))) var(--esp-8);
  border-top: 1px solid var(--pedra-linha-forte); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2);
}
.lj .rodape a { color: var(--tinta); font-weight: var(--peso-medio); }
.lj .rodape .rodape-marca { color: var(--tinta); font-weight: var(--peso-medio); }
.lj .rodape-links a { display: inline-flex; align-items: center; min-height: 44px; }

.lj .rodape .rodape-marca a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -13px; }
@media (min-width: 720px) {
  .lj .rodape { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--esp-6); padding-bottom: var(--esp-10); }
  .lj .rodape > p { grid-column: 1; }
  .lj .rodape > .rodape-links { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
  .lj .rodape-links a { min-height: 0; }
  .lj .rodape .rodape-marca a { min-height: 0; margin-block: 0; }
}

.lj .pagina { display: block; max-width: var(--largura); margin: 0 auto; padding: var(--esp-5) var(--calha) var(--esp-12); }

.lj .cartao { background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1); }
.lj .cartao.anel { box-shadow: var(--sombra-anel); }
.lj .cartao.relevo { border-radius: var(--r-4); box-shadow: var(--sombra-2); }
.lj .cartao.alerta { box-shadow: 0 0 0 1px var(--alerta-linha), 0 1px 2px rgb(var(--sombra-cor) / .06); }
.lj .cartao-cabeca {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); min-height: 52px; padding: var(--esp-3) var(--esp-4);
  border-bottom: 1px solid var(--pedra-linha);
}
.lj .cartao-cabeca h2, .lj .cartao-cabeca h3 { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); letter-spacing: -.005em; }
.lj .cartao-cabeca .assunto { margin-left: auto; }
.lj .cartao-corpo { display: grid; gap: var(--esp-4); padding: var(--esp-4); }

.lj .solto { display: grid; align-content: start; }
.lj .solto-cabeca {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--esp-2); padding-bottom: var(--esp-3);
  border-bottom: 1px solid var(--pedra-linha-forte);
}

.lj .solto-cabeca:has(+ .tabela-rolante) { border-bottom: 0; }
.lj .solto-cabeca h2 { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); letter-spacing: -.005em; }
.lj .solto-cabeca .assunto { margin-left: auto; }
@media (min-width: 720px) {
  .lj .pagina { padding: var(--esp-7) var(--calha) var(--esp-16); }
  .lj .cartao-cabeca { padding: var(--esp-3) var(--esp-5); }
  .lj .cartao-corpo { padding: var(--esp-5); }
}

.lj .pilha { display: grid; gap: var(--esp-5); }
.lj .pilha > .acoes { margin-top: var(--esp-1); }

.lj .cabecalho { display: grid; gap: var(--esp-2); margin-bottom: var(--esp-6); }
.lj .cabecalho h1 { font-size: var(--tam-7); line-height: var(--alt-7); letter-spacing: var(--trk-apertado); }
.lj .cabecalho > .botao, .lj .cabecalho > .acoes { justify-self: start; margin-top: var(--esp-2); }
.lj .voltar {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: -10px 0 var(--esp-1);
  color: var(--tinta-2); font-size: var(--tam-2); font-weight: var(--peso-medio); text-decoration: none;
}
.lj .voltar:hover { color: var(--tinta); }
.lj .secao { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); margin-bottom: var(--esp-3); }
.lj .secao h2 { font-size: 17px; line-height: 24px; font-weight: var(--peso-forte); letter-spacing: var(--trk-justo); }

.lj .secao .assunto { margin-left: var(--esp-1); }

@media (max-width: 719px) {
  .lj .secao .assunto { flex-basis: 100%; margin-left: 0; }
  
  .lj .secao:has(> .desfazer) + .ajuda { margin-top: 0; }
}

.lj .secao + .ajuda { margin: calc(-1 * var(--esp-2)) 0 var(--esp-3); font-size: var(--tam-3); line-height: var(--alt-3); text-wrap: balance; }

.lj .secao + .ajuda ~ .ajuda { margin: calc(-1 * var(--esp-2)) 0 var(--esp-3); font-size: var(--tam-3); line-height: var(--alt-3); text-wrap: balance; }

.lj .pilha > .secao { margin-bottom: 0; }
.lj .pilha > .secao + .ajuda { margin: calc(-1 * var(--esp-4)) 0 calc(-1 * var(--esp-2)); }
@media (min-width: 720px) {
  .lj .cabecalho { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--esp-6); align-items: end; margin-bottom: var(--esp-7); }
  .lj .cabecalho > * { grid-column: 1; }
  .lj .cabecalho > .botao, .lj .cabecalho > .acoes { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0; }
  .lj .cabecalho h1 { font-size: var(--tam-8); line-height: var(--alt-8); }
  
  .lj .tipo-ajustes > .cabecalho > .acoes { grid-column: 1; grid-row: auto; justify-self: start; align-self: start; margin-top: var(--esp-2); }
}

.lj .avisos { display: grid; gap: var(--esp-2); margin-bottom: var(--esp-5); }
.lj .aviso {
  position: relative; padding: 11px 14px 11px 40px; border-radius: var(--r-2);
  background: var(--pedra); box-shadow: inset 0 0 0 1px var(--pedra-linha);
  font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta);
}
.lj .cartao .aviso, .lj .aviso.info { background: var(--pedra); }
.lj .aviso::before {
  content: ""; position: absolute; left: 14px; top: 13px; width: 16px; height: 16px; border-radius: 50%;
  background: var(--tinta-2);
  -webkit-mask: var(--lj-icone-aviso) center / 16px 16px no-repeat; mask: var(--lj-icone-aviso) center / 16px 16px no-repeat;
}
.lj .aviso {
  --lj-icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm0 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm1 8H7V7.4h2Z'/%3E%3C/svg%3E");
}
.lj .aviso.success { background: var(--ok-suave); box-shadow: none; }
.lj .aviso.success::before {
  background: var(--ok);
  --lj-icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm3.2 4.6-3.9 4.8a.9.9 0 0 1-1.3.1L4.6 9.3l1.2-1.2 1 1 3.2-4Z'/%3E%3C/svg%3E");
}
.lj .aviso.warning { background: var(--alerta-suave); box-shadow: none; }
.lj .aviso.warning::before {
  background: var(--alerta);
  --lj-icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm-1 3.2h2l-.2 5H7.2Zm1 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E");
}
.lj .aviso.error { background: var(--perigo-suave); box-shadow: none; }
.lj .aviso.error::before {
  background: var(--perigo);
  --lj-icone-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm2.6 4.3L9.1 8l1.5 2.5-1.1 1.1L8 9.2l-1.5 2.4-1.1-1.1L6.9 8 5.4 5.5l1.1-1.1L8 6.8l1.5-2.4Z'/%3E%3C/svg%3E");
}
.lj .aviso b { color: var(--tinta); }

.lj .aviso { max-width: calc(68ch + 54px); }
.lj .vazio {
  display: grid; justify-items: start; gap: var(--esp-3); padding: var(--esp-5);
  border: 1px dashed var(--pedra-linha-forte); border-radius: var(--r-3); background: var(--pedra-clara);
}
.lj .vazio > p { max-width: 60ch; font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta-2); }

.lj .saiba > summary {
  display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px; border-radius: var(--r-1);
  color: var(--tinta-2); font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio);
  transition: color var(--dur-1) var(--curva);
}
.lj .saiba > summary:hover { color: var(--tinta); }
.lj .saiba > summary::before {
  content: ""; width: 5px; height: 5px; margin: 0 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg); transition: transform var(--dur-2) var(--curva);
}
.lj .saiba[open] > summary::before { transform: translateY(-2px) rotate(45deg); }
.lj .saiba > :not(summary) {
  padding: 0 var(--esp-3) var(--esp-2); background: var(--pedra-clara); box-shadow: inset 1px 0 0 var(--pedra-linha), inset -1px 0 0 var(--pedra-linha);
  font-size: var(--tam-2); line-height: 19px; color: var(--tinta-2);
  animation: lj-desdobrar var(--dur-2) var(--curva);
}
.lj .saiba > summary + * { padding-top: 10px; border-radius: var(--r-2) var(--r-2) 0 0; box-shadow: inset 1px 0 0 var(--pedra-linha), inset -1px 0 0 var(--pedra-linha), inset 0 1px 0 var(--pedra-linha); }
.lj .saiba > :last-child:not(summary) { padding-bottom: 10px; margin-bottom: 6px; border-radius: 0 0 var(--r-2) var(--r-2); box-shadow: inset 1px 0 0 var(--pedra-linha), inset -1px 0 0 var(--pedra-linha), inset 0 -1px 0 var(--pedra-linha); }
.lj .saiba > summary + :last-child { border-radius: var(--r-2); box-shadow: inset 0 0 0 1px var(--pedra-linha); }
.lj .saiba > :not(summary) b { color: var(--tinta); }
.lj .saiba > form, .lj .saiba > .formulario { display: grid; gap: var(--esp-3); }

.lj .dobra { background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1); }

.lj .dobra > summary {
  display: flex; align-items: center; gap: var(--esp-3); min-height: 52px; padding: var(--esp-3) var(--esp-4);
  border-radius: var(--r-3); font-weight: var(--peso-medio);
}
.lj .dobra > summary :is(h2), .lj .dobra > summary :is(h3) { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); }
.lj .dobra > summary:hover { background: var(--pedra-clara); }
.lj .dobra > summary:not(:has(.abrir))::after {
  content: ""; width: 6px; height: 6px; margin-left: auto; border-right: 1.5px solid var(--tinta-2); border-bottom: 1.5px solid var(--tinta-2);
  transform: translateY(-2px) rotate(45deg); transition: transform var(--dur-2) var(--curva);
}
.lj .dobra[open] > summary:not(:has(.abrir))::after { transform: translateY(1px) rotate(-135deg); }
.lj .dobra[open] > summary { border-radius: var(--r-3) var(--r-3) 0 0; }
.lj .abrir {
  display: inline-flex; align-items: center; gap: 6px; margin-left: auto;
  font-size: var(--tam-2); font-weight: var(--peso-medio); color: var(--marca-texto);
}
.lj .abrir::after {
  content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg); transition: transform var(--dur-2) var(--curva);
}
.lj details[open] > summary .abrir::after { transform: translateY(1px) rotate(-135deg); }
.lj details[open] > summary .se-fechado, .lj details:not([open]) > summary .se-aberto { display: none; }
.lj .dobra-corpo, .lj .dobra > :not(summary) { animation: lj-desdobrar var(--dur-2) var(--curva); }
.lj .dobra-corpo { display: grid; gap: var(--esp-4); padding: var(--esp-4); border-top: 1px solid var(--pedra-linha); }
.lj .dobra-corpo > p { font-size: var(--tam-2); line-height: 19px; color: var(--tinta-2); }
@media (min-width: 720px) {
  .lj .saiba > summary { min-height: 32px; }
  .lj .dobra > summary { padding-inline: var(--esp-5); }
  .lj .dobra-corpo { padding: var(--esp-5); }
}

.lj .dobras { display: grid; gap: var(--esp-2); }

.lj .formulario { display: grid; gap: var(--esp-4); }
.lj .campos { display: grid; gap: var(--esp-4); }
.lj .campo { display: grid; gap: 6px; min-width: 0; align-content: start; }
.lj .campo > label { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--tinta); }
.lj .opcional { font-weight: var(--peso-normal); color: var(--tinta-2); }
.lj .dica { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .campo :where(input:not([type=radio]):not([type=checkbox]):not([type=file])), .lj .campo :where(select), .lj .campo :where(textarea) {
  width: 100%; min-height: 44px; padding: 0 12px;
  border: 1px solid var(--borda-campo); border-radius: var(--r-2); background: var(--papel); color: var(--tinta);
  font-size: 16px; box-shadow: inset 0 1px 2px rgb(var(--sombra-cor) / .06);
  transition: border-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
}
.lj .campo textarea { min-height: 96px; padding: 10px 12px; line-height: 22px; resize: vertical; }
.lj .campo select {
  appearance: none; padding-right: 36px;
  background: var(--papel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%234f5b57' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center / 12px 12px no-repeat;
}
.lj .campo :where(input):hover, .lj .campo :where(select):hover, .lj .campo :where(textarea):hover { border-color: var(--tinta-2); }

.lj .campo :where(input)::placeholder, .lj .campo :where(textarea)::placeholder { color: var(--tinta-dica); opacity: 1; }

.lj .campo input[type="date"]::-webkit-calendar-picker-indicator {
  --lj-icone-data: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 1h1.5v1.5h3V1H11v1.5h1.5A1.5 1.5 0 0 1 14 4v9.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V4a1.5 1.5 0 0 1 1.5-1.5H5V1Zm-1.5 5v7.5h9V6h-9Z'/%3E%3C/svg%3E");
  width: 16px; height: 16px; padding: 0; background: var(--tinta-2); cursor: pointer;
  -webkit-mask: var(--lj-icone-data) center / 16px 16px no-repeat; mask: var(--lj-icone-data) center / 16px 16px no-repeat;
}
.lj .campo.invalido :where(input), .lj .campo.invalido :where(select), .lj .campo.invalido :where(textarea) { border-color: var(--perigo); box-shadow: 0 0 0 1px var(--perigo); }
.lj .erro {
  display: flex; gap: 6px; font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--perigo);
}
.lj .erro::before {
  content: ""; flex: none; width: 14px; height: 14px; margin-top: 2px; background: var(--perigo);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm-1 3.2h2l-.2 5H7.2Zm1 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2Zm-1 3.2h2l-.2 5H7.2Zm1 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.lj .com-sufixo { display: flex; }
.lj .sufixo {
  display: flex; align-items: center; padding: 0 12px; border: 1px solid var(--borda-campo); border-right: 0;
  border-radius: var(--r-2) 0 0 var(--r-2); background: var(--pedra); color: var(--tinta-2); font-size: var(--tam-2); font-weight: var(--peso-medio);
}
.lj .com-sufixo input { border-radius: 0 var(--r-2) var(--r-2) 0 !important; }

.lj .campo.arquivo {
  position: relative; gap: var(--esp-2); justify-items: start; padding: var(--esp-5);
  font-family: var(--fonte); font-size: var(--tam-3); font-weight: var(--peso-normal); overflow-wrap: break-word;
  border: 1.5px dashed var(--borda-campo); border-radius: var(--r-3); background: var(--papel);
  transition: background-color var(--dur-1) var(--curva), border-color var(--dur-1) var(--curva);
}
.lj .campo.arquivo:hover { border-color: var(--marca-texto); background: var(--pedra-clara); }
.lj .campo.arquivo:has(input:focus-visible) { outline: 2px solid var(--foco); outline-offset: 2px; }
.lj .campo.arquivo > label { font-size: var(--tam-3); line-height: var(--alt-3); cursor: pointer; }
.lj .campo.arquivo > label::after { content: ""; position: absolute; inset: 0; border-radius: var(--r-3); cursor: pointer; }
.lj .campo.arquivo input, .lj .campo.arquivo button, .lj .campo.arquivo .botao, .lj .campo.arquivo a, .lj .campo.arquivo .saiba { position: relative; z-index: 1; }
.lj .campo.arquivo input[type=file] { width: 100%; max-width: 300px; font-size: var(--tam-2); color: var(--tinta-2); }
.lj .campo.arquivo input[type=file]::file-selector-button {
  min-height: 40px; margin-right: 12px; padding: 0 14px; border: 0; border-radius: var(--r-2); cursor: pointer;
  background: var(--papel); color: var(--tinta); font: inherit; font-weight: var(--peso-medio);
  box-shadow: inset 0 0 0 1px var(--borda-campo), 0 1px 2px rgb(var(--sombra-cor) / .07);
}

.lj .marcar {
  display: flex; align-items: flex-start; gap: 10px; min-height: 44px; padding-top: 10px;
  font-size: var(--tam-3); line-height: var(--alt-3); cursor: pointer;
}
.lj .marcar input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--marca-texto); }
.lj :where(input[type=radio]), .lj :where(input[type=checkbox]) { accent-color: var(--marca-texto); }
@media (min-width: 720px) {
  .lj .campos { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  
  .lj .campos > .campo.inteiro { grid-column: 1 / -1; }
  .lj .campo :where(input:not([type=radio]):not([type=checkbox]):not([type=file])), .lj .campo :where(select) { min-height: 38px; font-size: var(--tam-3); }
  .lj .campo textarea { font-size: var(--tam-3); }
}

.lj .saiba > .campo.arquivo { margin-top: var(--esp-1); background: var(--papel); border-radius: var(--r-3); box-shadow: none; }
@media (min-width: 720px) {
  
  .lj .campos.pares { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.lj .niveis { display: grid; border-radius: var(--r-3); background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte); }
.lj .niveis > legend { margin-bottom: var(--esp-3); font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); float: left; width: 100%; }
.lj .niveis > legend + * { clear: both; }
.lj .nivel {
  position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: var(--esp-3);
  padding: var(--esp-4); cursor: pointer; transition: background-color var(--dur-1) var(--curva);
}
.lj .nivel + .nivel { border-top: 1px solid var(--pedra-linha); }
.lj .nivel:first-of-type { border-radius: var(--r-3) var(--r-3) 0 0; }
.lj .nivel:last-of-type { border-radius: 0 0 var(--r-3) var(--r-3); }
.lj .nivel:hover { background: var(--pedra-clara); }
.lj .nivel > input {
  appearance: none; width: 20px; height: 20px; margin: 1px 0 0; border-radius: 50%;
  border: 1.5px solid var(--borda-campo); background: var(--papel); cursor: pointer;
  transition: border-width var(--dur-1) var(--curva), border-color var(--dur-1) var(--curva);
}
.lj .nivel > input:checked { border: 6px solid var(--marca-texto); }
.lj .nivel:has(input:checked) { background: var(--papel); box-shadow: inset 0 0 0 1.5px var(--marca-texto); z-index: 1; }
.lj .nivel:has(input:disabled) { cursor: not-allowed; }
.lj .nivel > input:disabled { border-style: dashed; cursor: not-allowed; }
.lj .nivel > span { display: grid; gap: 2px; }
.lj .nivel b { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); }

.lj .nivel > span > b:only-child { font-weight: var(--peso-normal); }
.lj .nivel .assunto { font-size: var(--tam-2); line-height: 19px; }
.lj .nivel .aviso { margin-top: var(--esp-2); }

.lj .portas-produto { margin-top: var(--esp-4); }
.lj .portas-produto ul { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.lj .portas-produto a {
  display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px; padding: 0 14px;
  border-radius: var(--r-2); background: var(--papel); box-shadow: var(--sombra-anel);
  color: var(--tinta); font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); text-decoration: none;
  transition: box-shadow var(--dur-1) var(--curva), transform var(--dur-1) var(--curva);
}
.lj .portas-produto a:hover { box-shadow: var(--sombra-1); transform: translateY(-1px); }
@media (min-width: 720px) {
  .lj .portas-produto { margin-top: var(--esp-5); }
  .lj .portas-produto a { min-height: 36px; padding: 0 var(--esp-3); }
}

.lj .pedido {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--esp-3); padding: var(--esp-4);
}
.lj .pedido-corpo { grid-column: -2; min-width: 0; }
.lj .pedido-topo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--esp-2); }
.lj .pedido h3 { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-forte); }
.lj .pedido-corpo > p:not(.quando) { margin-top: var(--esp-1); font-size: var(--tam-3); line-height: var(--alt-3); }

.lj .pedido-corpo > p:not(.quando) + p:not(.quando) { margin-top: var(--esp-2); }

.lj .pedido-corpo > .pagar-codigo { margin-block: var(--esp-2); }

.lj .pedido-corpo > .aviso + p { margin-top: var(--esp-2); }
.lj .pedido .quando { margin-top: var(--esp-1); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .pedido.alerta .quando { color: var(--alerta); font-weight: var(--peso-medio); }
.lj .pedido-corpo > .saiba { margin-top: 2px; margin-bottom: -6px; }
.lj .pedido-corpo > .aviso { margin-top: var(--esp-2); }
.lj .pedido-acoes { grid-column: -2; display: grid; gap: var(--esp-2); }
.lj .pedido-acoes .decisoes { display: grid; gap: var(--esp-2); }
.lj .pedido-acoes .decisoes :where(button), .lj .pedido-acoes .decisoes :where(.botao) { width: 100%; }
.lj .pedido-acoes .caminhos { gap: 0 var(--esp-4); }
.lj .mensagem {
  margin-top: var(--esp-1); padding: var(--esp-3) var(--esp-4); border-radius: var(--r-2); background: var(--pedra);
  font-size: var(--tam-3); line-height: 21px; white-space: pre-line;
}
.lj .cartao.pedido.alerta { box-shadow: 0 0 0 1px var(--alerta-linha), 0 1px 2px rgb(var(--sombra-cor) / .06); }

.lj .caixa { overflow: clip; }
.lj .caixa > .pedido { border-radius: 0; box-shadow: none; background: transparent; transition: background-color var(--dur-1) var(--curva); }
.lj .caixa > .pedido + .pedido { border-top: 1px solid var(--pedra-linha); }
.lj .caixa > .pedido:hover { background: var(--pedra-clara); }
.lj .caixa > .vazio { margin: var(--esp-4); }

.lj .caixa > .leitura { margin: 0 var(--esp-4) var(--esp-4); }
.lj .caixa > .leitura + .pedido { border-top: 1px solid var(--pedra-linha); }
@media (min-width: 720px) {
  .lj .caixa > .leitura { margin-inline: var(--esp-5); }
}
@media (min-width: 720px) {
  .lj .pedido { grid-template-columns: minmax(0, 1fr) 184px; column-gap: var(--esp-4); }
  .lj .pedido { padding: var(--esp-4) var(--esp-5); }
  .lj .pedido-corpo { grid-column: -3; grid-row: 1; }
  .lj .pedido-acoes { grid-column: -2; grid-row: 1; align-content: start; }
  .lj .pedido-acoes .caminhos { justify-content: flex-end; }
}

@media (min-width: 720px) {
  .lj .pedido.decisao-larga { grid-template-columns: minmax(0, 1fr) 248px; }
}

@media (min-width: 720px) {
  .lj .caixa:has(> .pedido.decisao-larga) > .pedido { grid-template-columns: minmax(0, 1fr) 248px; }
}

.lj .grupo-linhas {
  margin: 0 0 var(--esp-3); padding: 0 var(--esp-4); background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-anel);
  animation: lj-desdobrar var(--dur-2) var(--curva);
}
.lj .linha-fiz { display: grid; gap: 2px; padding: var(--esp-3) 0 var(--esp-1); }
.lj .linha-fiz + .linha-fiz { border-top: 1px solid var(--pedra-linha); }
.lj .frase { font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .linha-fiz > .acoes { margin-top: var(--esp-1); column-gap: var(--esp-4); }
.lj .linha-fiz > .acoes .saiba[open] { flex-basis: 100%; }
@media (min-width: 720px) {
  .lj .grupo-linhas { margin-left: 44px; }
  .lj .linha-fiz { grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--esp-3); }
  .lj .linha-fiz > :not(.hora) { grid-column: 2; }
}

.lj .seguir { display: grid; align-content: start; padding: var(--esp-2) var(--esp-4) var(--esp-2); }
.lj .seguir > li { position: relative; display: grid; gap: 2px; padding: var(--esp-3) 0 var(--esp-3) 26px; }
.lj .seguir > li::before {
  content: ""; position: absolute; left: 0; top: 16px; width: 11px; height: 11px; border-radius: 50%;
  background: var(--papel); box-shadow: inset 0 0 0 2px var(--pedra-linha-forte);
}
.lj .seguir > li::after { content: ""; position: absolute; left: 5px; top: 31px; bottom: -14px; width: 1px; background: var(--pedra-linha); }
.lj .seguir > li:last-child::after { display: none; }
.lj .seguir > li:first-child::before { background: var(--marca); box-shadow: 0 0 0 3px var(--marca-suave); }
.lj .seguir .quando { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-forte); }
.lj .seguir > li:first-child .quando { color: var(--marca-texto); }
.lj .oque { display: grid; gap: 3px; }
.lj .oque > p { font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .oque > p:first-child:has(> b:only-child) { font-weight: var(--peso-medio); }
.lj .oque > .acoes { margin-top: 2px; column-gap: var(--esp-4); }
.lj .oque > .saiba { margin-bottom: -6px; }

.lj .historico { display: grid; align-content: start; }
.lj .historico > li { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: var(--esp-3); padding: 7px 0; }
.lj .historico > li::after { content: ""; position: absolute; left: 7.5px; top: 27px; bottom: -9px; width: 1px; background: var(--pedra-linha); }
.lj .historico > li:last-child::after { display: none; }
.lj .historico-no {
  display: grid; place-items: center; width: 16px; height: 16px; margin-top: 2px; border-radius: 50%;
  background: var(--papel); box-shadow: inset 0 0 0 1.5px var(--pedra-linha-forte);
}
.lj .historico .feito .historico-no { background: var(--tinta); box-shadow: none; }
.lj .historico .feito .historico-no::after {
  content: ""; width: 4px; height: 7px; border-right: 1.5px solid var(--papel); border-bottom: 1.5px solid var(--papel); transform: translateY(-1px) rotate(45deg);
}
.lj .historico .lembro .historico-no { box-shadow: inset 0 0 0 1.5px var(--marca); }
.lj .historico .vence .historico-no { background: var(--marca); box-shadow: 0 0 0 3px var(--marca-suave); }
.lj .historico-texto { display: grid; font-size: var(--tam-3); line-height: 19px; }
.lj .historico-texto > span { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }

.lj .acao { display: contents; }
.lj .acao:has(.campo) { display: grid; gap: var(--esp-3); }
.lj .desfazer { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 var(--esp-2); }
.lj .prazo-desfazer { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .sem-desfazer { flex-basis: 100%; font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }

.lj .empilha td.acoes .sem-desfazer > a { white-space: nowrap; }

.lj .tabela-rolante { overflow-x: auto; background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1); }

.lj .tabela-rolante + .dobra { margin-top: var(--esp-2); }
.lj .empilha { width: 100%; font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .empilha :is(th), .lj .empilha :is(td) { padding: var(--esp-3) var(--esp-4); text-align: left; vertical-align: top; }
.lj .empilha thead th {
  padding-block: 10px; background: var(--pedra-clara); border-bottom: 1px solid var(--pedra-linha);
  font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); color: var(--tinta-2); letter-spacing: var(--trk-aberto); white-space: nowrap;
}
.lj .empilha thead th:first-child { border-top-left-radius: var(--r-3); }
.lj .empilha thead th:last-child { border-top-right-radius: var(--r-3); }
.lj .empilha tbody tr + tr > * { border-top: 1px solid var(--pedra-linha); }
.lj .empilha tbody tr { transition: background-color var(--dur-1) var(--curva); }
.lj .empilha tbody tr:hover { background: var(--pedra-clara); }
.lj .empilha th[scope="row"] { font-weight: var(--peso-medio); }
.lj .empilha th[scope="row"] a { color: var(--tinta); text-decoration-color: var(--pedra-linha-forte); }
.lj .empilha th[scope="row"] a:hover { color: var(--marca-texto); }
.lj .empilha .num { text-align: right; white-space: nowrap; font-weight: var(--peso-medio); }
.lj .empilha .data { white-space: nowrap; }
.lj .empilha .texto { min-width: 220px; color: var(--tinta-2); }
.lj .empilha td.acoes { display: table-cell; text-align: right; white-space: nowrap; }
.lj .empilha td.acoes > * { vertical-align: middle; }

@media (max-width: 719px) {
  .lj .tabela-rolante { overflow: visible; }
  .lj .empilha, .lj .empilha tbody, .lj .empilha th, .lj .empilha td { display: block; }
  .lj .empilha thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .lj .empilha tbody tr { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--esp-4); padding: var(--esp-3) var(--esp-4); }
  .lj .empilha tbody tr::after { content: ""; order: 2; flex-basis: 100%; }
  .lj .empilha tbody tr + tr { border-top: 1px solid var(--pedra-linha); }
  .lj .empilha tbody tr + tr > * { border-top: 0; }
  .lj .empilha :is(th), .lj .empilha :is(td) { order: 3; min-width: 0; max-width: 100%; padding: 0; }
  .lj .empilha th[scope="row"] { order: 0; flex: 1 1 0; margin-bottom: 2px; font-size: 15px; line-height: 22px; }
  .lj .empilha td { padding-top: 2px; font-size: var(--tam-2); line-height: var(--alt-2); }
  .lj .empilha td[data-rotulo]::before { content: attr(data-rotulo); margin-right: 6px; font-weight: var(--peso-normal); color: var(--tinta-2); white-space: nowrap; }
  .lj .empilha td.num { text-align: left; }
  .lj .empilha tr:not(:has(> .lidera)) > td.num:not(td.num ~ td.num), .lj .empilha td.lidera {
      order: 1; flex: none; margin-left: auto; padding-top: 0; font-size: 15px; line-height: 22px; font-weight: var(--peso-medio); text-align: right;
    }
  .lj .empilha tr:not(:has(> .lidera)) > td.num:not(td.num ~ td.num)::before,
  .lj .empilha td.lidera::before,
  .lj .empilha td:has(> .nf:only-child)::before { content: none; }
  
  .lj .empilha td:has(> .acoes)::before { content: none; }
  
  .lj .empilha td.data.lidera { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-normal); color: var(--tinta-2); }
  .lj .empilha td.texto, .lj .empilha td:has(.campo), .lj .empilha td:has(select), .lj .empilha td:has(textarea), .lj .empilha td:has(.celula-valor) { flex: 1 1 100%; }
  .lj .empilha td.texto::before,
  .lj .empilha td:has(.campo)::before,
  .lj .empilha td:has(select)::before,
  .lj .empilha td:has(textarea)::before,
  .lj .empilha td:has(.celula-valor)::before { display: block; margin: 0 0 1px; }
  .lj .empilha .texto { min-width: 0; }
  .lj .empilha td.acoes { order: 4; flex: 0 1 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--esp-2); margin-left: auto; padding-top: var(--esp-2); text-align: left; white-space: normal; }
  .lj .empilha td.acoes::before { display: none; }
}

@media (max-width: 719px) {
  .lj .colunas-lidas td.texto { color: var(--tinta); }
  .lj .colunas-lidas td.texto::before { display: inline; margin: 0 var(--esp-2) 0 0; }
}

.lj .celula-valor { display: block; color: var(--tinta); font-weight: var(--peso-medio); }
.lj .celula-nota { display: block; margin-top: 2px; font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); white-space: normal; }

.lj .contagens { width: 100%; font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .contagens th, .lj .contagens td { padding: 9px var(--esp-4); text-align: left; font-weight: var(--peso-normal); }
.lj .contagens thead th {
  padding-block: 8px; background: var(--pedra-clara); border-bottom: 1px solid var(--pedra-linha);
  font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); color: var(--tinta-2); letter-spacing: var(--trk-aberto);
}
.lj .contagens tbody tr + tr > * { border-top: 1px solid var(--pedra-linha); }
.lj .contagens .num { text-align: right; white-space: nowrap; font-weight: var(--peso-medio); }
.lj .contagens tbody tr:last-child > :first-child { border-bottom-left-radius: var(--r-3); }

.lj .tabela-rolante.na-dobra { box-shadow: inset 0 0 0 1px var(--pedra-linha); }

.lj .dobra, .lj .tabela-rolante { min-width: 0; }

@media (min-width: 720px) {
  .lj .empilha td.acoes { padding-top: 7px; padding-bottom: 7px; }
  .lj .empilha td.acoes button, .lj .empilha td.acoes .botao { margin-left: var(--esp-2); }
  .lj .empilha td.acoes .sem-desfazer { display: inline-block; max-width: 30ch; padding-top: 5px; white-space: normal; text-align: right; }
  
  .lj .empilha td.acoes .desfazer { justify-content: flex-end; row-gap: var(--esp-1); }
  .lj .empilha td.acoes .desfazer button { margin-left: 0; }
  
  .lj .empilha tbody tr:has(select) > th { vertical-align: middle; }
  .lj .empilha tbody tr:has(select) > td { vertical-align: middle; }
  
  .lj .empilha tr:has(> td > .acoes) > th { vertical-align: middle; }
  .lj .empilha tr:has(> td > .acoes) > td { vertical-align: middle; }
}

.lj .valores { display: grid; }
.lj .valores > div { display: grid; gap: 2px; padding: var(--esp-3) 0; border-top: 1px solid var(--pedra-linha); }
.lj .valores > div:first-child { border-top: 0; padding-top: 0; }
.lj .valores dt { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .valores dd { display: grid; gap: 6px; min-width: 0; font-size: var(--tam-3); line-height: 22px; }
.lj .valores dd > .chip, .lj .valores dd > .botao, .lj .valores dd > .acao { justify-self: start; }
.lj .valores dd .nota { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .valores .valor-forte { font-weight: var(--peso-medio); }

@media (min-width: 720px) {
  .lj .valores > div { grid-template-columns: 200px minmax(0, 1fr); column-gap: var(--esp-4); padding: 14px 0; }
  .lj .valores > div:first-child { padding-top: 0; }
  .lj .valores dt { padding-top: 2px; }
}

.lj .numeros { display: grid; }
.lj .numero {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "rotulo valor" "legenda legenda";
  column-gap: var(--esp-3); align-items: center; min-width: 0; padding: 10px 0;
}

.lj .numero:where(:not(:has(> .numero-rotulo))) { grid-template-areas: "legenda valor"; }
.lj .numero + .numero { border-top: 1px solid var(--pedra-linha); }
.lj .numero-rotulo {
  grid-area: rotulo; display: flex; align-items: center; gap: 6px; min-height: 18px;
  font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); color: var(--tinta-2); letter-spacing: var(--trk-aberto);
}
.lj .numero-rotulo .ico { width: 14px; height: 14px; color: var(--tinta-2); }
.lj .numero-rotulo a { text-decoration: none; }
.lj .numero-rotulo a:hover { text-decoration: underline; }
.lj .numero > b {
  grid-area: valor; justify-self: end; font-size: var(--tam-6); line-height: var(--alt-6); font-weight: var(--peso-forte);
  letter-spacing: var(--trk-justo); white-space: nowrap;
}
.lj .numero > b .un { font-size: var(--tam-2); color: var(--tinta-2); }
.lj .numero > span:not(.numero-rotulo) { grid-area: legenda; font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .numero > span b { color: var(--tinta); }

@media (min-width: 720px) {
  .lj .numeros { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .lj .numero {
      grid-template-columns: minmax(0, 1fr); grid-template-areas: "rotulo" "valor" "legenda";
      align-content: start; align-items: start; row-gap: var(--esp-1); padding: 0 var(--esp-5);
    }
  .lj .numero + .numero { border-top: 0; box-shadow: inset 1px 0 0 var(--pedra-linha); }
  .lj .numero:first-child { padding-left: 0; }
  
  .lj .numero > b { justify-self: start; }
}

.lj .dias { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px; }
.lj .dia { position: relative; display: grid; gap: 1px; padding-top: 14px; }
.lj .dia::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--pedra-linha); animation: lj-imprimir var(--dur-3) var(--curva); }
.lj .dia:first-child::before { border-radius: 3px 0 0 3px; }
.lj .dia:last-child::before { border-radius: 0 3px 3px 0; }
.lj .dia-sem { font-size: var(--tam-1); line-height: 14px; color: var(--tinta-2); }
.lj .dia-n { font-size: 15px; line-height: 20px; font-weight: var(--peso-forte); }
.lj .dia.hoje::before { background: var(--tinta); }
.lj .dia.lembro::before { background: var(--papel); box-shadow: inset 0 0 0 1.5px var(--marca); }
.lj .dia.vence::before { background: var(--marca); }
.lj .dia.vence :is(.dia-sem), .lj .dia.vence :is(.dia-n) { color: var(--marca-texto); }

.lj .codigo { display: grid; gap: var(--esp-2); padding: var(--esp-3) var(--esp-4) var(--esp-4); background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1); }
.lj .codigo-rotulo { font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); color: var(--tinta-2); letter-spacing: var(--trk-aberto); }
.lj .codigo code {
  display: block; font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta);
  user-select: all; -webkit-user-select: all; cursor: text;
}
.lj .codigo code > span {
  display: inline-block; margin: 0 2px 6px 0; padding: 5px 8px; border-radius: var(--r-1); white-space: nowrap; letter-spacing: .02em;
  background: var(--pedra); box-shadow: inset 0 0 0 1px var(--pedra-linha);
}
.lj .codigo code b { font-weight: var(--peso-normal); padding-bottom: 1px; }
.lj .codigo-venc { box-shadow: inset 0 -2px 0 var(--tinta); }
.lj .codigo-valor { box-shadow: inset 0 -2px 0 var(--marca); }
.lj .codigo-legenda { display: flex; flex-wrap: wrap; gap: var(--esp-1) 18px; font-size: var(--tam-1); line-height: var(--alt-1); color: var(--tinta-2); }
.lj .codigo-legenda > span { display: inline-flex; align-items: center; gap: 7px; }
.lj .codigo-legenda > span::before { content: ""; width: 16px; height: 2px; border-radius: 1px; background: var(--tinta); }
.lj .codigo-legenda > .valor::before { background: var(--marca); }

.lj .codigo > .copiar { justify-self: start; }
.lj .codigo.endereco code > span { white-space: normal; overflow-wrap: anywhere; }

.lj .cartao.perigo { display: grid; gap: var(--esp-3); padding: var(--esp-4); box-shadow: 0 0 0 1px var(--perigo-linha), 0 1px 2px rgb(var(--sombra-cor) / .05); }
.lj .cartao.perigo > h2, .lj .cartao.perigo > h3 { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); color: var(--perigo); }
.lj .cartao.perigo > p { font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.lj .cartao.perigo .acao, .lj .cartao.perigo form { display: grid; gap: var(--esp-3); }

@media (max-width: 719px) {
  .lj .cartao.perigo > .acoes { display: grid; }
}
@media (min-width: 720px) {
  .lj .cartao.perigo { padding: var(--esp-5); }
  .lj .cartao.perigo .acao, .lj .cartao.perigo form { grid-template-columns: minmax(0, 320px) auto; align-items: end; justify-content: start; }
  
  .lj .cartao.perigo > .acoes { display: grid; grid-template-columns: max-content; }
}

.lj .preco { display: flex; flex-wrap: wrap; align-items: baseline; font-weight: var(--peso-forte); letter-spacing: var(--trk-display); line-height: 1; }
.lj .preco-moeda { margin-right: 4px; font-size: 17px; font-weight: var(--peso-medio); letter-spacing: 0; color: var(--tinta-2); align-self: flex-start; margin-top: .3em; }
.lj .preco-valor { font-size: var(--tam-10); animation: lj-subir var(--dur-3) var(--curva); display: inline-block; }
.lj .preco-cent { font-size: 22px; font-weight: var(--peso-forte); letter-spacing: -.02em; }
.lj .preco-periodo { margin-left: var(--esp-2); font-size: var(--tam-2); font-weight: var(--peso-normal); letter-spacing: 0; color: var(--tinta-2); }

.lj .voz { margin: 2px 0 var(--esp-5); max-width: 34ch; font-size: var(--tam-8); line-height: var(--alt-8); font-weight: var(--peso-medio); letter-spacing: var(--trk-apertado); text-wrap: balance; }

.lj .tipo-feed > .cabecalho { gap: var(--esp-2); margin-bottom: 0; }
.lj .tipo-feed > .cabecalho > .voz { margin-bottom: var(--esp-5); }
.lj .tipo-feed > .cartao.relevo { margin-top: var(--esp-1); }
.lj .tipo-feed > .cartao.pedido, .lj .tipo-feed > form.cartao { margin-top: var(--esp-5); }

.lj .colunas { display: grid; gap: var(--esp-7); margin-top: var(--esp-6); }
.lj .lado { display: grid; gap: var(--esp-7); align-content: start; min-width: 0; }
@media (min-width: 720px) {
  .lj .voz { margin: var(--esp-1) 0 var(--esp-6); font-size: var(--tam-9); line-height: var(--alt-9); }
}

@media (max-width: 719px) {
  .lj .voz > .saudacao { display: block; }
}
@media (min-width: 960px) {
  .lj .colunas { grid-template-columns: minmax(0, 1fr) 360px; align-items: start; column-gap: var(--esp-7); margin-top: var(--esp-7); }
}

.lj .tipo-feed > .cabecalho > .voz + .ajuda { margin: calc(-1 * var(--esp-3)) 0 var(--esp-2); }

.lj .tipo-feed > .cabecalho + .saiba { margin-top: var(--esp-3); }

@media (min-width: 720px) {
  .lj .tipo-feed > .cabecalho > .voz + .ajuda { margin-top: calc(-1 * var(--esp-4)); font-size: var(--tam-5); line-height: var(--alt-5); }
  
}
@media (min-width: 960px) {
  
  .lj .lado .grupo-linhas { margin-left: 0; }
  .lj .lado .linha-fiz { grid-template-columns: minmax(0, 1fr); }
  .lj .lado .linha-fiz > :not(.hora) { grid-column: 1; }
}

.lj .detalhe-grade { display: grid; gap: var(--esp-4); grid-template-areas: "cabeca" "lado" "principal" "perigo"; }

.lj .detalhe-grade:not(:has(> .detalhe-lado)) { grid-template-areas: "cabeca" "principal" "perigo"; }
.lj .detalhe-grade > .cabecalho { grid-area: cabeca; margin-bottom: 0; }
.lj .detalhe-lado { grid-area: lado; display: grid; gap: var(--esp-4); align-content: start; }
.lj .detalhe-principal { grid-area: principal; display: grid; gap: var(--esp-3); align-content: start; min-width: 0; }
.lj .detalhe-grade > .cartao.perigo { grid-area: perigo; margin-top: var(--esp-2); }

.lj .prazo { display: grid; gap: var(--esp-4); padding: var(--esp-4); }
.lj .prazo-titulo { display: flex; align-items: baseline; gap: var(--esp-2); font-size: 17px; line-height: 24px; font-weight: var(--peso-medio); letter-spacing: var(--trk-justo); }

.lj .prazo-titulo:not(:has(.prazo-n)) { font-weight: var(--peso-forte); }
.lj .prazo-n { font-size: var(--tam-9); line-height: 40px; font-weight: var(--peso-forte); letter-spacing: var(--trk-display); display: inline-block; animation: lj-subir var(--dur-3) var(--curva); }
.lj .prazo .historico { padding-top: var(--esp-3); border-top: 1px solid var(--pedra-linha); }

.lj .decisao { display: grid; gap: var(--esp-3); padding: var(--esp-4) var(--esp-4) var(--esp-2); }

.lj .decisao:not(:has(> .saiba:last-child:not([open]))) { padding-bottom: var(--esp-4); }
.lj .estado { font-size: var(--tam-3); line-height: 22px; }
.lj .decisao > .acoes { display: grid; gap: var(--esp-2); }
.lj .decisao > .acoes > :where(button), .lj .decisao > .acoes > :where(.botao), .lj .decisao > .acoes > .acao > :where(button), .lj .decisao > .acoes > .acao > :where(.botao) { width: 100%; }
.lj .decisao > .saiba { margin-top: -6px; }

.lj .decisao > .acao > .acoes { display: grid; gap: var(--esp-2); }
.lj .decisao > .acao > .acoes > :where(button) { width: 100%; }
@media (min-width: 720px) {
  .lj .decisao { padding: var(--esp-4) var(--esp-5) var(--esp-2); }
  .lj .decisao:not(:has(> .saiba:last-child:not([open]))) { padding-bottom: var(--esp-5); }
  .lj .decisao > .acoes { display: flex; }
  .lj .decisao > .acao > .acoes { display: flex; }
  .lj .decisao > .acao > .acoes > :where(button) { width: auto; }
  .lj .decisao > .acoes > :where(button), .lj .decisao > .acoes > :where(.botao), .lj .decisao > .acoes > .acao > :where(button), .lj .decisao > .acoes > .acao > :where(.botao) { width: auto; }
  .lj .decisao > .acoes > .desfazer { margin-left: auto; }
  
  .lj .dobra .campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  .lj .detalhe-principal > .codigo { padding: var(--esp-4) var(--esp-5); }
}
@media (min-width: 960px) {
  .lj .detalhe-grade {
      grid-template-columns: minmax(0, 1fr) 352px; grid-template-areas: "cabeca lado" "principal lado" "perigo lado";
      grid-template-rows: auto auto 1fr; column-gap: var(--esp-7); row-gap: var(--esp-4); align-items: start;
    }
  .lj .detalhe-lado { position: sticky; top: var(--esp-4); }
  .lj .prazo { padding: var(--esp-5); }
}

.lj .detalhe-principal > section:not(.cartao) { margin-top: var(--esp-5); }

.lj .detalhe-principal > .dobras { margin-top: var(--esp-5); }

.lj .detalhe-principal > .aviso + .acoes { margin-bottom: var(--esp-3); }

.lj .detalhe-principal > .discreta { max-width: 80ch; }
.lj .detalhe-principal:has(> .ajuda) > section > .secao + .ajuda:last-child { margin-bottom: 0; font-size: var(--tam-4); line-height: var(--alt-4); text-wrap: pretty; }

@media (max-width: 959px) {
  .lj .detalhe-grade.agir-primeiro { grid-template-areas: "cabeca" "principal" "lado" "perigo"; }
}

.lj .ajustes { display: grid; gap: var(--esp-6); }
.lj .ajuste { display: grid; gap: var(--esp-3); }
.lj .ajuste-cabeca { display: grid; gap: 6px; align-content: start; }
.lj .ajuste-cabeca h2 { font-size: 17px; line-height: 24px; font-weight: var(--peso-forte); letter-spacing: var(--trk-justo); }
.lj .ajuste-cabeca p { font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.lj .ajuste-corpo { display: grid; gap: var(--esp-4); padding: var(--esp-4); align-content: start; min-width: 0; }
.lj .ajuste-corpo > .acoes { padding-top: var(--esp-1); }
.lj .ajuste-corpo > .acoes :where(button), .lj .ajuste-corpo > .acoes :where(.botao) { flex: 1 1 auto; }
.lj .ajuste + .ajuste { padding-top: var(--esp-6); border-top: 1px solid var(--pedra-linha-forte); }

.lj .ajuste-corpo > p, .lj .ajuste-corpo > .dica, .lj .ajuste-corpo > .saiba, .lj .ajuste > .cartao.perigo > p { max-width: 68ch; }

.lj .tipo-ajustes > .cabecalho > .aviso { max-width: 68ch; margin: 0; }

.lj .ajuste-corpo > .codigo { padding: var(--esp-4) 0 0; background: none; box-shadow: none; border-radius: 0; border-top: 1px solid var(--pedra-linha); }
.lj .ajuste-corpo > p + .codigo { border-top: 0; padding-top: 0; }
.lj .ajuste-corpo > dl.valores:has(+ .codigo) > div:last-child { padding-bottom: 0; }

.lj .ajuste-corpo:has(> .tabela-rolante) { padding: 0; }
.lj .ajuste-corpo > .tabela-rolante { box-shadow: none; }

@media (min-width: 720px) {
  .lj .ajuste-corpo { padding: var(--esp-5) var(--esp-6); }
  .lj .ajuste-corpo > .acoes :where(button), .lj .ajuste-corpo > .acoes :where(.botao) { flex: 0 0 auto; }
  .lj .ajuste > .cartao.perigo { padding: var(--esp-5) var(--esp-6); }
  
  .lj .ajuste-corpo > .tabela-rolante .empilha th:first-child, .lj .ajuste-corpo > .tabela-rolante .empilha td:first-child { padding-left: var(--esp-6); }
  .lj .ajuste-corpo > .tabela-rolante .empilha th:last-child, .lj .ajuste-corpo > .tabela-rolante .empilha td:last-child { padding-right: var(--esp-6); }
}
@media (min-width: 960px) {
  .lj .tipo-ajustes .cabecalho { max-width: 1080px; }
  .lj .ajustes { gap: var(--esp-8); max-width: 1080px; }
  .lj .ajuste { grid-template-columns: 272px minmax(0, 1fr); column-gap: var(--esp-10); }
  
  .lj .ajuste-cabeca { position: sticky; top: var(--esp-4); padding-top: var(--esp-5); }
  
  .lj .ajuste:has(> .ajuste-corpo > .tabela-rolante) > .ajuste-cabeca { padding-top: var(--esp-1); }
  .lj .ajuste + .ajuste { padding-top: var(--esp-8); }
}

.lj .tipo-passos > .cartao, .lj .tipo-passos > form.cartao { display: grid; gap: var(--esp-4); padding: var(--esp-5) var(--esp-4); }

.lj .tipo-passos > .cartao:has(> .cartao-cabeca) { padding: 0; gap: 0; }
.lj .tipo-passos .cabecalho { grid-template-columns: minmax(0, 1fr); }

.lj .tipo-passos > .cartao > .marcar { min-height: 0; padding-block: var(--esp-3); margin-block: calc(-1 * var(--esp-3)); gap: var(--esp-3); }
.lj .tipo-aviso { padding-top: var(--esp-12); }
.lj .tipo-aviso .cabecalho { grid-template-columns: minmax(0, 1fr); gap: var(--esp-3); }
.lj .tipo-aviso .cabecalho h1 { font-size: var(--tam-8); line-height: var(--alt-8); }
.lj .tipo-lista > section, .lj .tipo-lista > .dobra, .lj .tipo-lista > .numeros { margin-bottom: var(--esp-7); }

.lj .tipo-lista > .numeros { padding: var(--esp-4); background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-anel); }
@media (min-width: 720px) {
  .lj .tipo-passos, .lj .tipo-aviso { padding-top: var(--esp-12); }
  .lj .tipo-passos > .cartao, .lj .tipo-passos > form.cartao { padding: var(--esp-7); }
  .lj .tipo-passos > .cartao:has(> .cartao-cabeca) > .cartao-cabeca { padding-inline: var(--esp-7); }
  .lj .tipo-passos > .cartao:has(> .cartao-cabeca) > .cartao-corpo { padding: var(--esp-5) var(--esp-7) var(--esp-7); }
  
  .lj .tipo-lista > .numeros { padding: var(--esp-5); }
}

.lj .tipo-lista > .cartao { margin-bottom: var(--esp-8); }
.lj .tipo-lista > .dobras { margin-bottom: var(--esp-7); }

.lj .tipo-passos > section { margin-top: var(--esp-8); }
.lj .tipo-passos > .dobras { margin-top: var(--esp-8); }

.lj .titulo-bloco { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); letter-spacing: -.005em; }
.lj .achado { font-size: var(--tam-5); line-height: var(--alt-5); }
.lj .recorte { display: grid; gap: var(--esp-3); padding: var(--esp-4); border-radius: var(--r-3); background: var(--pedra-clara); box-shadow: inset 0 0 0 1px var(--pedra-linha); }
.lj .recorte .valores > div:first-child { padding-top: 0; }

.lj .passos-nota { margin-top: var(--esp-4); }

.lj .tipo-passos > .passos-nota + .acoes { margin-top: var(--esp-4); }

.lj .tipo-passos > .cartao + .acoes { margin-top: var(--esp-4); }
.lj .passos-pe { font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta-2); }
.lj .passos-pe a { display: inline-flex; align-items: center; min-height: 44px; font-weight: var(--peso-medio); }

.lj .aviso-nota { max-width: 60ch; margin: calc(-1 * var(--esp-2)) 0 var(--esp-5); }

@media (min-width: 720px) {
  .lj .passos-pe a { min-height: 32px; }
  
  .lj .tipo-passos > .passos-pe:not(.passos-nota) + .acoes { margin-top: var(--esp-2); }
}

.lj .site-pagina { display: block; }

.lj .heroi { display: grid; gap: var(--esp-4); max-width: var(--largura); margin: 0 auto; padding: var(--esp-10) var(--calha) var(--esp-2); }
.lj .sobretitulo { display: inline-flex; align-items: center; gap: 9px; font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--marca-texto); }
.lj .sobretitulo::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--marca); box-shadow: 0 0 0 3px var(--marca-suave); }
.lj .heroi h1 { margin-top: var(--esp-2); max-width: 20ch; font-size: var(--tam-9); line-height: var(--alt-9); font-weight: var(--peso-forte); letter-spacing: var(--trk-display); text-wrap: balance; }
.lj .abertura { max-width: 54ch; font-size: 16px; line-height: 25px; color: var(--tinta-2); }
.lj .heroi .acoes { gap: var(--esp-2) var(--esp-6); margin-top: var(--esp-2); }

.lj .fatos-site { display: grid; gap: 1px; overflow: hidden; background: var(--pedra-linha); border-radius: var(--r-3); box-shadow: var(--sombra-1); }
.lj .fatos-site > div { display: grid; gap: var(--esp-1); align-content: start; padding: var(--esp-4) 18px; background: var(--papel); }
.lj .fatos-site dt { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-forte); }
.lj .fatos-site dd { font-size: var(--tam-3); line-height: 22px; color: var(--tinta-2); }
.lj .etapas { display: grid; gap: var(--esp-3); counter-reset: etapa; }
.lj .etapas > li { position: relative; display: grid; gap: var(--esp-1); padding: var(--esp-4) var(--esp-4) var(--esp-4) 56px; background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-anel); counter-increment: etapa; }
.lj .etapas > li::before {
  content: counter(etapa); position: absolute; left: var(--esp-4); top: var(--esp-4); display: grid; place-items: center; width: 26px; height: 26px;
  border-radius: 50%; background: var(--tinta); color: var(--creme); font-size: var(--tam-2); font-weight: var(--peso-forte);
}
.lj .etapas p { font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.lj .prosa { display: grid; gap: var(--esp-3); max-width: 70ch; }
.lj .prosa p, .lj .prosa li { font-size: var(--tam-4); line-height: 24px; }
.lj .prosa h2 { margin-top: var(--esp-4); }
@media (min-width: 720px) {
  .lj .heroi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; column-gap: var(--esp-14); padding: var(--esp-18) var(--calha) var(--esp-2); }
  .lj .heroi h1 { font-size: var(--tam-11); line-height: var(--alt-11); }
  .lj .abertura { font-size: 17px; line-height: 27px; }
  .lj .fatos-site { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lj .fatos-site > div { padding: var(--esp-5) var(--esp-6); }
  .lj .etapas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  
  .lj .etapas:not(:has(> li:nth-child(3))) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.lj .abertura.valor { color: var(--tinta); font-size: var(--tam-5); line-height: var(--alt-5); }
.lj .abertura.valor + .abertura { margin-top: var(--esp-3); }
.lj .abertura.valor ~ .acoes { margin-top: var(--esp-5); }

.lj .etapas > li { align-content: start; }

.lj .fatos-site.linhas { grid-template-columns: minmax(0, 1fr); }

.lj .topicos { display: grid; }
.lj .topicos > section { display: grid; gap: var(--esp-3); padding: var(--esp-6) 0; border-top: 1px solid var(--pedra-linha-forte); min-width: 0; }
.lj .topicos > section:first-child { padding-top: var(--esp-2); border-top: 0; }
.lj .topicos h2 { font-size: var(--tam-6); line-height: var(--alt-6); letter-spacing: var(--trk-justo); }

.lj .heroi.sozinho { padding-bottom: var(--esp-16); }

@media (min-width: 720px) {
  .lj .abertura.valor { font-size: var(--tam-6); line-height: 29px; }
  .lj .heroi:has(.abertura.valor) { align-items: start; }
  .lj .fatos-site.linhas { grid-template-columns: minmax(0, 1fr); }
  .lj .fatos-site.linhas > div {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); column-gap: var(--esp-6); align-items: baseline;
      padding: var(--esp-4) var(--esp-6);
    }
  .lj .fatos-site.linhas dt { font-size: var(--tam-3); line-height: 22px; }
  .lj .heroi.sozinho { padding-bottom: var(--esp-18); }
}
@media (min-width: 960px) {
  .lj .topicos > section { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--esp-12); align-items: start; padding: var(--esp-8) 0; }
  .lj .topicos > section:first-child { padding-top: var(--esp-2); }
}

@keyframes lj-imprimir { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes lj-subir { from { transform: translateY(.18em); clip-path: inset(0 0 18% 0); } to { transform: none; clip-path: inset(0 0 0 0); } }
@keyframes lj-desdobrar { from { clip-path: inset(0 0 100% 0); transform: translateY(-3px); } to { clip-path: inset(0 0 0 0); transform: none; } }
@keyframes lj-surgir { from { clip-path: inset(0 0 100% 0 round 12px); transform: translateY(-4px); } to { clip-path: inset(0 0 0 0 round 12px); transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .lj *, .lj *::before, .lj *::after { animation: none !important; transition: none !important; }
}

.lj .codigo code, .lj .codigo.endereco code {
  -webkit-user-select: all;
  user-select: all;
}
.lj .copiar-dica {
  display: block;
  font-size: var(--tam-1, 12px);
  line-height: var(--alt-1, 16px);
  color: var(--tinta-2);
}

.lj .nao-vejo { max-width: 68ch; font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta); }
.lj .nao-vejo + .titulo-bloco { margin-top: var(--esp-2); }

.lj .primeiro-valor .cartao-corpo > p { max-width: calc(42 * var(--tam-4)); }
.lj .comparei { display: grid; gap: var(--esp-2); max-width: 72ch; }
.lj .titulo-bloco + .comparei { margin-top: var(--esp-1); }
.lj .comparei > li { position: relative; padding-left: 18px; font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.lj .comparei > li::before {
  content: ""; position: absolute; left: 2px; top: 8px; width: 6px; height: 6px; border-radius: 1.5px; background: var(--tinta-3);
}
.lj .comparei > li.diferente { color: var(--tinta); }
.lj .comparei > li.diferente::before { left: 1px; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: var(--alerta); }
.lj .saiba > .comparei { gap: 6px; padding-top: 10px; }
.lj .saiba > .comparei > li { font-size: var(--tam-2); line-height: 19px; }
.lj .saiba > .comparei > li::before { top: 7px; }
.lj .saiba > .comparei > li.diferente::before { top: 6px; }

.lj .leitura {
  display: grid; gap: var(--esp-2); padding: var(--esp-4); min-width: 0;
  border-radius: var(--r-3); background: var(--pedra-clara); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte);
}
.lj .leitura-rotulo {
  font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-forte); color: var(--tinta-2); letter-spacing: var(--trk-aberto);
}
.lj .leitura > p:not(.leitura-rotulo):not(.leitura-fonte) { max-width: 64ch; font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta); }
.lj .leitura-fonte { max-width: 72ch; font-size: var(--tam-2); line-height: 19px; color: var(--tinta-2); }
.lj .leitura-fonte q { color: var(--tinta); }
.lj .leitura > .acoes { margin-top: var(--esp-1); }
.lj .leitura > .campo { max-width: 360px; }

.lj .leitura.duas > .acoes { display: grid; justify-items: start; gap: var(--esp-2); }
.lj .leitura.duas > .acoes :where(button), .lj .leitura.duas > .acoes :where(.botao) { height: auto; padding-block: 8px; text-align: left; }
.lj .leitura.nao-entendi > .leitura-rotulo { color: var(--tinta); }

.lj .leitura-foto { max-width: 320px; margin: 0; overflow: hidden; border-radius: var(--r-2); background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha); }
.lj .leitura-foto img { display: block; width: 100%; height: auto; }
.lj .leitura-foto figcaption { padding: 6px 10px; font-size: var(--tam-1); line-height: var(--alt-1); color: var(--tinta-2); }
@media (min-width: 720px) {
  .lj .leitura { padding: var(--esp-4) var(--esp-5); }
  .lj .leitura.com-imagem { display: flow-root; }
  .lj .leitura.com-imagem > .leitura-foto { float: left; width: 200px; margin: 0 var(--esp-5) var(--esp-2) 0; }
  .lj .leitura.com-imagem > :not(.leitura-foto) + :not(.leitura-foto) { margin-top: var(--esp-2); }
  .lj .leitura.com-imagem > p { display: flow-root; }
}

.lj .envio {
  display: grid; gap: var(--esp-3); min-width: 0; padding: var(--esp-4);
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1);
}
.lj .envio-titulo { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); letter-spacing: -.005em; }
.lj .envio .campo textarea { min-height: 72px; }
.lj .envio-acoes { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-4); }

.lj .envio-acoes > input[type=file] { position: static; order: 1; flex: 1 0 100%; width: 0; height: 19px; margin: 0;
  padding: 0; border: 0; border-radius: 0; background: none; clip-path: none; overflow: hidden; white-space: nowrap;
  font: inherit; font-size: var(--tam-2); line-height: 19px; color: var(--tinta-2); cursor: pointer; }
.lj .envio-acoes > input[type=file]::file-selector-button { display: none; }
.lj .envio-acoes > input[type=file]::-webkit-file-upload-button { display: none; }
.lj .envio-acoes > input[type=file]:focus-visible { outline: none; }   
.lj .envio-arquivo {
  display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px; border-radius: var(--r-1);
  color: var(--tinta-2); font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); cursor: pointer;
  transition: color var(--dur-1) var(--curva);
}
.lj .envio-arquivo::before {
  content: ""; flex: none; width: 18px; height: 18px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M11.7 5.3 6.4 10.6a1.5 1.5 0 0 0 2.1 2.1l5.6-5.6a3 3 0 0 0-4.2-4.2L4.3 8.5a4.5 4.5 0 0 0 6.4 6.4l4.6-4.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M11.7 5.3 6.4 10.6a1.5 1.5 0 0 0 2.1 2.1l5.6-5.6a3 3 0 0 0-4.2-4.2L4.3 8.5a4.5 4.5 0 0 0 6.4 6.4l4.6-4.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
.lj .envio-arquivo:hover { color: var(--tinta); text-decoration: underline; text-underline-offset: .2em; }
.lj .envio-acoes:has(> input:focus-visible) > .envio-arquivo { outline: 2px solid var(--foco); outline-offset: 2px; color: var(--tinta); }
.lj .envio-acoes > :where(button), .lj .envio-acoes > :where(.botao) { margin-left: auto; padding-inline: var(--esp-5); }
.lj .envio-escolhidos {
  display: grid; gap: 2px; font-family: var(--fonte-mono); font-size: var(--tam-2); line-height: 19px; color: var(--tinta); overflow-wrap: anywhere;
}
.lj .envio-escolhidos > .mais { font-family: var(--fonte); color: var(--tinta-2); }
.lj .envio.varios .envio-escolhidos { padding: var(--esp-2) var(--esp-3); border-radius: var(--r-2); background: var(--pedra-clara); box-shadow: inset 0 0 0 1px var(--pedra-linha); }
.lj .envio > .aviso { margin-bottom: var(--esp-1); }
.lj .envio-nota { font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta-2); }

.lj .envio.aberto { gap: var(--esp-4); padding: var(--esp-5) var(--esp-4); border-radius: var(--r-4); box-shadow: var(--sombra-2); }
.lj .envio.aberto > .envio-titulo { font-size: var(--tam-6); line-height: var(--alt-6); letter-spacing: var(--trk-justo); }
.lj .envio.aberto .campo textarea { min-height: 96px; }
.lj .envio.linha .campo textarea { min-height: 44px; height: 44px; padding-block: 10px; resize: none; }
@media (min-width: 720px) {
  .lj .envio { padding: var(--esp-5); }
  .lj .envio.aberto { padding: var(--esp-6) var(--esp-7); }
  .lj .envio.linha { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--esp-5); align-items: end; }
  .lj .envio.linha > :not(.campo):not(.envio-acoes) { grid-column: 1 / -1; }
  .lj .envio.linha > .campo { grid-column: 1; }
  .lj .envio.linha > .envio-acoes { grid-column: 2; flex-wrap: nowrap; }
  .lj .envio.linha .campo textarea { min-height: 38px; height: 38px; padding-block: 7px; }
  .lj .envio.linha .envio-arquivo { min-height: 38px; }
}

@media (min-width: 720px) {
  .lj .envio.linha > .envio-acoes { flex-wrap: wrap; }
  .lj .envio.linha:has(> .envio-acoes > input[type=file]) > .campo { margin-bottom: calc(19px + var(--esp-2)); }
}

@media (max-width: 719px) {
  .lj .envio-arquivo {
      flex: 1 1 auto; justify-content: center; padding: 0 var(--esp-3); border-radius: var(--r-2);
      background: var(--papel); color: var(--tinta);
      box-shadow: inset 0 0 0 1px var(--borda-campo), 0 1px 2px rgb(var(--sombra-cor) / .07);
    }
  .lj .envio-arquivo:hover { background: var(--pedra-clara); text-decoration: none; }
  .lj .envio-acoes { gap: var(--esp-2); }
}

.lj #enviar-conteudo .envio > .envio-titulo { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.lj .envio-acoes > .envio-tirar { display: none; }
.lj .envio-acoes > input[type=file] { box-shadow: none; }
.lj .envio-acoes:has(> input[type=file][required]:valid) > .envio-arquivo { display: none; }
.lj .envio-acoes:has(> input[type=file][required]:valid) { min-width: 0; }
.lj .envio-acoes > input[type=file][required]:valid {
  order: 0; flex: 0 1 auto; width: auto; field-sizing: content; min-width: 0; max-width: 100%; text-overflow: ellipsis;
  font-family: var(--fonte-mono); color: var(--tinta);
}
.lj .envio-acoes > input[type=file][required]:valid:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }
.lj .envio-acoes:has(> input[type=file][required]:valid) > .envio-tirar {
  display: inline-flex; margin-left: 0; padding-inline: var(--esp-3);
}
@media (min-width: 720px) {
  .lj .envio-acoes:has(> input[type=file][required]:valid) { flex-wrap: nowrap; }
  .lj .envio.linha > .envio-acoes > input[type=file][required]:valid { max-width: 28ch; }
  .lj .envio.linha:has(> .envio-acoes > input[type=file][required]:valid) > .campo { margin-bottom: 0; }
}

.lj .respostas-resumo { margin-bottom: var(--esp-2); font-size: var(--tam-4); line-height: var(--alt-4); font-weight: var(--peso-medio); }
.lj .grupo-linhas.respostas {
  margin: 0; padding: 0; background: none; border-radius: 0; box-shadow: none;
  border-top: 1px solid var(--pedra-linha-forte); border-bottom: 1px solid var(--pedra-linha-forte);
}
.lj .respostas > .linha-fiz { gap: var(--esp-1); padding: var(--esp-3) 0; }
.lj .respostas > .linha-fiz + .linha-fiz { border-top: 1px solid var(--pedra-linha); }
.lj .respostas .linha-fiz > .arquivo { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--tinta-2); }
.lj .respostas .linha-fiz > .acoes { margin-top: 2px; }
.lj .respostas > .aguarda > .cartao, .lj .respostas > .aguarda > .leitura { margin-top: var(--esp-2); }
.lj .respostas > .aguarda > .frase { font-weight: var(--peso-medio); }
.lj .respostas > .recusada > .frase { color: var(--tinta); }
.lj .respostas > .guardado > .frase { color: var(--tinta); }
@media (min-width: 720px) {
  .lj .respostas .linha-fiz { grid-template-columns: 200px minmax(0, 1fr); column-gap: var(--esp-4); }
  .lj .respostas .linha-fiz > .arquivo { grid-column: 1; grid-row: 1; padding-top: 1px; }
}

.lj .arquivo.sem-nome { font-family: var(--fonte); font-size: 1em; letter-spacing: 0; }

@media (min-width: 720px) {
  .lj .respostas .linha-fiz:has(> .acoes) { grid-template-columns: 200px minmax(0, 1fr) auto; }
  .lj .respostas .linha-fiz:has(> .acoes) > .arquivo { grid-row: 1; }
  .lj .respostas .linha-fiz:has(> .acoes) > .frase { grid-column: 2; grid-row: 1; }
  .lj .respostas .linha-fiz > .acoes { grid-column: 3; grid-row: 1; align-self: start; justify-content: flex-end; margin-top: 0; }
  .lj .respostas .linha-fiz:has(> .acoes) > :not(.arquivo):not(.frase):not(.acoes) { grid-column: 2 / -1; }
}

@media (max-width: 719px) {
  .lj .respostas .linha-fiz > .acoes > a { margin-block: calc(-1 * var(--esp-3)); }
  .lj .respostas .linha-fiz > .acoes > .desfazer { margin-block: calc(-1 * var(--esp-3)); }
}

.lj .saldos { display: grid; border-top: 1px solid var(--pedra-linha); }
.lj .saldo {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-1) var(--esp-2); min-height: 44px; padding: 6px 0;
  border-bottom: 1px solid var(--pedra-linha); font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta-2);
}
.lj .saldo b { color: var(--tinta); font-weight: var(--peso-medio); }
.lj .saldo > a:only-child:not(.botao) {
  position: relative; display: block; flex: 1 1 auto; min-width: 0; padding: 4px 22px 4px 0;
  color: var(--tinta-2); text-decoration: none;
}
.lj .saldo > a:only-child:not(.botao)::after {
  content: ""; position: absolute; right: 6px; top: 50%; width: 6px; height: 6px; margin-top: -3px;
  border-top: 1.5px solid var(--marca-texto); border-right: 1.5px solid var(--marca-texto); transform: rotate(45deg);
}
.lj .saldo > a:only-child:not(.botao):hover { color: var(--tinta); }
.lj .saldo > a:only-child:not(.botao):hover b { text-decoration: underline; text-underline-offset: .2em; }

@media (max-width: 719px) {
  .lj .empilha th[scope="row"] > a, .lj .empilha td > a:not(.botao), .lj .secao .assunto > a {
    display: inline-block; padding-block: var(--esp-3); margin-block: calc(-1 * var(--esp-3));
  }
  .lj .saldo:has(> a:only-child:not(.botao)) { padding-block: 0; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--pedra-linha); }
  .lj .saldo > a:only-child:not(.botao) { padding-block: var(--esp-3); }
}

.lj .saldo-texto { flex: 1 1 18em; min-width: 0; }
.lj .saldo-texto > .chip { margin-left: 2px; }
.lj .saldo > .botao { margin-left: auto; }
.lj .saldo.velho > .saldo-texto, .lj .saldo.sem-saldo > .saldo-texto { color: var(--tinta-2); }
.lj .saldo.sem-extrato { color: var(--tinta); }
.lj .tipo-lista > .saldos, .lj .detalhe-principal > .saldos { margin-bottom: var(--esp-7); }

.lj .pilha > div:has(> .grupo-linhas.respostas) + .saldos { border-top: 0; }

.lj .par {
  display: grid; gap: var(--esp-3); min-width: 0; padding: var(--esp-4);
  background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1);
}
.lj .par-lados { display: grid; gap: var(--esp-2); }
.lj .par-lados > div {
  display: grid; gap: 3px; align-content: start; min-width: 0; padding: var(--esp-3);
  border-radius: var(--r-2); background: var(--pedra-clara); box-shadow: inset 0 0 0 1px var(--pedra-linha);
}
.lj .par-lados dt { font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); color: var(--tinta-2); letter-spacing: var(--trk-aberto); }
.lj .par-lados dd { display: grid; gap: 3px; min-width: 0; font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .banco-texto { display: block; font-family: var(--fonte-mono); font-size: var(--tam-2); line-height: 18px; color: var(--tinta-2); overflow-wrap: anywhere; }
.lj .par-soma { padding-top: var(--esp-1); border-top: 1px solid var(--pedra-linha); font-weight: var(--peso-medio); }
.lj .prova { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .prova b { color: var(--tinta); }
.lj .diferenca { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); color: var(--tinta); }
.lj .par > .acoes { gap: var(--esp-2) var(--esp-3); }
.lj .par.sem-fatura .par-lados > div:last-child { background: var(--papel); }
.lj .par.sem-fatura .par-lados dd { gap: var(--esp-3); }
.lj .par.confirmado { box-shadow: var(--sombra-anel); }
.lj .par.confirmado .par-lados > div { background: var(--papel); }
.lj .par.parcial > .diferenca, .lj .par.juros > .diferenca { padding-left: 18px; position: relative; }
.lj .par.parcial > .diferenca::before, .lj .par.juros > .diferenca::before {
  content: ""; position: absolute; left: 1px; top: 6px; width: 8px; height: 8px; border-radius: 2px; background: var(--alerta);
}
@media (min-width: 720px) {
  .lj .par { padding: var(--esp-4) var(--esp-5); }
  .lj .par-lados { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  
  .lj .par.sem-fatura .saiba > .acao:has(.campo) > :where(button) { justify-self: start; }
  .lj .par.sem-fatura .saiba > .acao:has(.campo) > :where(.botao) { justify-self: start; }
}

.lj .par.sem-fatura .quando { margin-top: calc(-1 * var(--esp-2)); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .par.sem-fatura .quando.alerta { color: var(--alerta); font-weight: var(--peso-medio); }

.lj .par.sem-fatura .par-lados { align-items: start; }
@media (max-width: 479px) {
  .lj .par-lados { gap: 0; }
  .lj .par-lados > div { padding: var(--esp-2) 0; border-radius: 0; background: none; box-shadow: none; }
  .lj .par-lados > div:first-child { padding-top: 0; }
  .lj .par-lados > div + div { border-top: 1px solid var(--pedra-linha); }
  .lj .par.sem-fatura .par-lados > div:last-child, .lj .par.confirmado .par-lados > div { background: none; }
}

.lj .como-recebe { font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta-2); }
.lj .pastas { display: grid; overflow: clip; background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-1); }
.lj .pasta {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--esp-3); row-gap: 2px;
  min-height: 48px; padding: 10px var(--esp-4);
}
.lj .pasta + .pasta { border-top: 1px solid var(--pedra-linha); }
.lj .pasta > .contagem { justify-self: end; }
.lj .pasta-nota > .chip { margin-right: var(--esp-1); }
.lj .pasta-nota { grid-column: 1 / -1; font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .pasta:has(> details) { display: block; padding-block: 0; }
.lj .pasta > details > summary {
  display: grid; grid-template-columns: minmax(0, 1fr) auto 12px; align-items: center; column-gap: var(--esp-3); min-height: 48px;
}
.lj .pasta > details > summary > .contagem { justify-self: end; }
.lj .pasta > details > summary::after {
  content: ""; width: 6px; height: 6px; border-right: 1.5px solid var(--tinta-2); border-bottom: 1.5px solid var(--tinta-2);
  transform: translateY(-2px) rotate(45deg); transition: transform var(--dur-2) var(--curva);
}
.lj .pasta > details[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
.lj .pasta > details > summary:hover > b { text-decoration: underline; text-underline-offset: .2em; }
.lj .arquivos {
  display: grid; gap: 2px; margin: 0 0 var(--esp-3); padding: var(--esp-2) var(--esp-3);
  border-radius: var(--r-2); background: var(--pedra-clara); box-shadow: inset 0 0 0 1px var(--pedra-linha);
  animation: lj-desdobrar var(--dur-2) var(--curva);
}
.lj .arquivos > li { font-family: var(--fonte-mono); font-size: var(--tam-2); line-height: 20px; color: var(--tinta); overflow-wrap: anywhere; }
.lj .arquivos > li.mais { font-family: var(--fonte); color: var(--tinta-2); }

.lj .pasta > details > .assunto { margin-bottom: var(--esp-2); }
.lj .pasta > details > .tabela-rolante { margin-bottom: var(--esp-3); }

.lj .pasta:has(> a) { position: relative; }
.lj .pasta > a::after { content: ""; position: absolute; inset: 0; }
@media (min-width: 720px) {
  
  .lj .pasta { grid-template-columns: minmax(0, 240px) 56px minmax(0, 1fr); padding: 10px var(--esp-5); }
  .lj .pasta > .contagem { grid-column: 2; justify-self: start; }
  .lj .pasta-nota { grid-column: 3; }
  .lj .pasta:has(> details) { padding-block: 0; }
  .lj .pasta > details > summary { grid-template-columns: minmax(0, 240px) 56px minmax(0, 1fr) 12px; }
  .lj .pasta > details > summary > .contagem { justify-self: start; }
  .lj .pasta > details > summary::after { grid-column: 4; }
}

.lj .como-recebe { margin-bottom: var(--esp-3); }
.lj .secao + .como-recebe { margin-top: calc(-1 * var(--esp-2)); font-size: var(--tam-3); line-height: var(--alt-3); }

.lj .pasta > details > summary:has(> .abrir) { grid-template-columns: minmax(0, 1fr) auto; row-gap: 2px; }
.lj .pasta > details > summary:has(> .abrir)::after { content: none; }
.lj .pasta > details > summary:has(> .abrir) > .pasta-nota { grid-column: 1; grid-row: 2; }
.lj .pasta > details > summary > .abrir { grid-column: 2; grid-row: 2; justify-self: end; align-self: start; margin-left: 0; }
.lj .pasta > details > summary:has(> .pasta-nota) { padding-block: 10px; }
@media (min-width: 720px) {
  .lj .pasta > details > summary:has(> .abrir) { grid-template-columns: minmax(0, 240px) 56px minmax(0, 1fr) auto; }
  .lj .pasta > details > summary:has(> .abrir) > .pasta-nota { grid-column: 3; grid-row: 1; }
  .lj .pasta > details > summary > .abrir { grid-column: 4; grid-row: 1; align-self: center; }
}

.lj .zap {
  display: grid; width: 100%; max-width: 400px; overflow: clip;
  background: var(--papel); border-radius: var(--r-4); box-shadow: var(--sombra-3);
}
.lj .zap-cabeca { display: grid; gap: 0; padding: var(--esp-3) var(--esp-4); border-bottom: 1px solid var(--pedra-linha); }
.lj .zap-nome { font-size: 15px; line-height: 22px; font-weight: var(--peso-forte); }
.lj .zap-sub { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .zap-conversa { display: grid; gap: var(--esp-2); align-content: start; padding: var(--esp-4) var(--esp-3) var(--esp-5); background: var(--pedra); }
.lj .zap-dia {
  justify-self: center; padding: 2px 10px; border-radius: var(--r-pilula); background: var(--papel);
  box-shadow: inset 0 0 0 1px var(--pedra-linha); font-size: var(--tam-1); line-height: var(--alt-1); font-weight: var(--peso-medio); color: var(--tinta-2);
}
.lj .zap-balao {
  justify-self: start; display: grid; gap: 2px; max-width: 88%; padding: 8px 12px 6px;
  border-radius: 4px var(--r-3) var(--r-3) var(--r-3); background: var(--papel); box-shadow: 0 0 0 1px var(--pedra-linha), 0 1px 1px rgb(var(--sombra-cor) / .06);
}
.lj .zap-balao > p { font-size: var(--tam-3); line-height: 20px; color: var(--tinta); }
.lj .zap-balao.meu { justify-self: end; border-radius: var(--r-3) 4px var(--r-3) var(--r-3); background: var(--pedra-2); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte); }
.lj .zap-hora { justify-self: end; font-size: var(--tam-1); line-height: var(--alt-1); color: var(--tinta-2); }
.lj .zap-botoes { display: grid; margin: var(--esp-1) -12px -6px; border-top: 1px solid var(--pedra-linha); }
.lj .zap-botao {
  display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--esp-3);
  color: var(--marca-texto); font-size: var(--tam-3); font-weight: var(--peso-medio); text-decoration: none;
}
.lj .zap-botao + .zap-botao { border-top: 1px solid var(--zap-linha); }
.lj .zap-botao:hover { background: var(--pedra-clara); color: var(--marca-escura); }

.lj .zap-balao.foto { position: relative; padding: 3px; }
.lj .zap-balao.foto > img { display: block; width: 100%; max-width: 240px; height: auto; border-radius: 9px; }
.lj .zap-balao.foto > .zap-hora { position: absolute; right: 8px; bottom: 7px; padding: 0 6px; border-radius: var(--r-pilula); background: var(--papel); }
.lj .zap-botao.link { gap: var(--esp-2); }
.lj .zap-botao.link::after {
  content: ""; flex: none; width: 13px; height: 13px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M7.5 1.5h4v4M11.5 1.5 6 7M9.5 8v2.5a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1H5' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M7.5 1.5h4v4M11.5 1.5 6 7M9.5 8v2.5a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1H5' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}

.lj .zap { font-family: var(--fonte-sistema); background: var(--zap-balao); }
.lj .zap-cabeca { background: var(--zap-cabeca); border-bottom-color: var(--zap-linha); }
.lj .zap-nome { color: var(--zap-texto); font-weight: var(--peso-medio); }
.lj .zap-sub { color: var(--zap-sub); }
.lj .zap-conversa { background: var(--zap-parede); }
.lj .zap-dia { background: var(--zap-balao); box-shadow: var(--zap-sombra); color: var(--zap-sub); font-weight: var(--peso-normal); }
.lj .zap-balao { background: var(--zap-balao); box-shadow: var(--zap-sombra); border-radius: 0 7.5px 7.5px 7.5px; }
.lj .zap-balao > p { color: var(--zap-texto); letter-spacing: 0; }
.lj .zap-balao.meu { background: var(--zap-meu); box-shadow: var(--zap-sombra); border-radius: 7.5px 0 7.5px 7.5px; }
.lj .zap-hora { color: var(--zap-hora); font-size: 11px; }
.lj .zap-balao.meu > .zap-hora { color: var(--zap-hora-meu); }
.lj .zap-botoes { border-top-color: var(--zap-linha); }
.lj .zap-botao { color: var(--zap-botao); font-weight: var(--peso-normal); }
.lj .zap-botao:hover { background: var(--zap-cabeca); color: var(--zap-botao); }
.lj .zap-balao.foto > .zap-hora { background: none; color: var(--papel); text-shadow: var(--zap-sombra-texto); }

.lj .empilha .linha-grupo > th {
  padding-block: 7px; background: var(--pedra-clara); font-size: var(--tam-2); line-height: var(--alt-2);
  font-weight: var(--peso-forte); color: var(--tinta-2); letter-spacing: var(--trk-aberto);
}
.lj .empilha tbody tr.linha-grupo:hover { background: none; }
.lj .empilha tbody + tbody > .linha-grupo > th { border-top: 1px solid var(--pedra-linha); }
.lj .empilha .linha-grupo > th > .contagem { margin-left: var(--esp-1); }
.lj .empilha.pagar .pagar-codigo { min-width: 0; }
.lj .pagar-codigo code {
  display: block; max-width: 36em; padding: 5px 8px; border-radius: var(--r-1); background: var(--pedra); box-shadow: inset 0 0 0 1px var(--pedra-linha);
  font-size: var(--tam-2); line-height: 20px; color: var(--tinta);
  overflow-wrap: anywhere; user-select: all; -webkit-user-select: all; cursor: text;
}
.lj .pagar-codigo code > span { white-space: nowrap; }
.lj .recebe { display: block; margin-top: var(--esp-1); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .recebe b { color: var(--tinta); font-weight: var(--peso-medio); }
.lj p.recebe { margin-top: 0; padding: 0; font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .pagar-codigo > .saiba { margin-top: 2px; }
.lj .empilha.pagar tfoot :is(th), .lj .empilha.pagar tfoot :is(td) {
  padding: var(--esp-3) var(--esp-4); border-top: 1px solid var(--pedra-linha-forte); background: var(--pedra-clara);
  font-size: var(--tam-4); line-height: var(--alt-4); font-weight: var(--peso-forte); text-align: left;
}
.lj .empilha.pagar tfoot tr > :first-child { border-bottom-left-radius: var(--r-3); }
.lj .empilha.pagar tfoot tr > :last-child { border-bottom-right-radius: var(--r-3); }
.lj .empilha.pagar tfoot .num { text-align: right; }

.lj .pagar-codigo > .copia + .recebe { margin-top: var(--esp-1); }
@media (min-width: 720px) {
  .lj .empilha.pagar .pagar-codigo { width: 40%; }
  
  .lj .empilha.pagar tbody td.num + td:not(.acoes) { min-width: calc(18ch + 2 * var(--esp-4)); }
  
  .lj .empilha tr > th:first-child, .lj .empilha tr > td:first-child { padding-left: var(--esp-5); }
  .lj .empilha tr > th:last-child, .lj .empilha tr > td:last-child { padding-right: var(--esp-5); }
}

@media (min-width: 720px) and (max-width: 767px) {
  .lj .empilha.pagar td.acoes { white-space: normal; }
  .lj .empilha.pagar td.acoes:has(button) { padding-block: calc(7px - var(--esp-1)); }
  .lj .empilha.pagar td.acoes button { margin-block: var(--esp-1); white-space: nowrap; }
  .lj .empilha.pagar td.acoes > button:first-child { margin-left: 0; }
}
@media (min-width: 960px) and (max-width: 1099px) {
  .lj .inicio-coluna:has(> .lado) .empilha.pagar td.acoes { white-space: normal; }
  .lj .inicio-coluna:has(> .lado) .empilha.pagar td.acoes:has(button) { padding-block: calc(7px - var(--esp-1)); }
  .lj .inicio-coluna:has(> .lado) .empilha.pagar td.acoes button { margin-block: var(--esp-1); white-space: nowrap; }
  .lj .inicio-coluna:has(> .lado) .empilha.pagar td.acoes > button:first-child { margin-left: 0; }
}

@media (min-width: 1100px) {
  .lj .empilha.pagar .pagar-codigo { width: 50%; }
}
@media (max-width: 719px) {
  .lj .empilha tbody tr.linha-grupo { padding: 6px var(--esp-4); background: var(--pedra-clara); }
  .lj .empilha tbody tr.linha-grupo > th { flex: 1 1 100%; order: 0; padding: 0; border-top: 0; background: none; font-size: var(--tam-2); line-height: var(--alt-2); }
  .lj .empilha tbody + tbody > tr.linha-grupo { border-top: 1px solid var(--pedra-linha); }
  
  .lj .empilha.pagar tr:has(> .pagar-codigo > .saiba:not([open])) > td.acoes { margin-top: -44px; padding-top: 0; }
  .lj .empilha.pagar td.pagar-codigo { flex: 1 1 100%; padding-top: var(--esp-2); }
  .lj .empilha.pagar td.pagar-codigo::before { content: none; }
  .lj .empilha.pagar tfoot { display: block; }
  .lj .empilha.pagar tfoot tr { display: flex; align-items: baseline; justify-content: space-between; gap: var(--esp-3); padding: var(--esp-3) var(--esp-4); border-top: 1px solid var(--pedra-linha-forte); background: var(--pedra-clara); border-radius: 0 0 var(--r-3) var(--r-3); }
  .lj .empilha.pagar tfoot :is(th), .lj .empilha.pagar tfoot :is(td) { display: block; padding: 0; border: 0; background: none; }
  .lj .empilha.pagar tfoot td:empty { display: none; }
}

@media (max-width: 719px) {
  .lj .empilha.pagar tbody td.num + td:not(.acoes) { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); color: var(--tinta); }
  .lj .empilha.pagar tbody td.num + td:not(.acoes)::before { font-size: var(--tam-2); }
}

.lj .pedido .quando.alerta { color: var(--alerta); font-weight: var(--peso-medio); }

.lj .pedido-corpo > .leitura, .lj .pedido-corpo > .recorte { margin-top: var(--esp-2); }

.lj .acao.em-linha:has(> .campo) { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: var(--esp-2); }

.lj .acao.em-linha:has(> .campo.invalido) { align-items: start; }
.lj .acao.em-linha:has(> .campo.invalido) > button { margin-top: calc(var(--alt-2) + 6px); }
@media (min-width: 720px) {
  .lj .acao.em-linha:has(> .campo.invalido) > button, .lj .cartao.perigo form:has(> .campo.invalido) > button { margin-top: calc(var(--alt-2) + 12px); }
  .lj .cartao.perigo form:has(> .campo.invalido) { align-items: start; }
}
.lj .caixa > .dobra { border-radius: 0; box-shadow: none; border-top: 1px solid var(--pedra-linha); background: none; }
.lj .caixa > .dobra > summary { justify-content: flex-end; min-height: 48px; border-radius: 0; color: var(--marca-texto); font-size: var(--tam-3); }
.lj .caixa > .dobra > summary:hover { background: var(--pedra-clara); }
.lj .caixa > .dobra > .dobra-corpo { display: block; padding: 0; }
.lj .caixa > .dobra > .dobra-corpo > .pedido + .pedido { border-top: 1px solid var(--pedra-linha); }
.lj .caixa > .dobra > .dobra-corpo > .pedido:first-child { border-top: 0; }

.lj .pedido .pedido-topo > h2 { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-forte); letter-spacing: 0; }
.lj .decisao > .quando { margin-top: calc(-1 * var(--esp-2)); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .decisao > .quando.alerta { color: var(--alerta); font-weight: var(--peso-medio); }

.lj .pedido .quando, .lj .par.sem-fatura .quando, .lj .decisao > .quando {
  font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); color: var(--tinta);
}
.lj .pedido .quando.alerta, .lj .pedido.alerta .quando, .lj .par.sem-fatura .quando.alerta, .lj .decisao > .quando.alerta { color: var(--alerta); }
@media (max-width: 719px) {
  .lj .pedido-corpo > p:not(.quando) { font-size: var(--tam-4); line-height: var(--alt-4); }
}

.lj .acao.em-linha .campo textarea { min-height: 88px; }
@media (min-width: 720px) {
  .lj .acao.em-linha .campo textarea { min-height: 64px; }
  .lj .pedido.decisao-texto { grid-template-columns: minmax(0, 1fr) 248px; grid-template-areas: "corpo decide" "corpo caminhos" "campo campo"; }
  .lj .pedido.decisao-texto:not(:has(.decisoes)) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "corpo" "campo"; }
  .lj .pedido.decisao-texto > .pedido-corpo { grid-area: corpo; }
  .lj .pedido.decisao-texto > .pedido-acoes { display: contents; }
  .lj .pedido.decisao-texto > .pedido-acoes > .decisoes { grid-area: decide; }
  .lj .pedido.decisao-texto > .pedido-acoes > .caminhos { grid-area: caminhos; }
  .lj .pedido.decisao-texto > .pedido-acoes > .acao:has(.campo) { grid-area: campo; width: 100%; max-width: 640px; }
  .lj .pedido.decisao-texto > .pedido-acoes > .acao:has(.campo) > :where(button), .lj .pedido.decisao-texto > .pedido-acoes > .acao:has(.campo) > :where(.botao) { justify-self: start; }
}

@media (max-width: 719px) {
  .lj .pedido-acoes .decisoes { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
  .lj .pedido-acoes .decisoes :where(button), .lj .pedido-acoes .decisoes :where(.botao) { flex: 1 1 0; width: auto; min-width: fit-content; }
}

.lj .pedido.nivel-1 .pedido-topo { row-gap: var(--esp-1); }
.lj .pedido.nivel-1 .quando { color: var(--alerta); }
.lj .cartao.pedido.nivel-1 { box-shadow: 0 0 0 1px var(--alerta-linha), 0 1px 2px rgb(var(--sombra-cor) / .06); }

.lj .inicio-coluna { display: grid; gap: var(--esp-8); max-width: 880px; min-width: 0; }
.lj .inicio-coluna > .solto, .lj .inicio-coluna > .lado > .solto { gap: var(--esp-3); min-width: 0; }
.lj .inicio-coluna > .solto > .solto-cabeca, .lj .inicio-coluna > .lado > .solto > .solto-cabeca { padding-bottom: var(--esp-2); }

.lj .inicio-coluna .grupo-linhas:not(.respostas) > .linha-fiz { grid-template-columns: minmax(0, 1fr); column-gap: var(--esp-3); padding-bottom: var(--esp-3); }
.lj .inicio-coluna .grupo-linhas:not(.respostas) > .linha-fiz > .frase { grid-column: 1 / -1; grid-row: 2; }
.lj .inicio-coluna .grupo-linhas:not(.respostas) > .linha-fiz > .acoes { grid-column: 1 / -1; grid-row: 3; margin-top: 0; }
.lj .inicio-coluna > .solto > .saldos, .lj .inicio-coluna > .lado > .solto > .saldos { margin-top: var(--esp-1); }
.lj .inicio-coluna > .solto > .aviso, .lj .inicio-coluna > .lado > .solto > .aviso { margin-bottom: var(--esp-1); }
.lj .inicio-coluna > .solto > .ajuda, .lj .inicio-coluna > .lado > .solto > .ajuda { font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .inicio-pe { display: grid; gap: var(--esp-2); padding-top: var(--esp-4); border-top: 1px solid var(--pedra-linha-forte); }
.lj .inicio-pe > .ajuda { font-size: var(--tam-3); line-height: var(--alt-3); }

.lj .inicio-coluna > .assunto { margin-top: calc(var(--esp-3) - var(--esp-8)); }
@media (min-width: 720px) {
  .lj .inicio-coluna { gap: var(--esp-9); }
  .lj .inicio-coluna > .assunto { margin-top: calc(var(--esp-3) - var(--esp-9)); }
  .lj .inicio-coluna .grupo-linhas:not(.respostas) > .linha-fiz { grid-template-columns: 96px minmax(0, 1fr) auto; }
  .lj .inicio-coluna .grupo-linhas:not(.respostas) > .linha-fiz > .frase { grid-column: 2; grid-row: 1; }
  .lj .inicio-coluna .grupo-linhas:not(.respostas) > .linha-fiz > .acoes { grid-column: 3; grid-row: 1; align-self: start; }
}

.lj .tipo-feed > .cabecalho:has(> .ajuda:last-child) + .inicio-coluna { margin-top: var(--esp-3); }
.lj .tipo-feed:has(> .inicio-coluna) > .avisos { max-width: 880px; }
@media (min-width: 720px) {
  .lj .tipo-feed > .cabecalho:has(> .ajuda:last-child) + .inicio-coluna { margin-top: var(--esp-4); }
}

@media (max-width: 959px) {
  .lj .inicio-coluna > .lado { display: contents; }
  .lj .inicio-coluna > .lado > .inicio-pe { order: 1; }
}
@media (min-width: 960px) {
  .lj .tipo-feed:has(> .inicio-coluna > .lado) {
      display: grid; grid-template-columns: minmax(0, 1fr) var(--lado); grid-template-rows: repeat(9, auto) 1fr;
      column-gap: var(--lado-vao); align-items: start;
    }
  .lj .tipo-feed:has(> .inicio-coluna > .lado) > :not(.inicio-coluna) { grid-column: 1; max-width: none; }
  .lj .tipo-feed:has(> .inicio-coluna > .lado) > .inicio-coluna { display: contents; }
  .lj .inicio-coluna:has(> .lado) > :not(.lado) { grid-column: 1; min-width: 0; margin-top: var(--esp-9); }
  .lj .tipo-feed:has(> .inicio-coluna > .lado) > .cabecalho + .inicio-coluna > :first-child { margin-top: 0; }
  
  .lj .tipo-feed:has(> .inicio-coluna > .lado) > .cabecalho:has(> .ajuda:last-child) + .inicio-coluna > :first-child { margin-top: var(--esp-4); }
  .lj .inicio-coluna > .lado { grid-column: 2; grid-row: 1 / -1; gap: var(--esp-9); padding-top: var(--esp-2); }
  .lj .inicio-coluna > .lado > .inicio-pe { padding-top: var(--esp-4); }
  
  .lj .inicio-coluna:has(> .lado) > .assunto { margin-top: var(--esp-3); }
}

.lj .inicio-coluna > .lado > .relance + .inicio-pe { border-top: 0; padding-top: 0; }
.lj .inicio-coluna > .lado > .relance + .rapida { border-top: 0; padding-top: 0; }

.lj .inicio-coluna .cartao-cabeca h2, .lj .inicio-coluna .solto-cabeca h2, .lj .inicio-coluna .envio-titulo {
  font-size: var(--tam-5); line-height: 24px; letter-spacing: var(--trk-justo);
}

.lj .inicio-coluna:has(> .inicio-preciso) > .envio.aberto { border-radius: var(--r-3); box-shadow: var(--sombra-1); }
.lj .inicio-coluna:has(> .inicio-preciso) > .envio.aberto > .envio-titulo { font-size: var(--tam-5); line-height: 24px; letter-spacing: var(--trk-justo); }
@media (min-width: 720px) {
  .lj .inicio-coluna:has(> .inicio-preciso) > .envio.aberto { padding: var(--esp-5); }
}
.lj .inicio-coluna .solto > .valores.montantes + .acoes { margin-top: calc(-1 * var(--esp-1)); }

.lj .escolha > legend { float: left; width: 100%; margin-bottom: 6px; font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--tinta); }
.lj .escolha > legend + * { clear: both; }
.lj .escolha > .niveis { margin-top: var(--esp-1); box-shadow: inset 0 0 0 1px var(--borda-campo); }
.lj .escolha .nivel { align-items: center; min-height: 48px; padding: var(--esp-3) var(--esp-4); }
.lj .escolha .nivel > input { margin-top: 0; }

.lj .mono { font-family: var(--fonte-mono); letter-spacing: 0; }

.lj .site-pagina .nota { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }

.lj .um-produto .menu { margin-left: 0; }
.lj .um-produto .nav-item .contagem { margin-left: 2px; }
.lj .um-produto .menu > summary {
  position: relative; flex-direction: column; gap: 2px; width: 72px; min-width: 0; height: 44px; padding: 3px 0;
  font-size: var(--tam-1); line-height: 14px; font-weight: var(--peso-medio);
}
.lj .um-produto .icone-menu { width: 18px; height: 18px; color: var(--tinta-2); }
.lj .um-produto .menu > summary .contagem { top: 1px; right: auto; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; }
.lj .um-produto .monograma {
  display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: var(--r-1);
  background: var(--papel); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte), 0 1px 1px rgb(var(--sombra-cor) / .05);
  color: var(--tinta); font-size: var(--tam-1); line-height: 1; font-weight: var(--peso-forte);
}
.lj .um-produto span.grupo-menu-nome { gap: 10px; }
.lj .um-produto .grupo-menu > .sessao, .lj .um-produto .grupo-menu > a:not(.grupo-menu-nome),
.lj .um-produto .grupo-menu > .sair { padding-left: 44px; }
@media (min-width: 720px) {
  .lj .um-produto .nav, .lj .um-produto .conta-menu { display: none; }
  .lj .um-produto .menu { display: block; margin-left: var(--esp-3); }
  .lj .um-produto .menu > summary {
    flex-direction: row; gap: var(--esp-2); width: auto; height: 38px; padding: 0 var(--esp-3); border-radius: 10px;
    color: var(--tinta-2); font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-normal);
  }
  .lj .um-produto .menu > summary .contagem { position: static; box-shadow: none; }
}
@media (min-width: 1180px) {
  .lj .um-produto .nav { display: flex; margin-right: auto; }
  
  .lj .um-produto .conta-menu { display: block; flex: 0 1 auto; min-width: 120px; margin-left: calc(var(--esp-1) - var(--esp-4)); }
  .lj .um-produto .menu { display: none; }
  .lj .um-produto .conta-menu > .cliente {
    height: 38px; padding: 0 var(--esp-3) 0 7px; border-radius: 10px; box-shadow: none;
    font-size: var(--tam-3); line-height: var(--alt-3);
  }
  .lj .um-produto .conta-menu > .cliente::before { display: none; }
  .lj .um-produto .conta-menu.ativo > .cliente { background: var(--pedra-2); box-shadow: none; }
}

@media (min-width: 720px) {
  .lj .conta-menu { min-width: 0; }
  .lj .cliente-nome { min-width: 0; max-width: 24ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.lj .sessao { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); overflow-wrap: anywhere; }
.lj .painel-mais > .sessao { padding: 6px 10px 2px; }
.lj .grupo-menu > .sessao { margin-top: -6px; padding: 0 10px 6px; }

.lj .leitura, .lj .grupo-linhas.respostas, .lj .respostas-resumo { animation: lj-desdobrar var(--dur-3) var(--curva); }
.lj .envio-arquivo::before { transition: transform var(--dur-1) var(--curva); }
.lj .envio-arquivo:hover::before { transform: rotate(-12deg); }
@media (prefers-reduced-motion: reduce) {
  .lj .leitura, .lj .grupo-linhas.respostas, .lj .respostas-resumo, .lj .arquivos { animation: none; }
  .lj .envio-arquivo::before, .lj .envio-arquivo:hover::before { transition: none; transform: none; }
}

.lj .acao.em-linha.curto { max-width: 480px; }

.lj .acao.em-linha.curto:has(> .campo > .dica) { row-gap: 6px; }
.lj .acao.em-linha.curto:has(> .campo > .dica) > .campo { display: contents; }
.lj .acao.em-linha.curto:has(> .campo > .dica) > .campo > label { grid-column: 1 / -1; }
.lj .acao.em-linha.curto:has(> .campo > .dica) > .campo > .dica { grid-column: 1 / -1; }
.lj .campo.curto { max-width: 360px; }
.lj .campo > .marcar { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-normal); color: var(--tinta); }
.lj .campo.invalido > .marcar input { box-shadow: 0 0 0 1px var(--papel), 0 0 0 2.5px var(--perigo); }

@media (min-width: 720px) {
  .lj .campo.invalido > .marcar { min-height: 0; padding-bottom: 4px; }
}
.lj :where(button):where(.perigo):where(.discreto), .lj :where(.botao):where(.perigo):where(.discreto) {
  background: var(--papel); color: var(--perigo); box-shadow: inset 0 0 0 1px var(--perigo);
}
.lj :where(button):where(.perigo):where(.discreto):where(:hover), .lj :where(.botao):where(.perigo):where(.discreto):where(:hover) {
  background: var(--perigo-suave); color: var(--perigo);
}

.lj .aviso > .desfazer { margin-left: var(--esp-1); white-space: nowrap; }
.lj .aviso > .desfazer > a { font-weight: var(--peso-medio); color: var(--marca-texto); text-underline-offset: .2em; }
.lj .aviso > .desfazer > a:hover { color: var(--marca-escura); }
.lj .aviso > h3 { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-forte); color: var(--tinta); }
.lj .aviso > ul { display: grid; gap: 2px; margin-top: var(--esp-1); }
.lj .aviso > ul > li { position: relative; padding-left: 14px; }
.lj .aviso > ul > li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 5px; height: 5px; border-radius: 1.5px; background: var(--tinta-2); }

.lj .aviso > .acoes { margin-top: var(--esp-2); }
.lj .ajuste-corpo > .avisos { margin-bottom: 0; }

@media (max-width: 719px) {
  .lj .aviso > h3 + ul { gap: 0; }
  .lj .aviso > h3 + ul > li > a { display: block; padding-block: var(--esp-3); }
  .lj .aviso > h3 + ul > li::before { top: calc(8px + var(--esp-3)); }
  .lj .aviso:has(> h3 + ul) { padding-bottom: 0; }
}

.lj .frases > li > .link-seta,
.lj .ajuda > .link-seta,
.lj .discreta > .link-seta,
.lj .cartao-corpo > p > .link-seta,
.lj .ajuste-corpo > p > .link-seta,
.lj .aviso > .link-seta { min-height: 0; }

.lj .discreta.link-linha > .link-seta { min-height: 44px; margin-left: 0; }
.lj .tipo-aviso > .discreta.link-linha { margin-bottom: var(--esp-2); }
@media (min-width: 720px) {
  .lj .discreta.link-linha > .link-seta { min-height: 32px; }
}
.lj .abertura + .abertura { margin-top: var(--esp-3); }
.lj .codigo code > span:only-child, .lj .pagar-codigo code > span:only-child { white-space: normal; overflow-wrap: anywhere; }
.lj .mensagem.copiavel { user-select: all; -webkit-user-select: all; cursor: text; }
.lj .mensagem.copiavel + .copiar-dica { margin-top: calc(-1 * var(--esp-2)); }

.lj .valores.pessoas dt { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); color: var(--tinta); overflow-wrap: anywhere; }
.lj .valores.pessoas dd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2) var(--esp-4); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .valores.pessoas dd > .acoes { gap: var(--esp-2); }
@media (min-width: 720px) {
  .lj .valores.pessoas > div { grid-template-columns: minmax(0, 1fr); }
  .lj .valores.pessoas dt { padding-top: 0; }
  
  .lj .valores.pessoas dd:has(> .acoes) { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 719px) {
  .lj .empilha tbody td:empty { display: none; }
  
  .lj .valores.pessoas dd > .acoes { flex-basis: 100%; }
}

@media (min-width: 720px) {
  .lj .empilha th > .arquivo { white-space: nowrap; }
  .lj .empilha td:has(> a + .chip) { white-space: nowrap; }
  .lj .tipo-lista > .numeros:not(:has(> .numero:nth-child(3))) { max-width: 560px; }
  
  .lj .tipo-lista > .numeros:not(:has(> .numero:nth-child(3))) + .saldos { max-width: 560px; }
}

.lj .tipo-passos .etapas { grid-template-columns: minmax(0, 1fr); }
.lj .tipo-passos .topicos > section { grid-template-columns: minmax(0, 1fr); column-gap: 0; padding-block: var(--esp-5); }
.lj .tipo-passos .topicos > section:first-child { padding-top: var(--esp-1); }
.lj .tipo-passos .topicos h2 { font-size: var(--tam-5); line-height: var(--alt-5); }

.lj:has(> .rodape) { display: flex; flex-direction: column; min-height: 100dvh; }
.lj:has(> .rodape) > .pagina, .lj:has(> .rodape) > .rodape { width: 100%; }
.lj:has(> .rodape) > .rodape { margin-top: auto; }

.lj:has(> div > .rodape) { margin-top: auto; }

.lj .copiar[hidden] { display: none; }
.lj .copiar { flex: none; gap: 6px; }
.lj .copiar::before {
  content: ""; flex: none; width: 14px; height: 14px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='4.5' y='4.5' width='8' height='8' rx='1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M9.5 2.6V2.5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h.1' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='4.5' y='4.5' width='8' height='8' rx='1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M9.5 2.6V2.5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h.1' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
.lj .copiar.copiado, .lj .copiar.copiado:hover { background: var(--pedra-2); color: var(--tinta); box-shadow: inset 0 0 0 1px var(--borda-campo); }

.lj .copia { display: flex; align-items: flex-start; gap: var(--esp-2); min-width: 0; }
.lj .copia > code { flex: 0 1 auto; min-width: 0; }

.lj .codigo > .copiar { margin-top: 2px; }

.lj .copiar-dica > .dica-toque { display: none; }
@media (pointer: coarse) {
  .lj .copiar-dica > .dica-toque { display: inline; }
  .lj .copiar-dica > .dica-clique { display: none; }
}

.lj .empilha.pagar tr.ultima-copia > th[scope="row"] { box-shadow: inset 3px 0 0 var(--tinta-2); }
.lj .copiado-em { display: block; margin-top: var(--esp-1); font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); color: var(--tinta); }
@media (max-width: 719px) {
  .lj .empilha.pagar tr.ultima-copia { box-shadow: inset 3px 0 0 var(--tinta-2); }
  .lj .empilha.pagar tr.ultima-copia > th[scope="row"] { box-shadow: none; }
}

.lj .valores.montantes > div { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--esp-4); align-items: baseline; padding: 10px 0; }
.lj .valores.montantes > div:first-child { padding-top: 2px; }
.lj .valores.montantes dt { padding-top: 0; font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta); }
.lj .valores.montantes dt > .nota { display: block; margin-top: 1px; font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .valores.montantes dd {
  display: block; text-align: right; white-space: nowrap; font-size: var(--tam-4); line-height: var(--alt-3);
  font-weight: var(--peso-forte); font-variant-numeric: tabular-nums;
}
.lj .valores.montantes dd.sem-valor { font-size: var(--tam-3); font-weight: var(--peso-normal); color: var(--tinta-2); }
@media (min-width: 720px) {
  .lj .valores.montantes > div { grid-template-columns: minmax(0, 1fr) auto; padding: 10px 0; }
  .lj .valores.montantes > div:first-child { padding-top: 2px; }
}

.lj .valores.montantes.por-extenso > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.lj .valores.montantes.por-extenso dd { white-space: normal; text-wrap: balance; }

@media (min-width: 960px) {
  .lj .detalhe-grade { grid-template-columns: minmax(0, 1fr) var(--lado); column-gap: var(--lado-vao); }
  .lj .colunas { grid-template-columns: minmax(0, 1fr) var(--lado); column-gap: var(--lado-vao); }
  .lj .tipo-ajustes .cabecalho, .lj .ajustes { max-width: none; }
}

@media (min-width: 960px) {
  .lj .tipo-lista > section > .caixa:has(> .pedido) { max-width: var(--principal); }
  
  .lj .tipo-lista > section > .secao:has(+ .caixa > .pedido) { max-width: var(--principal); }
}

@media (min-width: 960px) {
  .lj .tipo-lista > section > .frases { max-width: var(--principal); }
}

.lj .detalhe-grade > .detalhe-resto { grid-area: perigo; display: grid; gap: var(--esp-3); align-content: start; min-width: 0; }
.lj .detalhe-resto > section:not(.cartao) { margin-top: var(--esp-5); }
.lj .detalhe-resto > .cartao.perigo { margin-top: var(--esp-2); }
@media (min-width: 1100px) {
  .lj .tipo-lista > section .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child,
  .lj .tipo-lista > .dobras .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child,
  .lj .tipo-lista > .dobra .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child { width: 352px; }
  .lj .tipo-lista > section .dobra-corpo .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child,
  .lj .tipo-lista > .dobras .dobra-corpo .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child,
  .lj .tipo-lista > .dobra .dobra-corpo .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child { width: calc(352px - var(--esp-5)); }
  .lj .tipo-lista > section .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child + th:not(.num):not(:last-child),
  .lj .tipo-lista > .dobras .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child + th:not(.num):not(:last-child),
  .lj .tipo-lista > .dobra .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th:first-child + th:not(.num):not(:last-child) { width: 128px; }
  .lj .tipo-lista > section .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th.num:not(:last-child),
  .lj .tipo-lista > .dobras .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th.num:not(:last-child),
  .lj .tipo-lista > .dobra .empilha:not(:has(> thead > tr > th:nth-child(7))) > thead > tr > th.num:not(:last-child) { width: 152px; }
}

@media (min-width: 1100px) {
  .lj .tipo-lista > section .tabela-rolante:not(:has(td.acoes)):not(:has(> .empilha > thead > tr > th:nth-child(7))),
  .lj .tipo-lista > .dobras .tabela-rolante:not(:has(td.acoes)):not(:has(> .empilha > thead > tr > th:nth-child(7))),
  .lj .tipo-lista > .dobra .tabela-rolante:not(:has(td.acoes)):not(:has(> .empilha > thead > tr > th:nth-child(7))) { width: fit-content; min-width: 640px; max-width: 100%; }
}

.lj .cabecalho + .colunas { margin-top: 0; }
.lj .colunas > .inicio-coluna { max-width: none; grid-template-columns: minmax(0, 1fr); }

.lj .colunas .empilha td:has(> a + .chip) { white-space: normal; }

@supports selector(::details-content) {
  @media (min-width: 1200px) {
    .lj .colunas > .lado > .saiba::details-content { content-visibility: visible; }
    .lj .colunas > .lado > .saiba > summary {
      display: flex; min-height: 0; padding-bottom: var(--esp-2);
      border-radius: 0; color: var(--tinta); font-size: var(--tam-5); line-height: 24px; font-weight: var(--peso-forte);
      letter-spacing: var(--trk-justo); pointer-events: none;
    }
    .lj .colunas > .lado > .saiba > summary::before { display: none; }
    .lj .colunas > .lado > .saiba > :not(summary) { margin-bottom: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; animation: none; }
    .lj .colunas > .lado > .saiba > .frases { padding-top: var(--esp-3); border-top: 1px solid var(--pedra-linha-forte); color: var(--tinta); }
    .lj .colunas > .lado > .saiba > .frases + .discreta { margin-top: var(--esp-3); line-height: var(--alt-2); }
  }
}

.lj .detalhe-lado > .cartao.anel > .cartao-corpo { gap: var(--esp-3); }

.lj .passos-iniciais > .seguir { padding-block: var(--esp-1) var(--esp-2); }
.lj .passos-iniciais > .seguir > li:first-child::before { background: var(--papel); box-shadow: inset 0 0 0 2px var(--pedra-linha-forte); }
.lj .passos-iniciais > .seguir > li > .quando { color: var(--tinta-2); font-weight: var(--peso-medio); }
.lj .passos-iniciais > .seguir > li.feito::before {
  left: -1px; top: 15px; width: 13px; height: 13px; border-radius: 0; background: var(--tinta-2); box-shadow: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0ZM3.2 7.3l1-1 1.9 1.8 3.7-3.8 1 1-4.7 4.8Z'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0ZM3.2 7.3l1-1 1.9 1.8 3.7-3.8 1 1-4.7 4.8Z'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}
.lj .passos-iniciais > .seguir > li.feito > .oque > p { color: var(--tinta-2); }
.lj .passos-iniciais > .seguir > li.atual::before { background: var(--marca); box-shadow: 0 0 0 3px var(--marca-suave); }
.lj .passos-iniciais > .seguir > li.atual > .quando { color: var(--marca-texto); font-weight: var(--peso-forte); }
.lj .passos-iniciais > .seguir > li.atual > .oque { gap: 6px; }
.lj .passos-iniciais > .seguir > li.atual > .oque > p:not(:first-child):not(.assunto) { max-width: 64ch; }
.lj .passos-iniciais > .seguir > li.atual > .oque > .acoes { margin-top: var(--esp-1); }
.lj .passos-iniciais > .seguir > li.atual > .oque > .assunto { margin-top: -2px; }
.lj .passos-iniciais > .seguir > li.quando-quiser::before { left: 2px; top: 18px; width: 7px; height: 7px; background: var(--pedra-linha-forte); box-shadow: none; }
.lj .passos-iniciais > .seguir > li.quando-quiser > .oque > p { color: var(--tinta-2); }
.lj .passos-iniciais > .seguir > li > .oque > .link-seta { justify-self: start; }
.lj .passos-pronto { position: relative; padding-left: 24px; }
.lj .passos-pronto::before {
  content: ""; position: absolute; left: 0; top: 5px; width: 14px; height: 14px; background: var(--tinta-2);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0ZM3.2 7.3l1-1 1.9 1.8 3.7-3.8 1 1-4.7 4.8Z'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0ZM3.2 7.3l1-1 1.9 1.8 3.7-3.8 1 1-4.7 4.8Z'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
@media (min-width: 720px) {
  .lj .passos-iniciais > .seguir { padding-inline: var(--esp-5); }
}

.lj .dica-uso {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-1) var(--esp-3); width: fit-content; min-width: 0;
  padding: 6px 6px 6px var(--esp-3); border-radius: var(--r-2); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte);
}
.lj .dica-uso > p { flex: 1 1 22em; min-width: 0; max-width: 68ch; padding-block: 5px; font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta-2); }
.lj .dica-uso-rotulo { font-weight: var(--peso-medio); color: var(--tinta); }
.lj .dica-uso :where(button) { margin-left: auto; }
.lj .cabecalho > .dica-uso { margin-top: var(--esp-2); }
.lj .caixa > .dica-uso, .lj .cartao > .dica-uso { margin: var(--esp-3) var(--esp-4) 0; }
.lj .respostas-resumo + .dica-uso { margin-top: calc(-1 * var(--esp-1)); }

.lj .grupo-linhas.respostas + .dica-uso, .lj .dica-uso + .grupo-linhas.respostas { margin-top: var(--esp-3); }
@media (min-width: 720px) {
  .lj .caixa > .dica-uso, .lj .cartao > .dica-uso { margin-inline: var(--esp-5); }
  
  .lj .cabecalho > .dica-uso { grid-column: 1 / -1; }
}

.lj .rapida {
  display: grid; justify-items: start; gap: var(--esp-2); min-width: 0; padding-top: var(--esp-3);
  border-top: 1px solid var(--pedra-linha-forte); font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta-2);
}
.lj .cartao .rapida { border-top-color: var(--pedra-linha); }
.lj .rapida > p { max-width: 64ch; }
.lj .rapida-rotulo { font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio); letter-spacing: var(--trk-aberto); }
.lj .rapida-pergunta, .lj .rapida.respondida > p, .lj .rapida.dupla > p:not(.rapida-rotulo) { color: var(--tinta); }
.lj .rapida > .acoes { gap: var(--esp-2); }
.lj .rapida-nao {
  display: inline-flex; align-items: center; min-height: 44px; color: var(--tinta-2);
  font-size: var(--tam-2); line-height: var(--alt-2); font-weight: var(--peso-medio);
}
.lj .rapida-nao:hover { color: var(--tinta); }
.lj .rapida > .acao.em-linha { width: 100%; max-width: 480px; }
.lj .rapida > .acao.em-linha .campo > label:not(.oculto) { font-weight: var(--peso-normal); color: var(--tinta-2); }
@media (min-width: 720px) {
  .lj .rapida:not(.dupla) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-4); }
  .lj .rapida:not(.dupla) > .rapida-rotulo { flex-basis: 100%; max-width: none; }
  .lj .rapida:not(.dupla) > .acao.em-linha { flex: 1 1 320px; }
  .lj .rapida-nao { min-height: 32px; }
}
@media (min-width: 960px) {
  .lj .lado > .rapida { display: grid; }
}

.lj .aviso > .rapida { margin-top: var(--esp-2); padding-top: 0; border-top: 0; }

.lj .envio.opiniao { gap: var(--esp-4); }
.lj .envio.opiniao > .campo textarea { min-height: 112px; }
.lj .envio.opiniao > .promessa { max-width: 60ch; font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta); }

.lj .envio.opiniao > .caminhos { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; row-gap: 0; }
.lj .envio.opiniao > .caminhos > .assunto { flex-basis: auto; font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .envio.opiniao > .discreta + .botao, .lj .envio.opiniao > .discreta + :where(button) { margin-top: calc(-1 * var(--esp-2)); }
.lj .contexto { display: grid; gap: var(--esp-2); min-width: 0; padding: var(--esp-3) var(--esp-4) var(--esp-2); border-radius: var(--r-2); background: var(--pedra); }
.lj .contexto > p:first-child { font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); color: var(--tinta); }
.lj .contexto .valores > div { grid-template-columns: 8.5em minmax(0, 1fr); column-gap: var(--esp-3); padding: 7px 0; border-top-color: var(--pedra-linha-forte); }
.lj .contexto .valores > div:first-child { padding-top: 2px; }
.lj .contexto .valores dt { padding-top: 1px; }
.lj .contexto .valores dd { display: block; font-size: var(--tam-3); line-height: var(--alt-3); overflow-wrap: anywhere; }
.lj .contexto > .saiba { margin-top: calc(-1 * var(--esp-1)); }
.lj .contexto > .marcar { padding-top: var(--esp-1); }
.lj .contexto-sem { display: none; padding-bottom: var(--esp-1); font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .contexto:has(> .marcar > input:not(:checked)) > .contexto-sem { display: block; }
.lj .contexto:has(> .marcar > input:not(:checked)) > .saiba { display: none; }
.lj .contexto:has(> .marcar > input:not(:checked)) > .valores dd { color: var(--tinta-2); text-decoration: line-through; text-decoration-color: var(--tinta-3); }
@media (min-width: 720px) {
  .lj .envio.opiniao > .botao, .lj .envio.opiniao > :where(button) { justify-self: start; padding-inline: var(--esp-6); }
  .lj .envio.opiniao > .caminhos { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: var(--esp-6); }
  .lj .envio.opiniao > .caminhos > .assunto { flex-basis: 100%; }
  .lj .envio.opiniao > .caminhos > .link-seta { min-height: 32px; }
  .lj .contexto { padding: var(--esp-4) var(--esp-5) var(--esp-2); }
  
  .lj .contexto .valores > div { grid-template-columns: 10em minmax(0, 1fr); }
}
@media (max-width: 719px) {
  .lj .turno .contexto .valores > div { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .lj .turno .contexto .valores dt { padding-top: 0; }
}

.lj .vazio.fazer { justify-items: stretch; }
.lj .vazio.fazer > p:first-child { color: var(--tinta); }
.lj .vazio.fazer > :where(.botao), .lj .vazio.fazer > .link-seta, .lj .vazio.fazer > .acoes { justify-self: start; }

@media (min-width: 720px) {
  .lj .vazio.fazer > .envio.linha { justify-self: start; grid-template-columns: minmax(0, 640px) auto; }
}
.lj .exemplo { max-width: 68ch; font-size: var(--tam-3); line-height: var(--alt-3); color: var(--tinta-2); }

.lj .vazio > .exemplo { max-width: 68ch; font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .exemplo code { font-size: .92em; color: var(--tinta); overflow-wrap: anywhere; }

.lj .verbete { display: grid; gap: var(--esp-3); min-width: 0; }
.lj .verbete > .titulo-bloco { color: var(--tinta); }
.lj .verbete > p { max-width: 64ch; font-size: var(--tam-4); line-height: var(--alt-4); }
.lj .verbete > .link-seta { justify-self: start; }
.lj .verbetes { display: grid; gap: var(--esp-4); min-width: 0; }
.lj .verbetes > .verbete + .verbete { padding-top: var(--esp-4); border-top: 1px solid var(--pedra-linha); }
.lj .leitura.nao-sei > p:first-child { font-weight: var(--peso-medio); }
.lj .leitura.nao-sei > .acoes { column-gap: var(--esp-4); }
@media (min-width: 720px) {
  .lj .verbetes { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--esp-6); align-items: start; }
  .lj .verbetes > .verbete + .verbete { padding-top: 0; padding-left: var(--esp-6); border-top: 0; border-left: 1px solid var(--pedra-linha); }
  
  .lj .verbete > .link-seta { min-height: 32px; }
}

.lj .rodape-links:has(> a + a) { display: flex; flex-wrap: wrap; column-gap: var(--esp-5); }
.lj .amostra > .painel-mais, .lj .amostra > .painel-menu { position: static; z-index: auto; justify-self: start; animation: none; }
.lj .amostra > .painel-menu { width: 100%; max-width: 400px; max-height: none; }
@media (min-width: 720px) {
  .lj .rodape-links:has(> a + a) { flex-direction: column; align-items: flex-end; row-gap: var(--esp-1); }
}

.lj .rapida.respondida, .lj .resposta { animation: lj-desdobrar var(--dur-3) var(--curva); }
@media (prefers-reduced-motion: reduce) {
  .lj .rapida.respondida, .lj .resposta { animation: none; }
}

.lj .tipo-lista > .pilha:not(:last-child), .lj .tipo-lista > .valores:not(:last-child) { margin-bottom: var(--esp-7); }

.lj .tipo-lista > .envio:not(:last-child) { margin-bottom: var(--esp-7); }
.lj .tipo-lista > .ajuda > .botao { margin-left: var(--esp-2); }
.lj .tipo-passos > .ajuda + .acoes { margin-top: var(--esp-5); }

.lj .tipo-passos > .acoes + .passos-pe { margin-top: var(--esp-6); }

@media (min-width: 720px) {
  .lj .empilha td.acoes.marcador { padding-block: var(--esp-3); }
}
@media (max-width: 719px) {
  .lj .empilha td.acoes.marcador { order: 3; flex: 0 1 auto; display: block; margin-left: 0; padding-top: 2px; }
}

.lj #interno-opinioes-conteudo .empilha .texto { min-width: 0; }

.lj .resposta > .cartao-corpo > .leitura-fonte + .discreta { margin-top: calc(-1 * var(--esp-3)); }
.lj .resposta .leitura-fonte > a { white-space: nowrap; }
.lj .resposta > .cartao-corpo > .rapida { margin-top: var(--esp-1); }

.lj .relance { display: grid; min-width: 0; border-top: 1px solid var(--pedra-linha-forte); }
.lj .relance > li { min-width: 0; border-bottom: 1px solid var(--pedra-linha-forte); }
.lj .relance > li > a {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--esp-4); row-gap: 2px;
  align-items: baseline; min-height: 44px; padding: 10px 22px 10px 0; color: var(--tinta-2); text-decoration: none;
}
.lj .relance > li > a::after {
  content: ""; position: absolute; right: 6px; top: 50%; width: 6px; height: 6px; margin-top: -3px;
  border-top: 1.5px solid var(--tinta-3); border-right: 1.5px solid var(--tinta-3); transform: rotate(45deg);
}
.lj .relance-nome {
  grid-column: 1 / -1; grid-row: 1; min-width: 0;
  font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); color: var(--tinta);
}
.lj .relance-nota { grid-column: 1; grid-row: 2; min-width: 0; font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }

.lj .relance-nota { text-wrap: balance; }
.lj .relance-valor {
  grid-column: 2; grid-row: 2; text-align: right; white-space: nowrap;
  font-size: var(--tam-4); line-height: var(--alt-3); font-weight: var(--peso-forte); font-variant-numeric: tabular-nums; color: var(--tinta);
}
.lj .relance > li > a:not(:has(> .relance-nota)) > .relance-nome { grid-column: 1; }
.lj .relance > li > a:not(:has(> .relance-nota)) > .relance-valor { grid-row: 1; }
.lj .relance > li > a:hover .relance-nome { text-decoration: underline; text-underline-offset: .2em; }
.lj .relance > li > a:hover::after { border-color: var(--tinta); }
@media (min-width: 720px) {
  .lj .relance > li > a { grid-template-columns: 224px minmax(0, 1fr) auto; }
  .lj .relance > li > a > .relance-nome { grid-column: 1; }
  .lj .relance-nota { grid-column: 2; grid-row: 1; }
  .lj .relance > li > a > .relance-valor { grid-column: 3; grid-row: 1; }
}
@media (min-width: 960px) {
  .lj .lado > .relance > li > a { grid-template-columns: minmax(0, 1fr) auto; }
  .lj .lado > .relance > li > a > .relance-nome { grid-column: 1 / -1; }
  .lj .lado > .relance .relance-nota { grid-column: 1; grid-row: 2; }
  .lj .lado > .relance > li > a > .relance-valor { grid-column: 2; grid-row: 2; }
}

.lj .um-produto .topo-acoes { display: flex; align-items: center; gap: 0; margin-left: auto; min-width: 0; }
.lj .um-produto .topo-acao {
  display: inline-grid; justify-items: center; align-content: center; row-gap: 2px; flex: none;
  width: 72px; min-height: 44px; padding: 3px 0; border-radius: var(--r-2);
  color: var(--tinta); text-decoration: none; white-space: nowrap;
  font-size: var(--tam-1); line-height: 14px; font-weight: var(--peso-medio); letter-spacing: 0;
  transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
}
.lj .um-produto .topo-acao:hover { background: var(--pedra); color: var(--tinta); }
.lj .um-produto .acao-ico { display: block; width: 18px; height: 18px; color: var(--tinta-2); }
.lj .um-produto .topo-acao:hover > .acao-ico { color: var(--tinta); }
.lj .um-produto .ico-ponto { fill: var(--marca); }
.lj .um-produto .topo-acao > .longo { display: none; }
.lj .um-produto .topo-acao[aria-current="page"] { background: var(--pedra-2); box-shadow: none; color: var(--tinta); }
.lj .um-produto .topo-acao[aria-current="page"] > .acao-ico { color: var(--tinta); }
.lj .um-produto .topo-pergunta { display: none; }
@media (min-width: 720px) {
  
  .lj .um-produto .topo-acoes { flex: 1 1 auto; justify-content: flex-end; gap: var(--esp-1); }
  .lj .um-produto .topo-acao {
    grid-auto-flow: column; column-gap: var(--esp-2); align-items: center;
    width: auto; min-height: 38px; padding: 0 var(--esp-3); border-radius: 10px;
    color: var(--tinta-2); font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-normal);
  }
  .lj .um-produto .topo-acao[aria-current="page"] { color: var(--tinta); font-weight: var(--peso-medio); }
  .lj .um-produto .topo-acao > .curto { display: none; }
  .lj .um-produto .topo-acao > .longo { display: inline; }
}
@media (min-width: 1180px) {
  .lj .um-produto .topo-acoes { margin-left: var(--esp-4); }
}

@media (min-width: 720px) {
  .lj .um-produto .acao-perguntar:not(.no-painel) { display: none; }
  .lj .um-produto .topo-pergunta { display: block; position: relative; flex: 0 1 340px; min-width: 224px; }
  .lj .um-produto .topo-pergunta.no-painel { display: none; }
  .lj .um-produto .topo-pergunta-campo { display: block; }
  .lj .um-produto .topo-pergunta-campo > .acao-ico { position: absolute; top: 10px; left: 12px; pointer-events: none; }
  
  .lj .um-produto .topo-pergunta-campo > input {
    --foco-dentro: 2px;
    display: block; width: 100%; height: 38px; margin: 0; padding: 0 41px 0 38px; border: 0; border-radius: 10px;
    background: var(--pedra); box-shadow: inset 0 0 0 1px var(--pedra-linha); color: var(--tinta);
    font-size: var(--tam-3); line-height: var(--alt-3);
    transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
  }
  .lj .um-produto .topo-pergunta-campo > input::placeholder { color: var(--tinta-dica); opacity: 1; }
  .lj .um-produto .topo-pergunta-campo > input:hover { box-shadow: inset 0 0 0 1px var(--pedra-linha-forte); }
  .lj .um-produto .topo-pergunta-enviar {
    position: absolute; top: 3px; right: 3px; display: grid; place-items: center; width: 32px; height: 32px;
    border-radius: 7px; background: var(--papel); color: var(--tinta-2);
    box-shadow: 0 1px 2px rgb(var(--sombra-cor) / .14), 0 0 0 1px rgb(var(--sombra-cor) / .07);
  }
  .lj .um-produto .topo-pergunta-enviar:hover { color: var(--tinta); }
  .lj .um-produto .topo-pergunta-enviar > svg { display: block; }
  
  .lj .um-produto button.topo-pergunta-enviar { min-height: 0; padding: 0; }
  .lj .um-produto button.topo-pergunta-enviar:active { transform: none; }
  .lj .um-produto .acao-perguntar.no-painel {
    flex: 0 1 340px; min-width: 224px; justify-content: start; padding-left: 12px;
    background: var(--pedra-2); box-shadow: none; color: var(--tinta); font-weight: var(--peso-medio);
  }
}
@media (min-width: 1180px) {
  .lj .um-produto .topo-pergunta, .lj .um-produto .acao-perguntar.no-painel { flex: 0 1 280px; }
}

.lj .um-produto .topo-sugestoes { display: none; }
@media (min-width: 720px) {
  .lj .um-produto .topo-sugestoes {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; width: max(100%, 360px);
    gap: var(--esp-3); padding: var(--esp-3) var(--esp-4) var(--esp-4);
    background: var(--papel); border-radius: var(--r-3); box-shadow: var(--sombra-3);
    animation: lj-surgir var(--dur-2) var(--curva);
  }
  .lj .um-produto .topo-pergunta:focus-within .topo-sugestoes,
  .lj .um-produto .topo-sugestoes:hover { display: grid; }
  .lj .um-produto .topo-pergunta:has(.topo-pergunta-campo > input:not(:placeholder-shown)) .topo-sugestoes { display: none; }
  
  .lj .um-produto .topo-pergunta[data-esc] .topo-sugestoes { display: none; }
  .lj .um-produto .topo-sugestoes .sugestoes { padding-left: 0; }
}

.lj .conversa { display: grid; gap: var(--esp-5); }
.lj .turno { display: grid; gap: var(--esp-2); min-width: 0; }
.lj .turno.assistente { grid-template-columns: 28px minmax(0, 1fr); column-gap: var(--esp-3); align-items: start; }
.lj .turno-marca { display: block; width: 28px; height: 28px; }
.lj .turno-marca > svg { display: block; width: 28px; height: 28px; }
.lj .turno.assistente > :not(.turno-marca) { grid-column: 2; min-width: 0; }
.lj .turno-texto {
  justify-self: start; max-width: 60ch; padding: var(--esp-3) var(--esp-4); border-radius: 4px var(--r-3) var(--r-3) var(--r-3);
  background: var(--papel); box-shadow: var(--sombra-anel);
  font-size: var(--tam-4); line-height: var(--alt-4); color: var(--tinta);
}

.lj .turno.assistente > .turno-texto { max-width: none; }
.lj .turno.voce { justify-items: end; padding-left: 15%; }
.lj .turno.voce > .turno-texto {
  justify-self: end; border-radius: var(--r-3) 4px var(--r-3) var(--r-3); background: var(--pedra-2); box-shadow: none;
  overflow-wrap: anywhere;
}
.lj .sugestoes { display: grid; gap: var(--esp-2); padding-left: 40px; }
.lj .sugestoes-rotulo { font-size: var(--tam-2); line-height: var(--alt-2); color: var(--tinta-2); }
.lj .sugestoes > ul { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.lj .sugestao {
  display: inline-flex; align-items: center; min-height: 44px; padding: 6px var(--esp-4); border-radius: var(--r-pilula);
  background: var(--papel); color: var(--tinta); box-shadow: inset 0 0 0 1px var(--pedra-linha-forte);
  font-size: var(--tam-3); line-height: var(--alt-3); font-weight: var(--peso-medio); text-decoration: none;
  transition: background-color var(--dur-1) var(--curva), box-shadow var(--dur-1) var(--curva);
}
.lj .sugestao:hover { background: var(--pedra-clara); color: var(--tinta); box-shadow: inset 0 0 0 1px var(--borda-campo); }
.lj .envio.pergunta .envio-acoes { justify-content: flex-end; }

.lj .envio.linha.pergunta { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--esp-3); align-items: end; }
.lj .envio.linha.pergunta > .campo { grid-column: 1; }
.lj .envio.linha.pergunta > .envio-acoes { grid-column: 2; flex-wrap: nowrap; }

.lj .envio.linha.pergunta .campo textarea { height: auto; field-sizing: content; max-height: calc(5lh + 2 * var(--esp-3)); }
.lj .conversa + .sugestoes, .lj .conversa + .envio.pergunta, .lj .sugestoes + .envio.pergunta { margin-top: var(--esp-5); }
.lj .envio.pergunta + .discreta { margin-top: var(--esp-3); }
.lj .sugestoes-grupos { display: grid; gap: var(--esp-4); padding-left: 40px; }
.lj .sugestoes-grupos > .sugestoes { padding-left: 0; }
.lj .conversa + .sugestoes-grupos, .lj .sugestoes-grupos + .envio.pergunta { margin-top: var(--esp-5); }
.lj .turno.assistente > .sugestoes, .lj .leitura.nao-sei > .sugestoes { padding-left: 0; }
.lj .turno.anterior > .resposta { box-shadow: inset 0 0 0 1px var(--pedra-linha); background: transparent; }
@media (min-width: 720px) {
  .lj .sugestao { min-height: 36px; padding-block: 4px; }
  .lj .turno.voce { padding-left: 25%; }
  
  .lj .envio.linha.pergunta .campo textarea { max-height: calc(5lh + var(--esp-4)); }
}

.lj .pular {
  position: absolute; left: 12px; top: 8px; z-index: 40; padding: 10px 14px; border-radius: var(--r-2);
  background: var(--papel); color: var(--tinta); font-weight: var(--peso-medio); text-decoration: none; transform: translateY(-300%);
}
.lj .pular:focus { transform: none; box-shadow: var(--sombra-3); }
.lj .site-topo { position: relative; z-index: 20; background: var(--papel); box-shadow: 0 1px 0 var(--pedra-linha); }
.lj .site-topo-interno { display: flex; align-items: center; gap: var(--esp-4); max-width: var(--largura); height: 64px; margin: 0 auto; padding: 0 6px 0 var(--calha); }
.lj .site-marca { display: inline-flex; align-items: center; min-height: 44px; border-radius: var(--r-1); }
.lj .site-marca .marca-logo { display: block; width: 110px; height: 32px; }

.lj .site-secao { max-width: var(--largura); margin: 0 auto; padding: var(--esp-7) var(--calha); }
.lj .site-banda { background: var(--papel); box-shadow: 0 -1px 0 var(--pedra-linha), 0 1px 0 var(--pedra-linha); }

.lj .site-pagina:has(> .site-banda .topicos) > .heroi { padding-bottom: var(--esp-8); }
.lj .site-secao h3 { font-size: var(--tam-4); line-height: 22px; font-weight: var(--peso-forte); }
.lj .site-rodape { background: var(--papel); box-shadow: 0 -1px 0 var(--pedra-linha); }
.lj .site-rodape-interno {
  display: grid; gap: 6px; max-width: var(--largura); margin: 0 auto; padding: var(--esp-6) var(--calha) var(--esp-8);
  font-size: var(--tam-2); line-height: 19px; color: var(--tinta-2);
}
.lj .site-rodape .rodape-marca { font-size: 15px; font-weight: var(--peso-forte); color: var(--tinta); }
.lj .rodape-nav ul { display: flex; gap: 18px; }
.lj .rodape-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tinta); font-weight: var(--peso-medio); }
@media (min-width: 720px) {
  .lj .site-topo-interno { padding: 0 var(--calha); }
  .lj .site-secao { padding: var(--esp-10) var(--calha); }
  .lj .site-rodape-interno { grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: var(--esp-8); padding: var(--esp-7) var(--calha) var(--esp-9); }
  .lj .rodape-nav { justify-self: end; }
  .lj .site-rodape :is(.rodape-principio), .lj .site-rodape :is(.rodape-legal) { grid-column: 1 / -1; }
}

.lj:has(> .site-rodape) { display: flex; flex-direction: column; min-height: 100dvh; }
.lj:has(> .site-rodape) > .site-pagina { flex: 1 0 auto; }

.lj .site-pagina .prosa :is(p, li), .lj .site-pagina .prosa .empilha tbody :is(th[scope="row"], td) { font-size: 16px; line-height: 25px; }
.lj .site-pagina .prosa h3 { margin-top: var(--esp-4); font-size: var(--tam-5); line-height: var(--alt-5); }
.lj .site-secao > .prosa + .topicos { margin-top: var(--esp-6); }
.lj .site-secao > .prosa + .topicos > section:first-child { padding-top: var(--esp-6); border-top: 1px solid var(--pedra-linha-forte); }
.lj .site-pagina .prosa li { position: relative; padding-left: 18px; }
.lj .site-pagina .prosa li + li { margin-top: var(--esp-2); }
.lj .site-pagina .prosa ul > li::before {
  content: ""; position: absolute; left: 2px; top: 10px; width: 6px; height: 6px; border-radius: 1.5px; background: var(--tinta-3);
}
.lj .site-pagina .prosa li li::before { background: none; box-shadow: inset 0 0 0 1.5px var(--tinta-3); }
.lj .site-pagina .prosa ol { padding-left: 18px; list-style: decimal; }
.lj .site-pagina .prosa ol > li { padding-left: 4px; }
.lj .site-pagina .prosa ol > li::marker { color: var(--tinta-2); font-variant-numeric: tabular-nums; }

.lj .site-pagina .prosa ol.letras { list-style: none; padding-left: 0; }
.lj .site-pagina .prosa ol.letras > li { padding-left: 1.75em; text-indent: -1.75em; }
.lj .site-pagina .prosa ol.letras .letra { display: inline-block; min-width: 1.75em; margin-right: -0.25em; text-indent: 0; }
.lj .site-pagina .prosa li > :is(ul, ol, p) { margin-top: var(--esp-2); }
.lj .site-pagina .prosa blockquote {
  display: grid; gap: var(--esp-3); padding: var(--esp-4); border-radius: var(--r-3);
  background: var(--pedra-clara); box-shadow: inset 0 0 0 1px var(--pedra-linha);
}
.lj .site-pagina .prosa .empilha td.texto { color: var(--tinta); }
.lj .site-pagina .prosa .endereco { overflow-wrap: anywhere; }
.lj .site-pagina .prosa .empilha th[scope="row"] a { color: var(--marca-texto); text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); }
.lj .site-pagina .prosa .empilha th[scope="row"] a:hover { color: var(--marca-escura); text-decoration-color: currentColor; }
@media (max-width: 719px) {
  .lj .site-pagina .prosa .empilha th[scope="row"] + td:last-child::before { content: none; }
}
@media (min-width: 720px) {
  .lj .site-pagina .prosa .empilha th[scope="row"] { min-width: 14em; }
  .lj .site-pagina .prosa .empilha .texto { min-width: 0; }
}
@media (min-width: 960px) {
  .lj .site-secao > .prosa + .topicos { margin-top: var(--esp-8); }
  .lj .site-secao > .prosa + .topicos > section:first-child { padding-top: var(--esp-8); }
  .lj .site-pagina .topicos > section > h2 { position: sticky; top: var(--esp-4); }
}

.lj .desfazer > .acao > button.texto {
  display: inline; min-height: 0; padding: 0; border-radius: 0;
  background: none; box-shadow: none; transform: none;
  color: var(--marca-texto); font: inherit; text-align: inherit;
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
.lj .aviso > .desfazer > .acao > button.texto { font-weight: var(--peso-medio); }
.lj .desfazer > .acao > button.texto:hover { background: none; color: var(--marca-escura); text-decoration-color: currentColor; }
.lj .desfazer > .acao > button.texto:active { transform: none; box-shadow: none; }
@media (min-width: 720px) {
  .lj .desfazer > .acao > button.texto { min-height: 0; padding: 0; }
}

@media (max-width: 719px) {
  .lj .aviso > .desfazer > .acao > button.texto { padding-block: var(--esp-3); margin-block: calc(-1 * var(--esp-3)); }
  
  .lj .historico .desfazer > .acao > button.texto {
    position: relative; z-index: 1; display: inline-flex; align-items: center; min-height: 44px;
    margin-block: calc((var(--alt-2) - 44px) / 2);
  }
}

.lj .empilha td.acoes > .acao > button.texto, .lj .pedido-acoes .caminhos > .acao > button.texto {
  display: inline; min-width: 0; min-height: 0; padding: 0; border-radius: 0;
  background: none; box-shadow: none; transform: none;
  color: var(--marca-texto); font: inherit; text-align: inherit;
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
.lj .empilha td.acoes > .acao > button.texto:hover, .lj .pedido-acoes .caminhos > .acao > button.texto:hover { background: none; color: var(--marca-escura); text-decoration-color: currentColor; }
.lj .empilha td.acoes > .acao > button.texto:active, .lj .pedido-acoes .caminhos > .acao > button.texto:active { transform: none; box-shadow: none; }
@media (min-width: 720px) {
  .lj .empilha td.acoes > .acao > button.texto, .lj .pedido-acoes .caminhos > .acao > button.texto { min-height: 0; padding: 0; }
}

@media (max-width: 719px) {
  .lj .empilha td.acoes > .acao > button.texto { padding-block: calc((44px - var(--alt-2)) / 2); margin-block: calc((var(--alt-2) - 44px) / 2); }
  .lj .pedido-acoes .caminhos > .acao > button.texto { padding-block: var(--esp-3); margin-block: calc(-1 * var(--esp-3)); }
}

.lj .acoes .desfazer > .acao > button.texto {
  display: inline-flex; align-items: center; min-height: 44px;
  font-weight: var(--peso-medio); text-decoration: none;
}
@media (min-width: 720px) {
  .lj .acoes .desfazer > .acao > button.texto { min-height: 32px; }
}

.lj .relance > li > a:not([href])::after { content: none; }
.lj .relance > li > a:not([href]):hover .relance-nome { text-decoration: none; }

.lj .primeiro-valor .acoes .desfazer > .acao > button { min-height: 44px; }
@media (min-width: 720px) {
  .lj .primeiro-valor .acoes .desfazer > .acao > button { min-height: 32px; }
}

.lj .saiba > p > button.link-seta, .lj .saiba > p > button.texto {
  min-height: 0; padding: 0; border-radius: 0;
  background: none; box-shadow: none; transform: none;
  color: var(--marca-texto); font: inherit; text-align: inherit;
}
.lj .saiba > p > button.link-seta { display: inline-flex; font-weight: var(--peso-medio); text-decoration: none; }
.lj .saiba > p > button.texto {
  display: inline;
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
.lj .saiba > p > button.link-seta:hover, .lj .saiba > p > button.texto:hover { background: none; color: var(--marca-escura); }
.lj .saiba > p > button.link-seta:hover { text-decoration: underline; }
.lj .saiba > p > button.texto:hover { text-decoration-color: currentColor; }
.lj .saiba > p > button.link-seta:active, .lj .saiba > p > button.texto:active { transform: none; box-shadow: none; }
@media (min-width: 720px) {
  .lj .saiba > p > button.link-seta, .lj .saiba > p > button.texto { min-height: 0; padding: 0; }
}
@media (max-width: 719px) {
  .lj .saiba > p > button.link-seta { padding-block: var(--esp-3); margin-block: calc(-1 * var(--esp-3)); }
}

.lj .rapida button.rapida-nao {
  justify-content: flex-start; padding: 0; border-radius: 0;
  background: none; box-shadow: none; transform: none; text-align: inherit;
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  transition: color var(--dur-1) var(--curva), text-decoration-color var(--dur-1) var(--curva);
}
.lj .rapida button.rapida-nao:hover { background: none; text-decoration-color: currentColor; }
.lj .rapida button.rapida-nao:active { transform: none; box-shadow: none; }

.lj .resposta .leitura-fonte > button.texto {
  display: inline; min-height: 0; padding: 0; border-radius: 0; white-space: nowrap;
  background: none; box-shadow: none; transform: none;
  color: var(--marca-texto); font: inherit; text-align: inherit;
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
.lj .resposta .leitura-fonte > button.texto:hover { background: none; color: var(--marca-escura); text-decoration-color: currentColor; }
.lj .resposta .leitura-fonte > button.texto:active { transform: none; box-shadow: none; }
@media (min-width: 720px) {
  .lj .resposta .leitura-fonte > button.texto { min-height: 0; padding: 0; }
}

.lj .mail-simples {
  margin: 0; padding: var(--esp-4); border-radius: var(--r-3); background: var(--papel); box-shadow: var(--sombra-anel);
  font-family: var(--fonte-mono); font-size: 12.5px; line-height: 19px; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--tinta);
}

.lj .acao.em-linha:has(> .campo > .marcar) { grid-template-columns: minmax(0, max-content) auto; justify-content: start; }

@media (min-width: 720px) {
  .lj .acao.em-linha:has(> .campo > .marcar) { align-items: center; }
  .lj .acao.em-linha > .campo > .marcar { padding-top: 0; align-items: center; }
}

@media (min-width: 960px) {
  .lj .ajuste:has(> .ajuste-corpo > .acao.em-linha:first-child > .campo > .marcar) > .ajuste-cabeca { padding-top: var(--esp-7); }
  .lj .ajuste > .ajuste-corpo:has(> .acao.em-linha > .campo > .marcar) { align-self: start; }
}

.lj .frases > li > button.link-seta {
  display: inline; min-height: 0; padding: 0; border-radius: 0;
  background: none; box-shadow: none; transform: none;
  color: var(--marca-texto); font: inherit; font-weight: var(--peso-medio); text-align: inherit;
  text-decoration: none;
}
.lj .frases > li > button.link-seta::after { display: inline-block; margin-left: var(--esp-2); vertical-align: 0.15em; }
.lj .frases > li > button.link-seta:hover { background: none; color: var(--marca-escura); text-decoration: underline; }
.lj .frases > li > button.link-seta:active { transform: none; box-shadow: none; }
@media (min-width: 720px) {
  .lj .frases > li > button.link-seta { min-height: 0; padding: 0; }
}

@media (max-width: 719px) {
  .lj .tipo-lista:has(> .envio) .frases { gap: var(--esp-6); }
  .lj .tipo-lista:has(> .envio) .frases > li > a.link-seta { display: inline; padding-block: var(--esp-3); }
  .lj .tipo-lista:has(> .envio) .frases > li > button.link-seta { padding-block: var(--esp-3); margin-block: calc(-1 * var(--esp-3)); }
  .lj .tipo-lista:has(> .envio) .frases > li > a.link-seta::after { display: inline-block; margin-left: var(--esp-2); vertical-align: 0.15em; }
}

.lj .turno-marca > img { display: block; width: 28px; height: 28px; }
.lj .sugestoes button.sugestao, .lj .pergunte-faixa button.sugestao { justify-content: flex-start; gap: 0; text-align: start; }
.lj .sugestoes button.sugestao:active, .lj .pergunte-faixa button.sugestao:active { transform: none; }

.lj .acoes > .acao > button.texto {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0; border-radius: 0;
  background: none; box-shadow: none; transform: none;
  color: var(--marca-texto); font: inherit; font-weight: var(--peso-medio); text-decoration: none;
}
.lj .acoes > .acao > button.texto:hover { background: none; color: var(--marca-escura); text-decoration: underline; }
.lj .acoes > .acao > button.texto:active { transform: none; box-shadow: none; }
@media (min-width: 720px) {
  .lj .acoes > .acao > button.texto { min-height: 32px; padding: 0; }
}

.lj .detalhe-grade:has(> .detalhe-lado) > .detalhe-principal > section:has(> .tabela-rolante) { min-width: 0; }
@media (min-width: 720px) {
  .lj .empilha.acoes-em-coluna td.acoes { padding-left: 0; padding-block: calc(7px - var(--esp-1)); white-space: normal; }
  .lj .empilha.acoes-em-coluna td.acoes .botao, .lj .empilha.acoes-em-coluna td.acoes button { margin-block: var(--esp-1); white-space: nowrap; }
  .lj .empilha.acoes-em-coluna td.acoes > .botao:first-child, .lj .empilha.acoes-em-coluna td.acoes > .acao:first-child > button { margin-left: 0; }
}

.lj .empilha td.acoes > .saiba { flex-basis: 100%; text-align: right; }
.lj .empilha td.acoes > .saiba > form { text-align: left; }
@media (max-width: 719px) {
  .lj .empilha td.acoes:has(> .saiba) { flex-basis: 100%; }
}
@media (min-width: 720px) {
  .lj .empilha.acoes-em-coluna td.acoes > .saiba { width: 0; min-width: 100%; }
  .lj .empilha.acoes-em-coluna td.acoes > .saiba > summary { display: block; }
  .lj .empilha.acoes-em-coluna td.acoes > .saiba > summary::before { display: inline-block; vertical-align: middle; margin-right: var(--esp-2); }
  .lj .empilha.acoes-em-coluna td.acoes > .saiba > form { width: 20rem; margin-left: calc(100% - 20rem); }
}

@media (min-width: 720px) {
  .lj .resposta .empilha:has(> thead > tr > :nth-child(5)) tr > * { padding-inline: var(--esp-3); }
  .lj .resposta .empilha:has(> thead > tr > :nth-child(5)) tr > :first-child { padding-left: var(--esp-4); }
  .lj .resposta .empilha:has(> thead > tr > :nth-child(5)) tr > :last-child { padding-right: var(--esp-4); }
}

.lj .passagem { display: grid; gap: var(--esp-3); }
.lj .passagem-palavras {
  justify-self: start; max-width: 100%; padding: var(--esp-2) var(--esp-3); border-radius: var(--r-2);
  background: var(--pedra-2); color: var(--tinta); font-size: var(--tam-3); line-height: var(--alt-3); overflow-wrap: anywhere;
}
.lj .passagem > .acoes { margin-top: var(--esp-1); }
.lj .ainda-nao { display: grid; gap: var(--esp-2); }
.lj .ainda-nao > li { position: relative; padding-left: 18px; font-size: var(--tam-3); line-height: 21px; color: var(--tinta-2); }
.lj .ainda-nao > li::before {
  content: ""; position: absolute; left: 2px; top: 10px; width: 8px; height: 1.5px; border-radius: 1px; background: var(--tinta-3);
}

.lj .pergunte-faixa {
  display: grid; gap: var(--esp-3); padding: var(--esp-4); border-radius: var(--r-3);
  background: var(--papel); box-shadow: var(--sombra-anel);
}
.lj .pergunte-faixa-cabeca { display: flex; align-items: center; gap: var(--esp-2); }
.lj .pergunte-faixa-cabeca > svg { flex: none; width: 18px; height: 18px; color: var(--tinta-2); }
.lj .pergunte-faixa-cabeca .ico-ponto { fill: var(--marca); }
.lj .pergunte-faixa-cabeca > h2 { font-size: var(--tam-4); line-height: var(--alt-4); font-weight: var(--peso-medio); }
.lj .pergunte-faixa > ul { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.lj .pergunte-faixa .outra { align-self: center; font-size: var(--tam-3); font-weight: var(--peso-medio); }
.lj .envio + .pergunte-faixa { margin-top: var(--esp-4); }
@media (min-width: 720px) {
  .lj .pergunte-faixa { grid-template-columns: auto minmax(0, 1fr); align-items: start; column-gap: var(--esp-4); padding: var(--esp-3) var(--esp-5); }
  .lj .pergunte-faixa-cabeca { min-height: 38px; }
}

.lj .turno[hidden], .lj .espera[hidden] { display: none; }
.lj .espera { color: var(--tinta-2); }
.lj p.espera:not(.turno-texto) { font-size: var(--tam-3); line-height: var(--alt-3); }
.lj .pontos { flex: none; display: block; width: 20px; height: 20px; fill: var(--marca); }
.lj .espera > .pontos { display: inline-block; margin-left: var(--esp-1); vertical-align: middle; }
.lj .pontos > circle { animation: lj-pontos .6s ease-in-out infinite alternate both; }
.lj .pontos > circle:nth-child(2) { animation-delay: .2s; }
.lj .pontos > circle:nth-child(3) { animation-delay: .4s; }
@keyframes lj-pontos { from { opacity: .3; } to { opacity: 1; } }
.lj .turno-texto.digitando { padding-block: var(--esp-2); }
.lj .digitando > .pontos { width: calc(var(--alt-4) + var(--esp-2)); height: calc(var(--alt-4) + var(--esp-2)); }
.lj .digitando > .pontos > circle { animation: lj-digitar 1.2s ease-in-out infinite both; }
.lj .digitando > .pontos > circle:nth-child(2) { animation-delay: .2s; }
.lj .digitando > .pontos > circle:nth-child(3) { animation-delay: .4s; }
@keyframes lj-digitar { 0%, 50%, 100% { opacity: .35; transform: none; } 25% { opacity: 1; transform: translateY(-2px); } }
.lj .sugestao[aria-disabled="true"] { background: var(--pedra-2); color: var(--tinta-2); box-shadow: none; cursor: not-allowed; }
.lj .um-produto .topo-pergunta-enviar > svg.pontos { display: none; }
.lj .um-produto .topo-pergunta.demora .topo-pergunta-enviar > svg:not(.pontos) { display: none; }
.lj .um-produto .topo-pergunta.demora .topo-pergunta-enviar > svg.pontos { display: block; width: 18px; height: 18px; }

.lj.moldura-estreita .pagina { max-width: 480px; }

.lj .tipo-aviso { max-width: 600px; }

.lj .tipo-passos { max-width: 640px; }
.lj .tipo-passos:where(.largo) { max-width: 1000px; }
@media (min-width: 720px) {
  .lj .tipo-passos:where(.passos-estreito) { max-width: 440px; }
}

.lj:not(:where(.interno)):not(:where(.interno > *)) .tipo-detalhe:where(:not(:has(.detalhe-lado))) { max-width: var(--coluna-principal); }
.lj:not(:where(.interno)):not(:where(.interno > *)) .detalhe-grade:where(:not(:has(> .detalhe-lado))) { grid-template-columns: minmax(0, 1fr); }
.lj:not(:where(.interno)):not(:where(.interno > *)) .tipo-lista:where(:not(:has(.colunas > .lado)):not(:has(thead > tr > th:nth-child(7)))) { --principal: 100%; max-width: var(--coluna-principal); }
.lj:not(:where(.interno)):not(:where(.interno > *)) :where(.tipo-lista) .colunas:where(:not(:has(> .lado))) { grid-template-columns: minmax(0, 1fr); }
.lj:not(:where(.interno)):not(:where(.interno > *)) .tipo-feed:where(:not(:has(.inicio-coluna > .lado))) { max-width: calc(880px + 2 * var(--calha)); }

}