/* ==========================================================================
   Integramind — design system em tokens
   🚨 Valores MEDIDOS no site publicado (qa/ficha-forense-wix.md), não estimados.
   ========================================================================== */

@font-face{ font-family:"Museo"; font-weight:700; font-style:normal; font-display:swap;
  src:url("../assets/fontes/museo-700.woff2") format("woff2"),
      url("../assets/fontes/museo-700.woff")  format("woff"); }
@font-face{ font-family:"Museo"; font-weight:900; font-style:normal; font-display:swap;
  src:url("../assets/fontes/museo-900.woff2") format("woff2"),
      url("../assets/fontes/museo-900.woff")  format("woff"); }
@font-face{ font-family:"Gotham"; font-weight:400; font-style:normal; font-display:swap;
  src:url("../assets/fontes/gotham-book.woff2") format("woff2"),
      url("../assets/fontes/gotham-book.woff")  format("woff"); }
@font-face{ font-family:"Gotham"; font-weight:700; font-style:normal; font-display:swap;
  src:url("../assets/fontes/gotham-bold.woff2") format("woff2"),
      url("../assets/fontes/gotham-bold.woff")  format("woff"); }

:root{
  /* ======================================================================
     PALETA OFICIAL — as 12 cores do tema no Wix, passadas pelo João em 14/09.
     ====================================================================== */
  --verde-profundo:#0B302A;   /* Cor 1 — topo, seção de programas, rodapé   */
  --verde:#10443B;            /* Cor 2 — CTA, texto de corpo, botão verde   */
  --verde-medio:#2C7E73;      /* Cor 3                                       */
  --menta:#98C7C1;            /* Cor 4                                       */
  --branco:#FFFFFF;           /* Cor 5                                       */
  --dourado:#BD8442;          /* Cor 6 — título e botão                      */
  --turquesa:#4DD1C0;         /* Cor 7                                       */
  --dourado-claro:#D69B56;    /* Cor 8 — círculo de check, topo do degradê   */
  --dourado-escuro:#955E21;   /* Cor 9 — base do degradê                     */
  --grafite:#3A3A3A;          /* Cor 10                                      */
  --cinza:#A0A0A0;            /* Cor 11                                      */
  --preto:#000000;            /* Cor 12                                      */

  --osso:#FBF8F5;             /* fundo da seção da Sylvia (medido no pixel)  */
  --linha:rgba(11,48,42,.12);

  /* 🚨 As seções douradas são DEGRADÊ vertical: Cor 8 → Cor 9 */
  --grad-secao:linear-gradient(180deg,var(--dourado-claro) 0%,#B47C3C 52%,var(--dourado-escuro) 100%);
  --grad-dourado:linear-gradient(135deg,var(--dourado-escuro),var(--dourado-claro));

  /* ======================================================================
     TIPOGRAFIA — os estilos de texto do tema. Só 3 fontes: Museo 900,
     Museo 700 e Gotham Book. No desktop o Wix escala os cabeçalhos por
     1.125 (64→72, 53→59.6, 42→47.25, 26→29.25, 19→21.375) — medido.
     ====================================================================== */
  --fonte-titulo:"Museo",Georgia,"Times New Roman",serif;
  --fonte-corpo:"Gotham","Montserrat",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --h1:clamp(31.2px,5vw,72px);      /* Cabeçalho 1 — 64 base                */
  --h2:clamp(30px,4.15vw,59.625px); /* Cabeçalho 2 — 53 base                */
  --h3:clamp(28px,3.3vw,47.25px);   /* Cabeçalho 3 — 42 base                */
  --h4:clamp(24px,2.6vw,37.125px);  /* Cabeçalho 4 — 33 base                */
  --h5:clamp(21px,2vw,29.25px);     /* Cabeçalho 5 — 26 base                */
  --h6:clamp(19px,1.5vw,21.375px);  /* Cabeçalho 6 — 19 base                */
  --p1:17px;                        /* Parágrafo 1                          */
  --p2:15px;                        /* Parágrafo 2 e 3                      */
  --t-mini:14px;

  /* apelidos, pra não quebrar o que já usa os nomes antigos */
  /* João, 30/09: títulos grandes demais em todas as páginas — o título de seção
     passa a usar o tamanho que era do "menor" (ele aprovou esse). --h2 fica
     definido como referência do Wix. */
  --t-hero:var(--h1); --t-h2:var(--h3); --t-h2-menor:var(--h3);
  --t-h3:var(--h6); --t-corpo:var(--p1); --t-peq:var(--p2);

  --altura-titulo:1.2;              /* 86.4/72, medido                      */
  --altura-corpo:1.4;               /* 23.8/17, medido                      */
  --espaco-rotulo:.14em;

  /* --- Espaçamento ---------------------------------------------------- */
  --sec-top:116px;
  --sec-bot:156px;
  --rhythm:34px;
  --rhythm-sm:18px;
  --cut-h:37px;                     /* flecha do arco, medida no pixel      */
  --topo-h:118px;

  /* --- Forma ------------------------------------------------------------ */
  --raio:15px;                      /* botão e card — não é pílula          */
  --raio-sm:8px;
  --largura:1240px;                 /* 1239 medidos no Wix                  */
  --largura-texto:60ch;

  --sombra:0 18px 48px rgba(11,48,42,.10);
  --sombra-forte:0 26px 64px rgba(11,48,42,.18);
  --transicao:180ms cubic-bezier(.2,.7,.3,1);
}

@media (max-width:980px){
  :root{ --sec-top:96px; --sec-bot:128px; --rhythm:28px; --topo-h:80px; }
}
@media (max-width:620px){
  :root{ --sec-top:72px; --sec-bot:96px; --cut-h:16px; --t-corpo:16px; }
}