/* ============================================================================
INFORA — CARTÕES DE PREÇO DOS PACOTES DE ASSINATURA (09/10/2026)
Folha compartilhada: entra pelo
DEPOIS do infora.css. Tudo aqui tem o prefixo pc- (não mexe no resto da página).
PEDIDO DO JR (09/10): "deixar a tabela de preços com o layout mais parecido com o
anexo 2, claro que respeitando as cores e a identidade do site". O anexo é a
tabela de preços em cartões altos: topo em degradê com faixas diagonais, o
preço num círculo sobre a ponta (chevron) que separa o topo do corpo, a lista
com ✓ em "pílulas" e o botão em pílula no pé.
O QUE É DA INFORA NESSA LEITURA
• Cada cartão tem cor própria, mas a cor é um DEGRAU DA MESMA FAMÍLIA VERDE:
sálvia (1 doc, o preço cheio) → verde-água → teal → jade → esmeralda → o
verde vivo da marca com brilho (100 docs, o menor preço por documento).
Quanto maior o pacote, mais viva a cor — a escada é informação, não enfeite.
• As estrelinhas do anexo viraram o SELO DE DESCONTO (−22,6%…): estrela de
avaliação seria nota inventada.
• O anel do círculo é um MEDIDOR: o arco aceso é o desconto por documento
sobre o avulso (R$ 12,90) — vazio no avulso, 65,1% no de 100. Substitui a
barrinha do desenho anterior; a legenda acima dos cartões explica.
• Space Grotesk no texto, JetBrains Mono no dinheiro (alinha número com número).
• Texto escuro (#04170d) sobre a cor: contraste ≥ 4,9:1 em QUALQUER ponto de
todos os degradês (medido 09/10: pior caso 4,94:1, a ponta escura da sálvia).
• CSP style-src 'self': nada de style="" nem