/* tokens.css: gerado de DESIGN.md (design.md export --format css-vars) mais tipografia, movimento, borda e grade,
   que a CLI não exporta. Fonte única dos valores: o front matter e as tabelas de DESIGN.md. Só se ACRESCENTA aqui;
   nenhuma variável usada pelas peças anteriores mudou de nome ou de valor (2026-09-29, reescrita do sistema).
   Cada valor traz o estado no DESIGN.md: manual, confirmado (R002 R004 R005 R008 R009 R010 R011 R014), proposto ou aberto. */

:root {
  --color-primary: #f6b10c;
  --color-amarelo: #f6b10c;
  --color-rosa: #f362a0;
  --color-verde: #44bd78;
  --color-vermelho: #ed223b;
  --color-azul: #3151a9;
  --color-preto: #100f0d;
  --color-branco: #ffffff;
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-x12: 12px;
  --spacing-sm: 16px;
  --spacing-x24: 24px;
  --spacing-md: 32px;
  --spacing-x48: 48px;
  --spacing-lg: 64px;
  --spacing-xl: 96px;
  --spacing-2xl: 128px;
  --rounded-none: 0px;
  --rounded-md: 24px; /* R011: cantos arredondados; valor 24px proposto */
  --rounded-full: 9999px;
}

/* tipografia: D-DIN (Datto, SIL OFL 1.1), R010. Arquivos locais em fontes/ (caminho relativo a este CSS).
   A D-DIN não tem algarismo tabular nem eixo variável: não usar tnum nem font-variation. */
