/* Diagnóstico de carta — casca de aplicativo em formato de tablet. Usa as cores e os tipos de ../assets/site.css */
html,body{height:100%}
.app-body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#060505;padding:clamp(0px,2.5vw,32px)}
.tablet{width:min(1120px,100%);height:min(800px,calc(100dvh - 64px));background:var(--bg);border:14px solid #191713;border-radius:38px;box-shadow:0 0 0 1px rgba(236,228,212,.14),0 40px 120px rgba(0,0,0,.7);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
@media (max-width:1100px),(max-height:680px){.app-body{padding:0;display:block}.tablet{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}}
.app-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(18px,3vw,34px);border-bottom:1px solid var(--line)}
.app-topo .marca-emb{height:36px}.app-topo .marca-nome{height:24px;width:auto}
.app-prog{height:2px;background:var(--line)}.app-prog i{display:block;height:100%;width:0;background:var(--brass);transition:width .3s}
.app-tela{overflow:auto;padding:clamp(24px,4vw,46px) clamp(18px,4vw,56px);outline:0;-webkit-overflow-scrolling:touch}
.app-barra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(18px,3vw,34px);border-top:1px solid var(--line);background:var(--bg-2)}
.app-barra .btn{min-width:150px;padding:17px 22px}.app-barra [hidden]{display:inline-flex!important;visibility:hidden}
.passo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:start}
.passo h1{font-size:clamp(30px,4vw,46px);line-height:1.06;outline:0}
.passo .lead{margin-top:16px;font-size:17px}
@media (max-width:820px){.passo{grid-template-columns:minmax(0,1fr)}}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tiles.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.tiles,.tiles.t3{grid-template-columns:minmax(0,1fr)}}
.tile{position:relative;display:block}.tile input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tile span{display:flex;align-items:center;min-height:76px;padding:14px 20px;border:1px solid var(--line-2);font:400 21px/1.2 var(--f-serif);transition:border-color .15s,background .15s,color .15s}
.tile input:checked+span{border-color:var(--brass);background:rgba(209,169,97,.12);color:var(--brass-2)}
.tile input:focus-visible+span{outline:1px solid var(--brass);outline-offset:3px}
.cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:820px}
@media (max-width:820px){.cartoes{grid-template-columns:minmax(0,1fr)}}
.cartao{border:1px solid var(--line-2);background:var(--bg-2);padding:24px;display:grid;gap:12px;align-content:start}
.cartao ul{display:grid;gap:6px;font-size:15.5px;color:var(--ink-2)}
.cartao .preco{font:500 26px/1 var(--f-serif);color:var(--brass-2)}.cartao .preco small{font:400 11px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-left:6px}
.abas-app{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);margin:-8px 0 30px}
.abas-app button{padding:14px 16px;font:400 11px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);border-bottom:2px solid transparent;white-space:nowrap}
.abas-app button[aria-selected=true]{color:var(--brass);border-bottom-color:var(--brass)}
[data-painel][hidden]{display:none}
.dg-bloco{display:grid;gap:24px}
.dg-itens{display:grid}
.dg-item{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid var(--line)}.dg-item:first-child{border-top:1px solid var(--line)}
.dg-ing{font:italic 400 19px/1.4 var(--f-serif);color:var(--ink-2);max-width:66ch}
.dg-pq{font-size:15.5px;max-width:70ch}
.dg-ficha{display:grid;gap:8px;font-size:15.5px;color:var(--ink-2);max-width:70ch}.dg-ficha b{font-weight:400;color:var(--ink)}
.dg-num{width:96px;background:transparent;border:0;border-bottom:1px solid var(--line-2);border-radius:0;color:var(--ink);font:300 16px/1.3 var(--f-sans);padding:6px 0;text-align:right;font-variant-numeric:tabular-nums}
.dg-num:focus{outline:none;border-bottom-color:var(--brass)}
.tabela td.num,.tabela th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tabela td small{color:var(--ink-3)}
.dg-tag{font:400 10px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line-2);padding:5px 8px;color:var(--ink-2);white-space:nowrap}.dg-tag.ok{border-color:var(--brass);color:var(--brass)}
.dg-aviso{border:1px solid var(--line-2);padding:16px 20px;color:var(--ink-2);font-size:15.5px;max-width:72ch}
.codigo{width:100%;max-width:340px;background:transparent;border:0;border-bottom:1px solid var(--line-2);color:var(--ink);font:300 22px/1.4 var(--f-sans);padding:10px 0;letter-spacing:.08em}
.codigo:focus{outline:none;border-bottom-color:var(--brass)}
@media print{:root{--bg:#fff;--bg-2:#fff;--bg-3:#fff;--ink:#111;--ink-2:#333;--ink-3:#555;--line:rgba(0,0,0,.2);--line-2:rgba(0,0,0,.4);--brass:#7A5B1E;--brass-2:#7A5B1E}
html,body{height:auto}.app-body{display:block;background:#fff;padding:0}.tablet{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;overflow:visible}
.app-topo,.app-prog,.app-barra,.abas-app,.sem-imp{display:none!important}.app-tela{overflow:visible;padding:0}[data-painel][hidden]{display:grid!important;margin-top:28px}}

.app-tela .planos{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:620px){.app-tela .planos{grid-template-columns:minmax(0,1fr)}}
.app-tela .codigo{max-width:280px}