/* Varden — generated from tokens.json */
@font-face { font-family: "Inter"; src: url("fonts/Inter-latin-opsz-wght.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Young Serif"; src: url("fonts/YoungSerif-Varden.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
:root {
  --fundo: #ffffff;
  --branco: #ffffff;
  --superficie: #f3f0ec;
  --linha: #e7e2dc;
  --linha-forte: #8a827a;
  --texto: #1d1b19;
  --texto-secundario: #6b6560;
  --marca: #b14728;
  --marca-escura: #9a3414;
  --marca-suave: #ffe8e0;
  --sobre-marca: #ffffff;
  --apoio: #2f5d46;
  --apoio-suave: #dcf6e6;
  --erro: #a52836;
  --foco: var(--marca);
  --sombra-leve: 0 1px 2px #1d1b190d, 0 12px 32px -16px #1d1b1929;
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 16px;
  --espaco-4: 24px;
  --espaco-5: 40px;
  --espaco-6: 64px;
  --espaco-7: 96px;
  --raio-pequeno: 8px;
  --raio-medio: 12px;
  --raio-grande: 20px;
  --raio-redondo: 999px;
  --raio-barra: 4px;
  --largura-maxima: 1120px;
  --largura-texto: 640px;
  --largura-bloco: 480px;
  --altura-barra: 64px;
  --altura-barra-computador: 72px;
  --altura-controlo: 52px;
  --altura-controlo-pequeno: 44px;
  --altura-area-texto: 128px;
  --tamanho-icone: 20px;
  --tamanho-medalha: 40px;
  --tamanho-qr: 112px;
  --espessura-linha: 1px;
  --espessura-foco: 2px;
  --afastamento-sublinhado: 0.22em;
  --camada-barra: 10;
  --altura-grafico: 112px;
  --largura-barra: 24px;
  --tamanho-retrato: 64px;
  --letra-titulo-topo-computador: 80px;
  --entrelinha-titulo-topo-computador: 84px;
  --letra-titulo-seccao-computador: 44px;
  --entrelinha-titulo-seccao-computador: 52px;
  --letra-subtitulo-computador: 20px;
  --entrelinha-subtitulo-computador: 32px;
  --letra-texto-base-computador: 17px;
  --entrelinha-texto-base-computador: 28px;
  --letra-numero-grande-computador: 112px;
  --entrelinha-numero-grande-computador: 112px;
  --letra-numero-telefone-computador: 56px;
  --entrelinha-numero-telefone-computador: 60px;
  --letra-titulo-etapa-computador: 32px;
  --entrelinha-titulo-etapa-computador: 40px;
  --letra-numero-preco-computador: 72px;
  --entrelinha-numero-preco-computador: 72px;
  --duracao: 160ms;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-marca: "Young Serif", Georgia, "Times New Roman", serif;
}
.titulo-topo { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.035em; }
.titulo-seccao { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.03em; }
.subtitulo { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; }
.titulo-cartao { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -0.01em; }
.titulo-etapa { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.025em; }
.texto-base { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: 0; }
.texto-pequeno { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }
.rotulo { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 500; letter-spacing: 0; }
.legenda { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; }
.etiqueta { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; }
.numero-grande { font-family: var(--font-sans); font-size: 60px; line-height: 60px; font-weight: 700; letter-spacing: -0.04em; }
.numero-telefone { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; }
.numero-preco { font-family: var(--font-sans); font-size: 56px; line-height: 56px; font-weight: 700; letter-spacing: -0.04em; }
.botao { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0; }
.nome-marca { font-family: var(--font-marca); font-size: 26px; line-height: 32px; font-weight: 400; letter-spacing: 0; }