/* Fenaky Design System · tokens. Origem: pacote aprovado fenaky-design-system/project/tokens.css (sha256 696a1d9c36451d58aa76b08c59a3b506f3a442cd3b5571482960b119f9ee1f9e).
   Valores e nomes sem alteração. Única adaptação: as fontes apontam para os WOFF2 já servidos em /assets (os arquivos
   latin são idênticos aos do pacote) e mantêm o subconjunto latin-ext do app, com os mesmos unicode-range de
   /assets/fonts.css. Contrato de carga em docs/DESIGN-SYSTEM.md.
   Acréscimo fora do pacote (Pedro, 23/10/2026: sem marcação roxa nos campos e nas escolhas): --anel-foco e --borda-escolha,
   ao lado do --foco. O --foco do pacote continua violeta para link, cursor e seleção de texto; os anéis de foco usam --anel-foco. */
/* Fenaky Design System — generated from tokens.json */
:root, [data-theme="escuro"] {
  --bg: #0a0a0b;
  --pagina-pontos: rgba(255,255,255,.07);
  --casca-topo: #1d1d20;
  --casca-meio: #161618;
  --casca-base: #121214;
  --casca-filete-topo: rgba(255,255,255,.22);
  --casca-filete: rgba(255,255,255,.07);
  --casca-filete-meio: rgba(255,255,255,.03);
  --casca-filete-base: rgba(255,255,255,.08);
  --casca-compacta-topo: #212124;
  --casca-compacta-meio: #1a1a1c;
  --casca-compacta-base: #151517;
  --casca-compacta-filete-topo: rgba(255,255,255,.2);
  --modulo-topo: rgba(255,255,255,.042);
  --modulo-base: rgba(255,255,255,.016);
  --modulo-hover-topo: rgba(255,255,255,.065);
  --modulo-hover-base: rgba(255,255,255,.024);
  --poco: #0b0b0c;
  --tabela-cabecalho: #0f0f11;
  --midia-fundo: #141416;
  --midia-sombra-pe: rgba(8,8,10,.55);
  --faixa-topo: #222225;
  --faixa-base: #19191b;
  --texto-faixa: #e4e4e8;
  --tecla-topo: #303035;
  --tecla-base: #232327;
  --tecla-hover-topo: #38383e;
  --tecla-hover-base: #2a2a2f;
  --tecla-acesa-topo: #4a4a51;
  --tecla-acesa-base: #35353b;
  --tecla-acesa-hover-topo: #53535a;
  --tecla-acesa-hover-base: #3c3c42;
  --tecla-silenciosa-aro: rgba(255,255,255,.1);
  --tecla-silenciosa-hover: rgba(255,255,255,.04);
  --seg-acesa-topo: #3a3a40;
  --seg-acesa-base: #2a2a2e;
  --rail-aceso-topo: #323237;
  --rail-aceso-base: #25252a;
  --botao-redondo-topo: #3c3c42;
  --ref-base: #2b2b30;
  --cta-desligado-topo: #2a2a2e;
  --cta-desligado-base: #202024;
  --texto-titulo: #f4f4f6;
  --texto-forte: #f2f2f4;
  --texto-aceso: #f6f6f8;
  --branco: #ffffff;
  --texto: #ededef;
  --texto-campo: #e8e8eb;
  --texto-hover-rail: #e6e6ea;
  --texto-hover: #e2e2e6;
  --texto-tecla: #dcdce0;
  --texto-link: #d6d6da;
  --texto-icone: #cfcfd4;
  --texto-suave: #cacacf;
  --texto-leitura: #b7b7bd;
  --texto-unidade: #a9a9af;
  --texto-apoio: #9a9aa0;
  --texto-rotulo: #909096;
  --texto-titulo-apagado: #8f8f96;
  --texto-rail: #8f8f95;
  --texto-rail-aqui: #d2d2d7;
  --texto-controle: #8e8e94;
  --texto-aba: #8d8d93;
  --texto-nota: #8a8a90;
  --texto-dica: #85858b;
  --texto-contagem: #7d7d84;
  --texto-separador: #5c5c62;
  --lima: #d7ff3f;
  --lima-topo: #e8ff80;
  --lima-meio: #d6fc3e;
  --lima-base: #c6ef28;
  --tinta-lima: #141a00;
  --lima-brilho: rgba(215,255,63,.3);
  --lima-halo: rgba(215,255,63,.85);
  --lima-listra: rgba(255,255,255,.3);
  --lima-envio: rgba(215,255,63,.11);
  --lima-envio-borda: rgba(215,255,63,.4);
  --violeta: #be91ff;
  --violeta-hover: #d9c2ff;
  --violeta-sublinhado: rgba(190,145,255,.45);
  --foco: #cdb0ff;
  --anel-foco: #a1a1a6;
  --borda-escolha: color-mix(in srgb, var(--texto-forte) 55%, transparent);
  --tinta-violeta: #140a22;
  --pro-topo: #3e2162;
  --pro-meio: #2d1d44;
  --pro-base: #231b31;
  --pro-filete-topo: rgba(205,176,255,.95);
  --pro-filete-alto: rgba(190,145,255,.55);
  --pro-filete-meio: rgba(190,145,255,.4);
  --pro-filete-base: rgba(190,145,255,.6);
  --pro-brilho: rgba(125,54,234,.45);
  --pro-poco: rgba(12,6,22,.62);
  --pro-texto: #e4d8f3;
  --pro-texto-apoio: #c6b4df;
  --pro-texto-tabela: #b9a6d4;
  --selo-recomendado: #7d36ea;
  --selo-recomendado-topo: #8b47f4;
  --selo-recomendado-base: #6d2bd8;
  --sucesso: #a6e6c4;
  --sucesso-fundo: #1c3328;
  --sucesso-borda: rgba(166,230,196,.16);
  --aviso: #f2cf96;
  --aviso-fundo: #3a2e1a;
  --aviso-borda: rgba(242,207,150,.16);
  --aviso-listra: #8f7044;
  /* Ouro: a estrela de destaque do Gerar com Ginga no topo (Pedro, 17/10/2026). */
  --ouro: #f5c344;
  --erro: #ffa9a7;
  --erro-fundo: #3a1f24;
  --erro-borda: rgba(255,169,167,.16);
  --neutro: #c4c4ca;
  --neutro-fundo: #1f1f23;
  --neutro-borda: rgba(255,255,255,.07);
  --perigo-texto: #ffdcd9;
  --perigo-topo: #5c282d;
  --perigo-base: #431d21;
  --perigo-hover-topo: #6a2d33;
  --perigo-hover-base: #4e2127;
  --perigo-brilho: rgba(255,110,100,.35);
  --perigo-listra: rgba(255,255,255,.07);
  --pilula: var(--texto-forte);
  --tinta-pilula: #111113;
  --sulco-sombra: rgba(0,0,0,.6);
  --sulco-luz: rgba(255,255,255,.045);
  --sulco-pro-sombra: rgba(10,4,20,.55);
  --sulco-pro-luz: rgba(255,255,255,.08);
  --divisor-sombra: rgba(0,0,0,.5);
  --divisor-luz: rgba(255,255,255,.04);
  --linha-tabela: rgba(255,255,255,.035);
  --linha-abas: rgba(255,255,255,.07);
  --filete-midia: rgba(255,255,255,.06);
  --filete-midia-hover: rgba(255,255,255,.2);
  --anel-escolha: rgba(242,242,244,.12);
  --traco-envio: rgba(255,255,255,.17);
  --traco-envio-hover: rgba(255,255,255,.32);
  --veu-dialogo: rgba(5,5,6,.62);
  --veu-central: rgba(5,5,6,.46);
  --veu-vidro: rgba(10,10,12,.5);
  --veu-play: rgba(10,10,12,.55);
  --veu-controles: rgba(14,14,16,.5);
  --fundo-hover: rgba(255,255,255,.03);
  --fundo-hover-forte: rgba(255,255,255,.07);
  --filtro-reflexo: rgba(255,255,255,.07);
  --filtro-atlas-fundo: #1a1a1c;
  --shadow-casca: 0 0 0 1px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.45),0 28px 64px -14px rgba(0,0,0,.9),0 70px 120px -40px rgba(0,0,0,.95);
  --shadow-casca-elevada: 0 0 0 1px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.5),0 40px 80px -16px rgba(0,0,0,.95),0 90px 150px -40px rgba(0,0,0,1);
  --shadow-casca-pro: 0 0 0 1px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.45),0 28px 64px -14px rgba(0,0,0,.9),0 40px 90px -40px rgba(125,54,234,.45);
  --shadow-casca-pro-elevada: 0 0 0 1px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.5),0 40px 80px -16px rgba(0,0,0,.95),0 50px 110px -36px rgba(125,54,234,.6);
  --shadow-dialogo: 0 0 0 1px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.45),0 28px 64px -14px rgba(0,0,0,.9),0 70px 120px -40px rgba(0,0,0,.95);
  --shadow-folha: 0 0 0 1px rgba(0,0,0,.7),0 -2px 4px rgba(0,0,0,.35),0 -30px 80px -12px rgba(0,0,0,.9);
  --shadow-toast: 0 0 0 1px rgba(0,0,0,.72),0 2px 4px rgba(0,0,0,.45),0 18px 38px -12px rgba(0,0,0,.85),0 40px 80px -30px rgba(0,0,0,.9);
  --shadow-card-canto: 0 0 0 1px rgba(0,0,0,.72),0 2px 4px rgba(0,0,0,.45),0 22px 44px -12px rgba(0,0,0,.88),0 44px 90px -30px rgba(0,0,0,.92);
  --shadow-faixa: inset 0 -1px 0 rgba(255,255,255,.05),0 1px 0 rgba(0,0,0,.75),0 12px 26px -12px rgba(0,0,0,.85);
  --shadow-modulo: inset 0 1px 0 rgba(255,255,255,.065),inset 0 0 0 1px rgba(255,255,255,.045),0 1px 0 rgba(0,0,0,.55),0 8px 18px -10px rgba(0,0,0,.7);
  --shadow-modulo-hover: inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.12),0 1px 0 rgba(0,0,0,.55),0 8px 18px -10px rgba(0,0,0,.7);
  --shadow-modulo-atalho-hover: inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(255,255,255,.12),0 1px 0 rgba(0,0,0,.55),0 12px 22px -10px rgba(0,0,0,.8);
  --shadow-poco: inset 0 2px 5px rgba(0,0,0,.75),inset 0 0 0 1px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.055);
  --shadow-poco-trilho: inset 0 2px 4px rgba(0,0,0,.75),inset 0 0 0 1px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.055);
  --shadow-poco-fundo: inset 0 2px 6px rgba(0,0,0,.8),inset 0 0 0 1px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.055);
  --shadow-contagem-pilula: inset 0 1px 3px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06);
  --shadow-tecla: inset 0 1px 0 rgba(255,255,255,.11),0 0 0 1px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.45);
  --shadow-tecla-pressionada: inset 0 1px 3px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.6);
  --shadow-tecla-acesa: inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(0,0,0,.6),0 0 0 3px rgba(242,242,244,.09),0 2px 6px rgba(0,0,0,.5);
  --shadow-tecla-icone: inset 0 1px 0 rgba(255,255,255,.11),0 0 0 1px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.5);
  --shadow-tecla-suave: inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.45);
  --shadow-tecla-suave-hover: inset 0 1px 0 rgba(255,255,255,.13),inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 1px rgba(0,0,0,.6),0 4px 10px -2px rgba(0,0,0,.55);
  --shadow-seg-acesa: inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.55);
  --shadow-rail-aceso: inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.5);
  --shadow-rail-marca: 0 4px 12px rgba(0,0,0,.6);
  --shadow-marca-quadro: 0 0 0 1px rgba(0,0,0,.6),0 3px 10px rgba(0,0,0,.55);
  --shadow-botao-redondo: inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(0,0,0,.65),0 3px 8px rgba(0,0,0,.6);
  --shadow-ref: inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(0,0,0,.55);
  --shadow-cta: inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.65),0 12px 30px -8px rgba(215,255,63,.3);
  --shadow-cta-desligado: inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.4);
  --shadow-perigo: inset 0 1px 0 rgba(255,190,186,.2),0 0 0 1px rgba(0,0,0,.65),0 2px 6px rgba(0,0,0,.5),0 10px 24px -10px rgba(255,110,100,.35);
  --shadow-midia: 0 0 0 1px rgba(255,255,255,.06),0 10px 24px -10px rgba(0,0,0,.8);
  --shadow-midia-hover: 0 0 0 1px rgba(255,255,255,.2),0 14px 28px -10px rgba(0,0,0,.9);
  --shadow-midia-escolhida: 0 0 0 2px #f2f2f4,0 0 0 6px rgba(242,242,244,.12),0 14px 30px -10px rgba(0,0,0,.9);
  --shadow-midia-vitrine: 0 0 0 1px rgba(255,255,255,.06),0 10px 20px -12px rgba(0,0,0,.85);
  --shadow-midia-vitrine-anel: 0 0 0 2px rgba(242,242,244,.92),0 0 0 6px rgba(242,242,244,.1),0 16px 28px -14px rgba(0,0,0,.95);
  --shadow-midia-vitrine-celular: 0 0 0 1px rgba(255,255,255,.06),0 12px 26px -12px rgba(0,0,0,.85);
  --shadow-midia-vitrine-anel-celular: 0 0 0 2px rgba(242,242,244,.92),0 0 0 6px rgba(242,242,244,.1),0 18px 34px -14px rgba(0,0,0,.95);
  --shadow-midia-vitrine-filete: inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.14);
  --shadow-midia-ativa: 0 0 0 2px rgba(242,242,244,.92),0 0 0 6px rgba(242,242,244,.1),0 16px 28px -14px rgba(0,0,0,.95);
  --shadow-miniatura: 0 0 0 1px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.08),0 5px 12px rgba(0,0,0,.55);
  --shadow-miniatura-atalho: 0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.1);
  --shadow-moldura: 0 0 0 1px rgba(0,0,0,.8),0 0 0 7px rgba(255,255,255,.03),0 0 0 8px rgba(0,0,0,.55),0 50px 110px -24px rgba(0,0,0,.95);
  --shadow-pilula: 0 4px 10px rgba(0,0,0,.4);
  --shadow-etiqueta-clara: 0 4px 10px rgba(0,0,0,.45);
  --shadow-etiqueta-legenda: 0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.6);
  --shadow-vidro: inset 0 0 0 1px rgba(255,255,255,.14);
  --shadow-play: inset 0 0 0 1px rgba(255,255,255,.18);
  --shadow-selo-recomendado: inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(0,0,0,.55),0 6px 16px -4px rgba(125,54,234,.65);
  --shadow-brilho-lima: 0 0 10px rgba(215,255,63,.85);
  --shadow-filtro: 0 0 0 1px rgba(0,0,0,.7),0 4px 10px -4px rgba(0,0,0,.7);
  --shadow-filtro-hover: 0 0 0 1px rgba(255,255,255,.28),0 6px 14px -4px rgba(0,0,0,.8);
  --shadow-filtro-escolhido: 0 0 0 2px #f2f2f4,0 0 0 5px rgba(242,242,244,.13),0 8px 18px -6px rgba(0,0,0,.85);
  --shadow-filtro-filete: inset 0 0 0 1px rgba(255,255,255,.08);
  --shadow-filtro-marca: 0 2px 6px rgba(0,0,0,.55);
}
:root {
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-26: 26px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --radius-2: 2px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-7: 7px;
  --radius-8: 8px;
  --radius-9: 9px;
  --radius-10: 10px;
  --radius-11: 11px;
  --radius-12: 12px;
  --radius-13: 13px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-18: 18px;
  --radius-22: 22px;
  --radius-24: 24px;
  --radius-26: 26px;
  --radius-28: 28px;
  --radius-pilula: 999px;
  --radius-circulo: 50%;
  --duracao-escalonamento: 40ms;
  --duracao-pressao: 100ms;
  --duracao-hover: 150ms;
  --duracao-rapida: 200ms;
  --duracao-cor: 250ms;
  --duracao-saida: 260ms;
  --duracao-curta: 300ms;
  --duracao-atraso-entrada: 380ms;
  --duracao-entrada-toast: 420ms;
  --duracao-media: 450ms;
  --duracao-central-fecha: 500ms;
  --duracao-escalonamento-teto: 560ms;
  --duracao-deslize: 600ms;
  --duracao-silencio: 700ms;
  --duracao-central-abre: 850ms;
  --duracao-dialogo: 900ms;
  --duracao-listras: 900ms;
  --duracao-entrada: 950ms;
  --duracao-giro: 1000ms;
  --duracao-pulso: 1600ms;
  --duracao-varredura: 2800ms;
  --duracao-toast: 5000ms;
  --duracao-toast-longo: 8000ms;
  --duracao-marca: 180ms;
  --duracao-anel: 280ms;
  --duracao-contador: 400ms;
  --duracao-zoom: 700ms;
  --duracao-rail-cor: 300ms;
  --duracao-rail-luz: 350ms;
  --duracao-rail-assentar: 600ms;
  --duracao-rail-compacto: 180ms;
  --duracao-pilha-pilula: 500ms;
  --duracao-pilha-pilula-sai: 350ms;
  --duracao-pilha-altura: 700ms;
  --duracao-pilha-conteudo: 160ms;
  --duracao-pilha-conteudo-volta: 350ms;
  --duracao-pilha-volta: 500ms;
  --duracao-pilha-volta-desliza: 850ms;
  --curva-casa: cubic-bezier(.16,1,.3,1);
  --curva-saida: cubic-bezier(.4,0,1,1);
  --curva-recolher: cubic-bezier(.5,0,.75,0);
  --curva-varredura: cubic-bezier(.45,0,.2,1);
  --curva-troca: cubic-bezier(.2,.7,.3,1);
  --curva-pilha: cubic-bezier(.32,.72,0,1);
  --curva-opacidade: ease;
  --curva-linear: linear;
  --curva-mola: cubic-bezier(.34,1.56,.64,1);
  --desfoque-texto: 4px;
  --desfoque-veu-central: 4px;
  --desfoque-saida: 8px;
  --desfoque-vidro: 10px;
  --desfoque-chegada: 10px;
  --desfoque-veu: 12px;
  --desfoque-toast: 12px;
  --desfoque-dialogo: 14px;
  --desfoque-entrada: 16px;
  --desfoque-controles: 16px;
  --desfoque-ambiente: 80px;
  --desfoque-dica: 3px;
  --opacidade-desligado: 0.45;
  --opacidade-pilha-segunda: 0.3;
  --opacidade-pilha-terceira: 0.55;
  --camada-fundo: -1;
  --camada-casca-filete: 3;
  --camada-veu-painel: 10;
  --camada-painel-sobreposto: 20;
  --camada-rail: 30;
  --camada-faixa: 70;
  --camada-rail-luz: -1;
  --camada-pilha-recolhida: 60;
  --camada-central-veu: 64;
  --camada-central: 65;
  --camada-sino-aberto: 66;
  --camada-pilha-sob-veu: 70;
  --camada-dialogo-veu: 80;
  --camada-dialogo: 81;
  --camada-popup-veu: 90;
  --camada-popup: 91;
  --camada-toasts: 95;
  --tamanho-rail: 76px;
  --tamanho-rail-celular: 62px;
  --tamanho-rail-item: 58px;
  --tamanho-rail-marca: 42px;
  --tamanho-rail-marca-celular: 44px;
  --tamanho-rail-icone: 19px;
  --tamanho-rail-item-celular-largura: 54px;
  --tamanho-rail-item-celular-altura: 56px;
  --tamanho-rail-conta: 40px;
  --tamanho-inicio-conteudo: 100px;
  --tamanho-topo: 64px;
  --tamanho-topo-celular: 62px;
  --tamanho-coluna-institucional: 1200px;
  --tamanho-painel-criar: 384px;
  --tamanho-painel-central: 400px;
  --tamanho-painel-mais: 292px;
  --tamanho-toast: 380px;
  --tamanho-card-canto: 360px;
  --tamanho-popup: 440px;
  --tamanho-dialogo: 468px;
  --tamanho-faixa: 40px;
  --tamanho-cta: 50px;
  --tamanho-tecla: 30px;
  --tamanho-tecla-sm: 26px;
  --tamanho-tecla-redonda: 32px;
  --tamanho-seg-opcao: 30px;
  --tamanho-seg-modo: 38px;
  --tamanho-botao-redondo: 28px;
  --tamanho-botao-redondo-sm: 24px;
  --tamanho-saldo: 34px;
  --tamanho-vidro: 26px;
  --tamanho-vidro-sm: 22px;
  --tamanho-ref: 21px;
  --tamanho-alvo: 32px;
  --tamanho-alvo-minimo: 24px;
  --tamanho-foco: 2px;
  --tamanho-foco-afastamento: 3px;
  --tamanho-sulco: 2px;
  --tamanho-trilho: 3px;
  --tamanho-barra-tempo: 2px;
  --tamanho-grao: 192px;
  --tamanho-grade-pontos: 24px;
  --tamanho-pilha-guardada: 28px;
  --font-display: "Space Grotesk", sans-serif;
  --font-texto: Manrope, sans-serif;
}
.display-hero { font-family: var(--font-display); font-size: 64px; line-height: 1.02; font-weight: 500; letter-spacing: -0.04em; }
.display-pagina { font-family: var(--font-display); font-size: 56px; line-height: 1.06; font-weight: 500; letter-spacing: -0.04em; }
.titulo-pagina { font-family: var(--font-display); font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: -0.025em; }
.titulo-secao { font-family: var(--font-display); font-size: 30px; line-height: 1; font-weight: 600; letter-spacing: -0.03em; }
.titulo-dialogo { font-family: var(--font-display); font-size: 26px; line-height: 1.1; font-weight: 600; letter-spacing: -0.025em; }
.titulo-plano { font-family: var(--font-display); font-size: 24px; line-height: 1; font-weight: 600; letter-spacing: -0.03em; }
.titulo-painel { font-family: var(--font-display); font-size: 20px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; }
.titulo-cartao { font-family: var(--font-display); font-size: 19px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; }
.marca { font-family: var(--font-display); font-size: 19px; line-height: 1; font-weight: 600; letter-spacing: -0.035em; }
.titulo-aviso { font-family: var(--font-display); font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.corpo-destaque { font-family: var(--font-texto); font-size: 14px; line-height: 1.65; font-weight: 500; }
.corpo { font-family: var(--font-texto); font-size: 13px; line-height: 1.5; font-weight: 500; }
.corpo-compacto { font-family: var(--font-texto); font-size: 12.5px; line-height: 1.55; font-weight: 500; }
.nota { font-family: var(--font-texto); font-size: 11px; line-height: 1.5; font-weight: 500; }
.campo { font-family: var(--font-texto); font-size: 13px; line-height: 1.55; font-weight: 500; }
.nome { font-family: var(--font-texto); font-size: 14px; line-height: 1.2; font-weight: 600; }
.item-titulo { font-family: var(--font-texto); font-size: 13px; line-height: 1.35; font-weight: 600; }
.local { font-family: var(--font-texto); font-size: 13px; line-height: 1; font-weight: 600; }
.aba { font-family: var(--font-texto); font-size: 12.5px; line-height: 1; font-weight: 600; }
.controle { font-family: var(--font-texto); font-size: 11.5px; line-height: 1; font-weight: 600; }
.controle-sm { font-family: var(--font-texto); font-size: 11px; line-height: 1; font-weight: 600; }
.cta-rotulo { font-family: var(--font-texto); font-size: 13.5px; line-height: 1; font-weight: 700; }
.link-topo { font-family: var(--font-texto); font-size: 12px; line-height: 1; font-weight: 600; }
.rail-rotulo { font-family: var(--font-texto); font-size: 10px; line-height: 1; font-weight: 600; }
.selo { font-family: var(--font-texto); font-size: 10.5px; line-height: 1; font-weight: 700; }
.status { font-family: var(--font-texto); font-size: 11px; line-height: 1; font-weight: 700; }
.rotulo { font-family: var(--font-display); font-size: 10.5px; line-height: 1; font-weight: 600; letter-spacing: 0.13em; }
.rotulo-sm { font-family: var(--font-display); font-size: 10px; line-height: 1; font-weight: 600; letter-spacing: 0.12em; }
.legenda { font-family: var(--font-display); font-size: 10.5px; line-height: 1; font-weight: 500; letter-spacing: 0.08em; }
.opcao { font-family: var(--font-display); font-size: 12px; line-height: 1; font-weight: 600; }
.vidro-rotulo { font-family: var(--font-display); font-size: 11px; line-height: 1; font-weight: 600; }
.numero-saldo { font-family: var(--font-display); font-size: 104px; line-height: 0.8; font-weight: 600; letter-spacing: -0.055em; }
.numero-popup { font-family: var(--font-display); font-size: 58px; line-height: 1; font-weight: 600; letter-spacing: -0.04em; }
.numero-resumo { font-family: var(--font-display); font-size: 46px; line-height: 1; font-weight: 500; letter-spacing: -0.035em; }
.numero-preco { font-family: var(--font-display); font-size: 30px; line-height: 1; font-weight: 500; letter-spacing: -0.035em; }
.numero-anel { font-family: var(--font-display); font-size: 30px; line-height: 1; font-weight: 600; letter-spacing: -0.03em; }
.numero-envio { font-family: var(--font-display); font-size: 22px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; }
.numero-tabela { font-family: var(--font-display); font-size: 16px; line-height: 1; font-weight: 600; letter-spacing: -0.01em; }
.numero-valor { font-family: var(--font-display); font-size: 14px; line-height: 1; font-weight: 600; }
.numero-topo { font-family: var(--font-display); font-size: 13px; line-height: 1; font-weight: 600; }
.numero-leitura { font-family: var(--font-display); font-size: 12px; line-height: 1.2; font-weight: 500; }
.numero-meta { font-family: var(--font-display); font-size: 11.5px; line-height: 1.2; font-weight: 500; }
.numero-contagem { font-family: var(--font-display); font-size: 11.5px; line-height: 1; font-weight: 500; }
@font-face { font-family: "Manrope"; src: url("../assets/manrope-latin-ext-variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; src: url("../assets/manrope-latin-variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Space Grotesk"; src: url("../assets/space-grotesk-latin-ext-variable.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Space Grotesk"; src: url("../assets/space-grotesk-latin-variable.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }