@page{size:A4;margin:12mm}
*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:12px;line-height:1.45;margin:0}
.noprint{display:none!important}
a{color:#111;text-decoration:none}
h1,h2,h3{margin:0;letter-spacing:-.01em}
.folha{max-width:190mm;margin:0 auto;padding:0}
.pr-bloco{border:1px solid #c8ccd2;border-radius:6px;padding:10px 12px;margin-bottom:10px;break-inside:avoid}
.pr-cab{display:flex;gap:14px;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}
.pr-cab .id{margin-left:auto;text-align:right}
.pr-tab{width:100%;border-collapse:collapse;font-size:12px}
.pr-tab th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#555;border-bottom:1px solid #c8ccd2;padding:5px 6px}
.pr-tab td{border-bottom:1px solid #e2e5e9;padding:6px}
.pr-tab td.num,.pr-tab th.num{text-align:right;font-variant-numeric:tabular-nums}
.rot{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:#666;font-weight:600}
.mut{color:#555}
.mut2{color:#777}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{border:1px solid #c8ccd2;border-radius:999px;padding:2px 8px;font-size:10.5px}
.chip.on{border-color:#111;font-weight:600}
.chip.on.ruim{border-color:#A03A22;color:#A03A22}
.assin{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:28px;break-inside:avoid}
.assin div{border-top:1px solid #888;padding-top:5px;font-size:11px;text-align:center;color:#555}
.legal{font-size:10px;color:#444;line-height:1.5}
.grid{display:grid;gap:10px}
.g2{grid-template-columns:1fr 1fr}
.g3{grid-template-columns:repeat(3,1fr)}
.centro{text-align:center}
.forte{font-weight:600}
.via{font-size:10px;color:#777;text-align:right;margin-bottom:4px}
.corte{border:0;border-top:1px dashed #aaa;margin:16px 0}
.marca-loja{display:flex;gap:10px;align-items:center}
.marca-loja .sigla{width:38px;height:38px;border:1.5px solid #111;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:15px}
.marca-loja .nm b{font-size:15px}
.pr-cab .id b{display:block;font-size:21px;line-height:1.15}
.pr-cab .mut{font-size:11px}
.pr-bloco .grid{margin-top:6px}
.pr-bloco .legal{margin-top:6px}
.pr-bloco .legal:first-child,.pr-bloco .rot + .legal{margin-top:0}
.folha > .legal.centro{margin-top:16px}
.folha > .assin + .legal.centro{margin-top:14px}

/* Na tela isto e uma PREVIA: a folha aparece como papel sobre a mesa, para que
   o que se ve seja o que sai. Impresso, este bloco inteiro nao existe. */
@media screen{
  body{background:#5A6068;padding:0 0 40px}
  .folha{background:#fff;box-shadow:0 10px 40px -12px rgba(0,0,0,.6);padding:18mm 15mm;margin:0 auto;border-radius:2px}
  .barra-print{max-width:190mm;margin:0 auto;padding:14px 0;display:flex;gap:8px;align-items:center}
  .barra-print .esp{flex:1}
  .barra-print .btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:7px;
    border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}
  .barra-print .btn.pri{background:#fff;color:#111;border-color:#fff}
  .barra-print .btn svg{width:15px;height:15px}
  @media(max-width:800px){.folha{padding:14px;border-radius:0}.barra-print{padding:12px}}
}