/* =====================================================================================================
   Site da Quinta do Conhecimento (guia de identidade v0.1). Vem depois do gocode-site.css e troca as cores e as
   letras dele. Claro: fundo palha #FBF6EA, cartão #FFF, borda #E8DFC9, texto floresta #123B2E, secundário #5E6F66,
   link #1F6B4E. Escuro: fundo #0E2A21, cartão #143A2D, borda #2A5C49, texto #FBF6EA, secundário #A6BFB2, link
   dourado #F2B53A. Botão dourado #F2B53A com texto floresta; broto #A8D5B5 = plataforma (botão secundário).
   Hanken Grotesk (títulos 800) e IBM Plex Mono nos rótulos. "Sério o bastante para o RH, caloroso para quem aprende."
   ===================================================================================================== */
body.ps.gc.qd {
  --gc-cor: #F2B53A; --gc-simb: #F2B53A; --gc-link: #1F6B4E; --gc-link-esc: #F2B53A;
  --gc-marinho: #123B2E; --gc-papel: #FBF6EA;
  --gc-fundo: #FBF6EA; --gc-fundo-2: #F3ECDA; --gc-cartao: #FFFFFF; --gc-cel: #FBF6EA;
  --gc-borda: #E8DFC9; --gc-linha: #E8DFC9; --gc-texto: #123B2E; --gc-texto-2: #24483B; --gc-sec: #5E6F66;
  --gc-barra: #E8DFC9; --gc-borda-simb: #E8DFC9;
  --gc-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gc-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --qd-on: #123B2E; --qd-broto: #A8D5B5; --qd-folha: #1F6B4E;
  --ps-noite: #123B2E; --ps-noite-2: #143A2D;
  --lp-sh-lg: 0 16px 40px -18px rgba(18, 59, 46, .28);
}
[data-bs-theme=dark] body.ps.gc.qd {
  --gc-fundo: #0E2A21; --gc-fundo-2: #113126; --gc-cartao: #143A2D; --gc-cel: #0E2A21;
  --gc-borda: #2A5C49; --gc-linha: #2A5C49; --gc-texto: #FBF6EA; --gc-texto-2: #DCE6DF; --gc-sec: #A6BFB2;
  --gc-barra: #2A5C49; --gc-borda-simb: #2A5C49; --qd-folha: #F2B53A;
  --lp-sh-lg: 0 16px 40px -16px rgba(0, 0, 0, .8);
}
body.ps.gc.qd ::selection { background: #F2B53A; color: #123B2E; }
body.ps.gc.qd h1, body.ps.gc.qd h2, body.ps.gc.qd .x-display { letter-spacing: -.04em; }

/* botões: dourado com texto floresta; broto para a plataforma (.qd-broto) */
body.ps.gc.qd .lp-b.pri, body.ps.gc.qd .lp-b.light { color: var(--qd-on); }
body.ps.gc.qd .lp-b.pri:hover, body.ps.gc.qd .lp-b.light:hover { background: #E5A626; color: var(--qd-on); }
body.ps.gc.qd .lp-b.qd-broto { background: var(--qd-broto); color: var(--qd-on); border: 0; }
body.ps.gc.qd .lp-b.qd-broto:hover { background: #95C9A4; color: var(--qd-on); }
body.ps.gc.qd .ps-selo b, body.ps.gc.qd .x-pill b, body.ps.gc.qd .lp-plano .selo, body.ps.gc.qd .x-side a.on, body.ps.gc.qd .ps-passo::before { color: var(--qd-on); }

/* marca: o Q (floresta no claro, palha no escuro, a folha sempre dourada) e "Quinta / do conhecimento" */
body.ps.gc.qd .gc-marca { gap: 10px; color: var(--gc-texto); }
body.ps.gc.qd .qd-simb { width: 40px; height: 40px; flex: none; color: var(--gc-texto); }
body.ps.gc.qd .qd-nome { display: inline-flex; flex-direction: column; line-height: 1; }
body.ps.gc.qd .qd-nome b { font-size: 25px; font-weight: 800; letter-spacing: -.04em; color: var(--gc-texto); }
body.ps.gc.qd .qd-nome small { font-size: 13px; font-weight: 600; color: var(--qd-folha); margin-top: 3px; letter-spacing: 0; }
body.ps.gc.qd .ps-rodape .qd-nome small { color: var(--qd-folha); }

/* links soltos no texto e rótulos */
body.ps.gc.qd :where(a) { color: var(--gc-txt-cor); }
body.ps.gc.qd .lp-eyebrow { letter-spacing: .14em; }

/* faixas escuras: floresta */
body.ps.gc.qd .ps-escuro, body.ps.gc.qd .ps-final-box { background: #123B2E; color: #DCE6DF; border-color: #2A5C49; }
[data-bs-theme=dark] body.ps.gc.qd .ps-final-box { background: #143A2D; }
body.ps.gc.qd .ps-final-box h2, body.ps.gc.qd .ps-escuro h2, body.ps.gc.qd .ps-escuro h3 { color: #FBF6EA; }
body.ps.gc.qd .ps-escuro .lp-eyebrow, body.ps.gc.qd .ps-tec i { color: #F2B53A !important; }
body.ps.gc.qd .ps-tec { background: #143A2D; border-color: #2A5C49; }
body.ps.gc.qd .ps-tec p, body.ps.gc.qd .ps-escuro .lp-tit p { color: #A6BFB2; }
body.ps.gc.qd .ps-final-box .lp-b.ghost, body.ps.gc.qd .ps-final-box .lp-b.line, body.ps.gc.qd .ps-escuro .lp-b.ghost { color: #FBF6EA; border-color: #367058; background: transparent; }

/* rodapé: "Quinta do Conhecimento · treinamento corporativo" e "Em parceria com Worksy RH" (cada marca nas suas cores) */
body.ps.gc.qd .qd-parceria { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; padding: 22px 0; margin-top: 30px; border-top: 1px solid var(--gc-linha); font-size: 14px; color: var(--gc-sec); }
body.ps.gc.qd .qd-parceria > span { color: var(--gc-sec); }
body.ps.gc.qd .qd-parceria a { display: inline-flex; align-items: center; gap: 8px; color: var(--gc-sec); text-decoration: none; }
body.ps.gc.qd .qd-parceria a b { color: var(--gc-texto); font-weight: 700; }
body.ps.gc.qd .qd-parceria svg { width: 24px; height: 24px; flex: none; }

/* símbolo provisório antigo (fora de uso no topo e no rodapé) */
body.ps.gc.qd .il-simb { background: #123B2E; color: #FBF6EA; }

/* tela ilustrada: selos em dourado com letra floresta (dourado como letra no palha não se lê) */
body.ps.gc.qd .x-chip:not([style]) { background: #F2B53A; color: #123B2E; }
body.ps.gc.qd .x-aprov .and, body.ps.gc.qd .x-aprov .aj { background: #F2B53A; color: #123B2E; }
body.ps.gc.qd .x-aprov .ok { background: #A8D5B5; color: #123B2E; }

/* números grandes em floresta (palha no escuro); na faixa floresta, o destaque é dourado e o texto, verde claro */
body.ps.gc.qd .x-stats b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--gc-texto); }
body.ps.gc.qd .ps-escuro .x-grad { color: #F2B53A; }
body.ps.gc.qd .ps-escuro .x-cab p, body.ps.gc.qd .ps-escuro p { color: #A6BFB2; }