/* DNA da Advocacia Empreendedora 2026 — tokens.
   Fonte de cada valor: medição do site oficial (viniciussnunes.com.br/lps/dna-ae-2/, 01/10/2026, 1440px)
   e do carrossel oficial do Instagram (post DdmnVnIEYTX, 6 slides 1080×1350). Ver conteudo/sistema.json.
   Regra: produto nenhum declara valor cru. Só estes tokens. */

/* @import precisa vir antes de qualquer regra, senão o navegador ignora. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&family=Anton&display=swap");

/* TGS Perfect Condensed é licenciada (Danny Aldana), com uso web (dono, 07/10/2026). O arquivo fica fora
   do git; o build do Pages (scripts/montar-pages.mjs) publica só a woff2 da Condensed. */

/* "DNA Display" = só a TGS Perfect CONDENSED: a instalada no aparelho ou a woff2 publicada (licença web confirmada pelo dono em 07/10).
   Pedir a família "TGS Perfect" direto deixava o navegador escolher a TGS Perfect-Bold, que é larga e
   vem na mesma família: títulos se sobrepunham (07/10). Se a woff2 não carregar, cai para Anton. */
@font-face{font-family:"DNA Display";font-style:normal;font-weight:100 900;
  font-display:swap;
  src:local("TGS Perfect Condensed"),local("TGS Perfect-Condensed"),local("TGSPerfect-Condensed"),local("TGS-Perfect-Condensed"),
      url("../fonts/TGSPerfectCondensed.woff2") format("woff2")}

