/* O widget `imagem` (FeitoWeb.Widgets.Imagem, docs/telas.md §2). Uma imagem com a legenda embaixo: o QR para parear
   o WhatsApp (26/10/2026) é o primeiro. A `nitida` (o QR) não suaviza ao aumentar e tem o fundo SEMPRE branco — no
   tema escuro também, porque o leitor do celular não lê o QR sobre o escuro (o token não existe de propósito: vale a
   reserva). Regra (docs/telas.md §4, o teste test/feito_web/widgets_regra_test.exs): cor só por token (var(--…), com a
   cor de hoje como reserva). Ligado no layout raiz logo depois do style.css (FeitoWeb.Widgets.folhas/0). Mudou este
   arquivo: `mix casca.escala` (o ./servidor faz sozinho). */

.imagem { display: inline-flex; flex-direction: column; align-items: center; gap: var(--v-esp-2, 8px); margin: 0; max-width: 100%; }
.imagem img { display: block; max-width: 100%; height: auto; }
.imagem-nitida img { image-rendering: pixelated; background: var(--imagem-fundo-nitida, #fff); padding: var(--v-esp-2, 8px); border-radius: var(--v-raio-ctrl, 8px); }
.imagem figcaption { color: var(--e-suave, var(--suave)); text-align: center; overflow-wrap: anywhere; }
.imagem-vazia { color: var(--e-suave, var(--suave)); }