@font-face { font-family: "D-DIN"; src: url("/diagnostico/assets/fontes/D-DIN.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN"; src: url("/diagnostico/assets/fontes/D-DIN-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "D-DIN"; src: url("/diagnostico/assets/fontes/D-DIN-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Condensed"; src: url("/diagnostico/assets/fontes/D-DINCondensed.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Condensed"; src: url("/diagnostico/assets/fontes/D-DINCondensed-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Exp"; src: url("/diagnostico/assets/fontes/D-DINExp.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Exp"; src: url("/diagnostico/assets/fontes/D-DINExp-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "D-DIN Exp"; src: url("/diagnostico/assets/fontes/D-DINExp-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

/* escala-base: usada por componentes.css (nomes e valores herdados de 29/09) */
:root {
  --color-primary: #f6b10c; /* = amarelo, cor principal (R009) */

  --font-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-display-size: 80px;
  --font-display-weight: 700;
  --font-display-line-height: 1;
  --font-display-letter-spacing: -0.01em;

  --font-headline-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-headline-size: 76px;
  --font-headline-weight: 700;
  --font-headline-line-height: 1;
  --font-headline-letter-spacing: 0em;

  --font-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-subtitulo-size: 40px;
  --font-subtitulo-weight: 700;
  --font-subtitulo-line-height: 1.05;
  --font-subtitulo-letter-spacing: 0em;

  --font-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-lead-size: 24px;
  --font-lead-weight: 400;
  --font-lead-line-height: 1.4;

  --font-body-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-body-size: 18px;
  --font-body-weight: 400;
  --font-body-line-height: 1.5;

  --font-label-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-label-size: 14px;
  --font-label-weight: 700;
  --font-label-line-height: 1.3;
  --font-label-letter-spacing: 0.14em;

  --font-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-legenda-size: 13px;
  --font-legenda-weight: 700;
  --font-legenda-line-height: 1.35;
  --font-legenda-letter-spacing: 0.08em;

  --font-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-numero-size: 96px;
  --font-numero-weight: 700;
  --font-numero-line-height: 0.92;
  --font-numero-letter-spacing: -0.01em;

  /* escala por formato: --font-<formato>-<papel>-{family,size,weight,line-height,letter-spacing} */
  /* Web 1440 */
  --font-web-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-web-display-size: 112px;
  --font-web-display-weight: 700;
  --font-web-display-line-height: 0.94;
  --font-web-display-letter-spacing: -0.01em;

  --font-web-titulo-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-web-titulo-size: 72px;
  --font-web-titulo-weight: 700;
  --font-web-titulo-line-height: 1;
  --font-web-titulo-letter-spacing: -0.01em;

  --font-web-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-web-subtitulo-size: 40px;
  --font-web-subtitulo-weight: 700;
  --font-web-subtitulo-line-height: 1.05;
  --font-web-subtitulo-letter-spacing: 0em;

  --font-web-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-web-lead-size: 24px;
  --font-web-lead-weight: 400;
  --font-web-lead-line-height: 1.4;

  --font-web-corpo-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-web-corpo-size: 18px;
  --font-web-corpo-weight: 400;
  --font-web-corpo-line-height: 1.5;

  --font-web-rotulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-web-rotulo-size: 14px;
  --font-web-rotulo-weight: 700;
  --font-web-rotulo-line-height: 1.3;
  --font-web-rotulo-letter-spacing: 0.14em;

  --font-web-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-web-legenda-size: 13px;
  --font-web-legenda-weight: 700;
  --font-web-legenda-line-height: 1.35;
  --font-web-legenda-letter-spacing: 0.08em;

  --font-web-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-web-numero-size: 120px;
  --font-web-numero-weight: 700;
  --font-web-numero-line-height: 0.92;
  --font-web-numero-letter-spacing: -0.01em;

  /* Web 390 */
  --font-mob-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-mob-display-size: 52px;
  --font-mob-display-weight: 700;
  --font-mob-display-line-height: 0.96;
  --font-mob-display-letter-spacing: -0.01em;

  --font-mob-titulo-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-mob-titulo-size: 38px;
  --font-mob-titulo-weight: 700;
  --font-mob-titulo-line-height: 1;
  --font-mob-titulo-letter-spacing: -0.01em;

  --font-mob-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-mob-subtitulo-size: 28px;
  --font-mob-subtitulo-weight: 700;
  --font-mob-subtitulo-line-height: 1.08;
  --font-mob-subtitulo-letter-spacing: 0em;

  --font-mob-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-mob-lead-size: 20px;
  --font-mob-lead-weight: 400;
  --font-mob-lead-line-height: 1.4;

  --font-mob-corpo-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-mob-corpo-size: 17px;
  --font-mob-corpo-weight: 400;
  --font-mob-corpo-line-height: 1.5;

  --font-mob-rotulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-mob-rotulo-size: 13px;
  --font-mob-rotulo-weight: 700;
  --font-mob-rotulo-line-height: 1.3;
  --font-mob-rotulo-letter-spacing: 0.14em;

  --font-mob-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-mob-legenda-size: 12px;
  --font-mob-legenda-weight: 700;
  --font-mob-legenda-line-height: 1.35;
  --font-mob-legenda-letter-spacing: 0.08em;

  --font-mob-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-mob-numero-size: 72px;
  --font-mob-numero-weight: 700;
  --font-mob-numero-line-height: 0.92;
  --font-mob-numero-letter-spacing: -0.01em;

  /* Post e carrossel 1080x1350 */
  --font-post-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-post-display-size: 112px;
  --font-post-display-weight: 700;
  --font-post-display-line-height: 0.94;
  --font-post-display-letter-spacing: -0.01em;

  --font-post-titulo-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-post-titulo-size: 84px;
  --font-post-titulo-weight: 700;
  --font-post-titulo-line-height: 1;
  --font-post-titulo-letter-spacing: -0.01em;

  --font-post-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-post-subtitulo-size: 64px;
  --font-post-subtitulo-weight: 700;
  --font-post-subtitulo-line-height: 1;
  --font-post-subtitulo-letter-spacing: 0em;

  --font-post-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-post-lead-size: 36px;
  --font-post-lead-weight: 400;
  --font-post-lead-line-height: 1.3;

  --font-post-corpo-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-post-corpo-size: 28px;
  --font-post-corpo-weight: 400;
  --font-post-corpo-line-height: 1.35;

  --font-post-rotulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-post-rotulo-size: 24px;
  --font-post-rotulo-weight: 700;
  --font-post-rotulo-line-height: 1.25;
  --font-post-rotulo-letter-spacing: 0.14em;

  --font-post-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-post-legenda-size: 20px;
  --font-post-legenda-weight: 700;
  --font-post-legenda-line-height: 1.3;
  --font-post-legenda-letter-spacing: 0.08em;

  --font-post-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-post-numero-size: 200px;
  --font-post-numero-weight: 700;
  --font-post-numero-line-height: 0.92;
  --font-post-numero-letter-spacing: -0.01em;

  /* Story 1080x1920 */
  --font-story-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-story-display-size: 128px;
  --font-story-display-weight: 700;
  --font-story-display-line-height: 0.94;
  --font-story-display-letter-spacing: -0.01em;

  --font-story-titulo-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-story-titulo-size: 96px;
  --font-story-titulo-weight: 700;
  --font-story-titulo-line-height: 1;
  --font-story-titulo-letter-spacing: -0.01em;

  --font-story-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-story-subtitulo-size: 72px;
  --font-story-subtitulo-weight: 700;
  --font-story-subtitulo-line-height: 1;
  --font-story-subtitulo-letter-spacing: 0em;

  --font-story-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-story-lead-size: 40px;
  --font-story-lead-weight: 400;
  --font-story-lead-line-height: 1.3;

  --font-story-corpo-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-story-corpo-size: 32px;
  --font-story-corpo-weight: 400;
  --font-story-corpo-line-height: 1.35;

  --font-story-rotulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-story-rotulo-size: 26px;
  --font-story-rotulo-weight: 700;
  --font-story-rotulo-line-height: 1.25;
  --font-story-rotulo-letter-spacing: 0.14em;

  --font-story-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-story-legenda-size: 22px;
  --font-story-legenda-weight: 700;
  --font-story-legenda-line-height: 1.3;
  --font-story-legenda-letter-spacing: 0.08em;

  --font-story-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-story-numero-size: 240px;
  --font-story-numero-weight: 700;
  --font-story-numero-line-height: 0.92;
  --font-story-numero-letter-spacing: -0.01em;

  /* Slide 1920x1080 */
  --font-slide-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-slide-display-size: 144px;
  --font-slide-display-weight: 700;
  --font-slide-display-line-height: 0.94;
  --font-slide-display-letter-spacing: -0.01em;

  --font-slide-titulo-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-slide-titulo-size: 96px;
  --font-slide-titulo-weight: 700;
  --font-slide-titulo-line-height: 1;
  --font-slide-titulo-letter-spacing: -0.01em;

  --font-slide-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-slide-subtitulo-size: 56px;
  --font-slide-subtitulo-weight: 700;
  --font-slide-subtitulo-line-height: 1.05;
  --font-slide-subtitulo-letter-spacing: 0em;

  --font-slide-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-slide-lead-size: 36px;
  --font-slide-lead-weight: 400;
  --font-slide-lead-line-height: 1.35;

  --font-slide-corpo-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-slide-corpo-size: 30px;
  --font-slide-corpo-weight: 400;
  --font-slide-corpo-line-height: 1.4;

  --font-slide-rotulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-slide-rotulo-size: 26px;
  --font-slide-rotulo-weight: 700;
  --font-slide-rotulo-line-height: 1.25;
  --font-slide-rotulo-letter-spacing: 0.14em;

  --font-slide-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-slide-legenda-size: 22px;
  --font-slide-legenda-weight: 700;
  --font-slide-legenda-line-height: 1.3;
  --font-slide-legenda-letter-spacing: 0.08em;

  --font-slide-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-slide-numero-size: 220px;
  --font-slide-numero-weight: 700;
  --font-slide-numero-line-height: 0.92;
  --font-slide-numero-letter-spacing: -0.01em;

  /* A4 impresso 794x1123 (96 dpi) */
  --font-a4-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-a4-display-size: 64px;
  --font-a4-display-weight: 700;
  --font-a4-display-line-height: 0.96;
  --font-a4-display-letter-spacing: -0.01em;

  --font-a4-titulo-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-a4-titulo-size: 40px;
  --font-a4-titulo-weight: 700;
  --font-a4-titulo-line-height: 1;
  --font-a4-titulo-letter-spacing: -0.01em;

  --font-a4-subtitulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-a4-subtitulo-size: 26px;
  --font-a4-subtitulo-weight: 700;
  --font-a4-subtitulo-line-height: 1.08;
  --font-a4-subtitulo-letter-spacing: 0em;

  --font-a4-lead-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-a4-lead-size: 18px;
  --font-a4-lead-weight: 400;
  --font-a4-lead-line-height: 1.4;

  --font-a4-corpo-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-a4-corpo-size: 15px;
  --font-a4-corpo-weight: 400;
  --font-a4-corpo-line-height: 1.5;

  --font-a4-rotulo-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-a4-rotulo-size: 11px;
  --font-a4-rotulo-weight: 700;
  --font-a4-rotulo-line-height: 1.3;
  --font-a4-rotulo-letter-spacing: 0.14em;

  --font-a4-legenda-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-a4-legenda-size: 10px;
  --font-a4-legenda-weight: 700;
  --font-a4-legenda-line-height: 1.35;
  --font-a4-legenda-letter-spacing: 0.08em;

  --font-a4-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-a4-numero-size: 72px;
  --font-a4-numero-weight: 700;
  --font-a4-numero-line-height: 0.92;
  --font-a4-numero-letter-spacing: -0.01em;

}

:root {
  /* borda (DESIGN.md, Shapes): fina, padrão, forte, impressa. Cor sempre currentColor. */
  --border-fina: 2px; --border-padrao: 3px; --border-forte: 4px; --border-impressa: 5px;

  /* foco: anel na cor do texto */
  --foco-largura: 3px; --foco-afastamento: 3px;

  /* grade (DESIGN.md, Layout): margem, gutter, colunas por formato */
  --grade-web-margem: clamp(20px, 5vw, 64px); --grade-web-gutter: 24px; --grade-web-colunas: 12; --grade-web-miolo: 1320px;
  --grade-mob-margem: 20px; --grade-mob-gutter: 16px; --grade-mob-colunas: 4;
  --grade-post-margem: 84px; --grade-post-gutter: 24px; --grade-post-colunas: 12;
  --grade-story-margem: 60px; --grade-story-gutter: 24px; --grade-story-colunas: 12; --grade-story-seguro-topo: 250px; --grade-story-seguro-base: 340px;
  --grade-slide-margem: 120px; --grade-slide-gutter: 24px; --grade-slide-colunas: 12;

  /* movimento: [aberto -> movimento]. Valores de trabalho, ver DESIGN.md. */
  --motion-instantaneo: 0ms; --motion-rapido: 120ms; --motion-base: 240ms; --motion-lento: 480ms; --motion-contagem: 900ms; --motion-giro: 24s;
  --ease-padrao: cubic-bezier(.2, 0, 0, 1); --ease-entrada: cubic-bezier(.16, 1, .3, 1); --ease-saida: cubic-bezier(.4, 0, 1, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-rapido: 0ms; --motion-base: 0ms; --motion-lento: 0ms; --motion-contagem: 0ms; }
}