:root{
  /* ---------- COR · OFICIAL (brandbook DNA, entrada/manual-marca/dna/NS.pdf) — vence o resto ---------- */
  --dna-marca-preto:#0C0C0C;       /* brandbook */
  --dna-marca-branco:#FFFFFF;      /* brandbook */
  --dna-marca-vermelho:#FF0004;    /* brandbook; o neon da logo usa este */
  --dna-logo-vermelho:#C70003;     /* o A das logos sólidas oficiais (Group 45/46) */

  /* ---------- COR · ecossistema (brandbook Ecossistema) ---------- */
  --eco-cupula:#CC0000;            /* Cúpula / Cúpula Black */
  --eco-ns:#BD1932;                /* NS — Vinicius Nunes */
  --eco-ouro:#CC9A57;              /* Advogado Sustentável; base do crachá Palestrante */

  /* ---------- COR · vermelho ---------- */
  --dna-vermelho:var(--dna-marca-vermelho); /* era #E83535 (medido no site); alinhado ao brandbook — vermelho único de marca */
  --dna-vermelho-vivo:#EF3B3B;     /* medido: hover/realce. 4,92:1 */
  --dna-vermelho-cheio:var(--dna-logo-vermelho); /* era #D00D10; alinhado ao A da logo oficial (#C70003) para social e impresso */
  --dna-vermelho-2:#B91C1C;        /* medido: 2º passo de todo gradiente do site */
  --dna-vermelho-3:#7A0D0D;        /* medido: 3º passo */
  --dna-vermelho-4:#350505;        /* medido: fim do gradiente; fundo do botão do topo */
  --dna-vermelho-fundo:#1A0606;    /* medido: fundo dos CTAs antes do gradiente pintar */

  /* ---------- COR · preto e neutros ---------- */
  --dna-preto-0:#030303;           /* medido: rodapé/disclaimer */
  --dna-preto-1:#070707;           /* medido: seção de vídeo */
  --dna-preto:#0C0C0C;             /* brandbook (--dna-marca-preto); era #0E0E0F medido no site */
  --dna-preto-2:#111113;           /* medido: cartões */
  --dna-preto-3:#16161A;           /* medido: topo do gradiente de cartão */
  --dna-offwhite:#F0F0F0;          /* medido: 81 textos; o branco da marca */
  --dna-branco:#FFFFFF;            /* medido: 25 textos, títulos sobre foto */
  --dna-cinza-1:#9A9A9E;           /* medido: texto de apoio. 6,88:1 */
  --dna-cinza-2:#888888;           /* medido: 75 textos; corpo secundário e rótulo mono. 5,44:1 */
  --dna-cinza-3:#7C7C80;           /* piso de texto sobre o preto (4,64:1). Substitui #4A4A4E do site (2,19:1, reprova) */
  --dna-cinza-4:#4A4A4E;           /* medido: só ornamento e número decorativo, NUNCA texto que precisa ser lido */

  /* ---------- COR · sinal ---------- */
  --dna-verde-vivo:#8AFF78;        /* medido: ponto "ao vivo" do LOTE 00. Usado na credencial Acesso Livre (neon) */

  /* ---------- COR · filetes e véus ---------- */
  --dna-filete:rgba(255,255,255,.14);        /* medido: 36 bordas */
  --dna-filete-suave:rgba(255,255,255,.07);  /* medido: 15 bordas */
  --dna-filete-vermelho:rgba(232,53,53,.28); /* medido: borda de etiqueta e cartão em destaque */
  --dna-veu-vermelho:rgba(232,53,53,.08);    /* medido: fundo de etiqueta */
  --dna-grade-linha:rgba(35,35,35,.33);      /* medido: grade de fundo de 55px */

  /* ---------- GRADIENTES ---------- */
  --dna-grad-vermelho:linear-gradient(135deg,#E83535 0%,#B91C1C 40%,#7A0D0D 80%,#350505 100%);  /* medido: botões */
  --dna-grad-texto:linear-gradient(90deg,#E83535 0%,#B91C1C 55%,#7A0D0D 100%);                 /* medido: destaque vermelho de título (escurece para a direita) */
  --dna-grad-cartao:linear-gradient(160deg,#16161A 0%,#0E0E11 60%);                              /* medido */
  --dna-grad-secao:linear-gradient(180deg,#151516 0%,#0B0B0C 100%);                              /* medido */
  --dna-grad-brasa:radial-gradient(60% 50% at 50% 100%,rgba(185,28,28,.22) 0%,transparent 70%); /* medido: brilho vermelho no pé das seções */
  --dna-grad-faixa:linear-gradient(90deg,rgba(232,53,53,.13),rgba(232,53,53,.035));             /* medido: faixa de citação */
  --dna-grade-55:repeating-linear-gradient(to right,var(--dna-grade-linha) 0 1px,transparent 1px 55px),
                 repeating-linear-gradient(to bottom,var(--dna-grade-linha) 0 1px,transparent 1px 55px);

  /* ---------- TIPOGRAFIA · famílias ---------- */
  --dna-f-display:"DNA Display","Anton","Oswald",Impact,sans-serif;  /* medido: todos os títulos, sempre caixa alta */
  --dna-f-texto:"Montserrat",system-ui,sans-serif;                    /* medido: corpo, botões, logo */
  --dna-f-mono:"JetBrains Mono",ui-monospace,monospace;               /* medido: 163 elementos; rótulos, datas, faixas */

  /* ---------- TIPOGRAFIA · escala (medida: títulos 44–68,8px; corpo 13–19px; mono 9–12,5px) ---------- */
  --dna-t-mega:clamp(64px,9vw,128px);   /* cartaz, LED, número de contagem */
  --dna-t-hero:clamp(44px,5.2vw,72px);  /* medido: 68,8px no hero */
  --dna-t-secao:clamp(38px,4.2vw,60px); /* medido: 55–61,6px nos títulos de seção */
  --dna-t-sub:clamp(28px,3vw,44px);     /* medido: 44–46,4px */
  --dna-t-numero:clamp(44px,4.8vw,68px);/* medido: datas 12/13/14 em Montserrat 600 */
  --dna-t-lead:clamp(17px,1.35vw,19px); /* medido: 19px */
  --dna-t-corpo:16px;                   /* medido: 16px */
  --dna-t-apoio:14.5px;                 /* medido: 14,5px, lh 1,75 */
  --dna-t-peq:13px;                     /* medido: 13px */
  --dna-t-botao:15px;                   /* medido: CTA 15px 600, tracking 1,5px */
  --dna-t-rotulo:12.5px;                /* piso de legibilidade; medido no site 10,5–11px caixa alta */
  --dna-t-micro:12px;                   /* piso de legibilidade; medido no site 9,5–10px */

  --dna-lh-display:.92;   /* medido: 0,86–1,05 nos títulos TGS */
  --dna-lh-texto:1.55;
  --dna-lh-apoio:1.75;    /* medido: 25,4/14,5 */
  --dna-ls-display:-.02em;/* medido: -1 a -1,87px em 55–65px */
  --dna-ls-rotulo:.18em;  /* medido: 1,89px em 10,5px */
  --dna-ls-botao:.1em;    /* medido: 1,5px em 15px */

  /* ---------- ESPAÇO (base 4; medido: paddings 10/14/16/20/28/64/98/125) ---------- */
  --dna-e-1:4px; --dna-e-2:8px; --dna-e-3:12px; --dna-e-4:16px; --dna-e-5:24px;
  --dna-e-6:32px; --dna-e-7:48px; --dna-e-8:64px; --dna-e-9:96px; --dna-e-10:128px;
  --dna-largura:1280px;   /* medido: 8 contêineres de 1280px */
  --dna-medida:38em;      /* medida de leitura do corpo */
  --dna-margem:clamp(20px,4.5vw,80px);
  --dna-secao:clamp(64px,9vw,128px); /* medido: 64 e 98–125px */

  /* ---------- FORMA ---------- */
  --dna-raio-0:0;          /* medido: CTA principal tem canto vivo */
  --dna-raio-1:3px;        /* medido: 39 ocorrências; botão do topo, etiqueta, sigla de estado */
  --dna-raio-2:4px;        /* medido: campo */
  --dna-raio-3:8px;        /* medido: cartão */
  --dna-raio-4:12px;       /* medido: cartão do mapa */
  --dna-raio-pilula:999px; /* medido: selo LOTE 0 */

  /* ---------- SOMBRA E BRILHO (medidos) ---------- */
  --dna-brilho-1:0 0 24px -4px rgba(185,28,28,.5);
  --dna-brilho-2:0 3px 14px 0 rgba(185,28,28,.5);
  --dna-brilho-3:0 0 50px -12px rgba(232,53,53,.6);
  --dna-brilho-cartao:0 0 80px -20px rgba(185,28,28,.25),0 0 0 1px rgba(232,53,53,.06);
  --dna-sombra-modal:0 40px 100px -30px rgba(0,0,0,.95),0 0 90px -34px rgba(200,29,29,.6);

  /* ---------- MOVIMENTO (medido: 60 transições .3s/.4s; curva única de saída) ---------- */
  --dna-ease:cubic-bezier(.22,1,.36,1);    /* medido: a curva do site */
  --dna-ease-entra:cubic-bezier(.64,0,.78,0);
  --dna-ease-linear:linear;
  --dna-d-1:.2s;  /* cor, opacidade */
  --dna-d-2:.3s;  /* fundo, borda */
  --dna-d-3:.4s;  /* transform, sombra */
  --dna-d-4:.7s;  /* revelação de bloco */
  --dna-d-5:1s;   /* filtro de foto (P&B → cor) */
  --dna-d-ticker:28s;  /* medido: faixa de informação */
  --dna-d-ticker-rapido:18s;
  --dna-d-pulso:3s;    /* medido: br-st-pulse */
  --dna-d-radar:2.4s;  /* medido: br-sp-beacon */
  --dna-d-brilho:3.2s; /* ghostShine */
  --dna-d-piscar:1.2s; /* medido: piscarIcone */
}

/* Paleta dos crachás aprovados (impressos/cracha/cracha.html): VIP prata, Palestrante ouro/cobre, Cúpula Black. Usada pelas cotas do mídia kit. */
:root{
    --cracha-pr-1:#FFFFFF;--cracha-pr-2:#B4BAC2;--cracha-pr-3:#6A727B;--cracha-pr-4:#F3F5F7;--cracha-pr-5:#878E97;--cracha-pr-6:#D8DCE0;
    --cracha-pr-g1:#FBFCFD;--cracha-pr-g2:#A9B0B8;--cracha-pr-g3:#E6E9EC;--cracha-pr-g4:#7A828B;--cracha-pr-g5:#C9CED4;--cracha-pr-borda:#4A5058;
    --cracha-ou-1:#CC9A57;--cracha-ou-2:#94683A;--cracha-ou-3:#5E3A1C;--cracha-ou-d1:#F0D29C;--cracha-ou-d2:#B88442;--cracha-ou-g1:#A57A3E;--cracha-ou-g2:#6E4E22;
    --cracha-pb-preto:#0C0C0C;--cracha-pb-branco:#FFFFFF;
}