/* Artes do livro Saldo Claro em vetor. Gerado por scripts/util/converter-artes.js
   Cada face é um container; 1 px da arte original (341x512) = var(--u). */
.art { position: absolute; inset: 0; overflow: hidden; --u: calc(100cqh / 512);
  --red: #b52218; --red-dark: #9c1c13; --paper: #f5efe6; --ink: #1c1a18; --muted: #6f6861; --line: #d9d1c4; --gold: #b8904a;
  background: var(--paper); -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; line-height: normal; letter-spacing: normal; }
.art .abs { position: absolute; }
.art .mono { font-family: 'IBM Plex Mono', monospace; letter-spacing: .06em; text-transform: uppercase; }
.art-capa .band { left:0; top:0; width:calc(341 * var(--u)); height:calc(148 * var(--u)); background: var(--red); border-bottom: calc(3 * var(--u)) solid #8e1911; }
.art-capa .bars span { position:absolute; top:calc(24 * var(--u)); width:calc(1.6 * var(--u)); height:calc(20 * var(--u)); background:#fff; }
.art-capa .brand { left:calc(30 * var(--u)); top:calc(57 * var(--u)); color:#fff; font: 700 calc(8.6 * var(--u)) 'Archivo'; font-stretch: 95%; letter-spacing:.04em; }
.art-capa .kit { left:calc(30 * var(--u)); top:calc(85 * var(--u)); color:#f3c9c2; font-size:calc(5.6 * var(--u)); }
.art-capa .badge { left:calc(252 * var(--u)); top:calc(18 * var(--u)); width:calc(63 * var(--u)); height:calc(31 * var(--u)); background: var(--ink); color:#fff; text-align:center; font: 800 calc(8.4 * var(--u))/1.05 'Archivo'; padding-top:calc(6 * var(--u)); letter-spacing:.02em; }
.art-capa .title { left:calc(27 * var(--u)); top:calc(161 * var(--u)); font: 800 calc(42.5 * var(--u))/0.99 'Archivo'; font-stretch: 86%; letter-spacing:.005em; }
.art-capa .title .r { color: var(--red); }
.art-capa .title .k { color: var(--ink); }
.art-capa .rule { left:calc(28 * var(--u)); top:calc(291 * var(--u)); width:calc(19 * var(--u)); height:calc(3 * var(--u)); background: var(--red); }
.art-capa .sub { left:calc(28 * var(--u)); top:calc(304 * var(--u)); width:calc(290 * var(--u)); color: var(--ink); font: 600 calc(10.6 * var(--u))/1.36 'Instrument Sans'; }
.art-capa .vline { left:calc(35 * var(--u)); top:calc(376 * var(--u)); width:calc(1 * var(--u)); height:calc(58 * var(--u)); background: var(--red); }
.art-capa .item { left:calc(29 * var(--u)); height:calc(12 * var(--u)); display:flex; align-items:center; gap:calc(10 * var(--u)); }
.art-capa .item b { width:calc(12 * var(--u)); height:calc(12 * var(--u)); display:grid; place-items:center; color:#fff; font: 700 calc(6.6 * var(--u)) 'Archivo'; }
.art-capa .item span { color: var(--ink); font: 700 calc(7.2 * var(--u)) 'Archivo'; font-stretch: 92%; letter-spacing:.035em; }
.art-capa .foot-line { left:calc(28 * var(--u)); top:calc(464 * var(--u)); width:calc(285 * var(--u)); height:calc(.8 * var(--u)); background: var(--line); }
.art-capa .foot { top:calc(477 * var(--u)); color: var(--muted); font-size:calc(4.9 * var(--u)); }
.art-verso .band { left:0; top:0; width:calc(341 * var(--u)); height:calc(82 * var(--u)); background: var(--red); }
.art-verso .brand { left:calc(29 * var(--u)); top:calc(31 * var(--u)); color:#fff; font: 800 calc(24.5 * var(--u))/1.02 'Archivo'; font-stretch: 92%; }
.art-verso .kitn { left:calc(289 * var(--u)); top:calc(38 * var(--u)); color:#f3c9c2; font-size:calc(5.4 * var(--u)); line-height:1.9; }
.art-verso .h { left:calc(28 * var(--u)); top:calc(115 * var(--u)); color: var(--ink); font: 800 calc(17.2 * var(--u))/1.06 'Archivo'; font-stretch: 94%; letter-spacing:.005em; }
.art-verso .rule { left:calc(28 * var(--u)); top:calc(158 * var(--u)); width:calc(19 * var(--u)); height:calc(3 * var(--u)); background: var(--red); }
.art-verso .p { left:calc(28 * var(--u)); width:calc(290 * var(--u)); color: var(--ink); font: 400 calc(10.4 * var(--u))/1.42 'Instrument Sans'; }
.art-verso .line { left:calc(28 * var(--u)); width:calc(285 * var(--u)); height:calc(.8 * var(--u)); background: var(--line); }
.art-verso .tag { left:calc(28 * var(--u)); top:calc(283 * var(--u)); color: var(--red); font-size:calc(5.4 * var(--u)); }
.art-verso .n { left:calc(28 * var(--u)); color: var(--red); font-size:calc(5.8 * var(--u)); }
.art-verso .it { left:calc(51 * var(--u)); color: var(--ink); font: 700 calc(9.2 * var(--u)) 'Archivo'; font-stretch: 95%; letter-spacing:.02em; }
.art-verso .d { left:calc(51 * var(--u)); color: var(--muted); font: 400 calc(7.3 * var(--u)) 'Instrument Sans'; }
.art-verso .site { left:calc(28 * var(--u)); top:calc(451 * var(--u)); color: var(--ink); font: 800 calc(8.8 * var(--u)) 'Archivo'; letter-spacing:.02em; }
.art-verso .foot { top:calc(470 * var(--u)); color: var(--muted); font-size:calc(4.7 * var(--u)); }
.art-lombada { width:calc(47 * var(--u)); height:calc(512 * var(--u)); background: var(--red-dark); }
.art-lombada .core { left:calc(3 * var(--u)); top:0; width:calc(41 * var(--u)); height:calc(512 * var(--u)); background: linear-gradient(90deg, #a81f15, var(--red) 45%, #a81f15); }
.art-lombada .edge { top:0; width:calc(1.2 * var(--u)); height:calc(512 * var(--u)); background: var(--gold); opacity:.55; }
.art-lombada .gold { left:calc(3 * var(--u)); width:calc(41 * var(--u)); height:calc(2 * var(--u)); background: var(--gold); }
.art-lombada .date { left:0; width:calc(47 * var(--u)); top:calc(28 * var(--u)); text-align:center; color:#e9b3aa; font-size:calc(4.6 * var(--u)); }
.art-lombada .txt { left:50%; top:50%; transform: translate(-50%, -50%) rotate(-90deg); white-space:nowrap; color:#fff; font: 800 calc(7.6 * var(--u)) 'Archivo'; letter-spacing:.06em; }