/* VENDA (scene 'venda') — a mesma linguagem dos ecrãs de mensagem: texto branco à esquerda na margem de 120 px,
   o preço é o único acento (placa lisa na cor da competição), QR escuro em fundo branco à direita */
.scene-venda .vd-block { display: flex; flex-direction: column; align-items: flex-start; }
.scene-venda .vd-tipo { font-size: 32px; line-height: 1.2; letter-spacing: .2em; color: var(--accent); white-space: nowrap; margin-bottom: 26px; }
/* cada linha do título sobe da sua máscara (com folga em cima para os acentos: É, Ã) */
.scene-venda .vd-tmask { overflow: hidden; padding: .26em 0 .06em; margin: -.26em 0 -.06em; }
.scene-venda .vd-title { color: #fff; line-height: .98; white-space: nowrap; letter-spacing: .01em; }
.scene-venda .vd-sub { margin-top: 34px; max-width: 920px; font-size: 38px; line-height: 1.25; letter-spacing: .12em; color: rgba(255,255,255,.65); }
.scene-venda .vd-preco { margin-top: 40px; padding: 14px 28px 12px; border-radius: 6px; background: var(--accent); color: var(--accent-ink); font-size: 60px; line-height: 1; letter-spacing: .02em; white-space: nowrap; }
.scene-venda .vd-img { border-radius: 6px; background: center / cover no-repeat; }
/* com imagem: menos espaço por baixo dela */
.scene-venda .vd-block.com-img .vd-tipo { margin-bottom: 18px; }
.scene-venda .vd-block.com-img .vd-sub { margin-top: 24px; font-size: 34px; }
.scene-venda .vd-block.com-img .vd-preco { margin-top: 30px; font-size: 54px; }
.scene-venda .vd-cap { color: rgba(255,255,255,.65); }

/* QR (também usado em 'adeptos'): o próprio SVG traz o fundo branco e a margem de 4 módulos */
.qr-card { overflow: hidden; border-radius: 10px; background: #fff; }
.qr-card svg { display: block; width: 100%; height: 100%; }