/* =====================================================================================================
   Identidade GoCode nos sites dos sistemas (guia "Identidade visual — família de sistemas", páginas 3 a 9).
   O MESMO arquivo no ERP, no Projetos e no Adquirente; carrega por último em template/site-topo.php, que define
   no <body class="lp ps gc"> as cores do sistema: --gc-cor (botão), --gc-link (texto colorido no claro),
   --gc-link-esc (no escuro) e --gc-simb (símbolo).
   Fundo papel (#F4F4F1) ou marinho (#0B1020); cartão branco ou #121830; texto marinho/papel; secundário #545A66/#A3A9B8.
   A cor do sistema só aparece em botões, links, gráficos e no símbolo. Sem degradês, vidro, brilhos ou manchas de luz.
   Redefine as cores de landing.css (--lp-*), site.css (--ps-*) e aurora-site.css do Projetos (--x-*).
   ===================================================================================================== */
body.ps.gc {
  --gc-marinho: #0B1020; --gc-papel: #F4F4F1;
  --gc-fundo: #F4F4F1; --gc-fundo-2: #ECECE7; --gc-cartao: #FFFFFF; --gc-cel: #F4F4F1;
  --gc-borda: #C9C9C2; --gc-linha: #DEDED8; --gc-texto: #0B1020; --gc-texto-2: #2B3245; --gc-sec: #545A66;
  --gc-barra: #DEDED8; --gc-borda-simb: #C9C9C2; --gc-txt-cor: var(--gc-link);
  --gc-sans: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gc-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* landing.css e site.css */
  --lp: var(--gc-cor); --lp-ink: var(--gc-texto); --lp-txt: var(--gc-texto-2); --lp-mut: var(--gc-sec); --lp-line: var(--gc-borda); --lp-bg: var(--gc-fundo-2);
  --lp-soft: color-mix(in srgb, var(--gc-cor) 10%, var(--gc-cartao)); --lp-dark: var(--gc-marinho); --lp-r: 20px;
  --lp-sh: none; --lp-sh-lg: 0 16px 40px -18px rgba(11, 16, 32, .28);
  --ps-noite: #0B1020; --ps-noite-2: #121830;
  /* aurora-site.css (Projetos) */
  --x-p: var(--gc-cor); --x-s: var(--gc-simb); --x-v: var(--gc-cor); --x-grad: var(--gc-cor);
  --x-font: var(--gc-sans); --x-mono: var(--gc-mono);
  --x-bg: var(--gc-fundo); --x-bg-2: var(--gc-fundo-2); --x-surface: var(--gc-cartao); --x-solid: var(--gc-cartao);
  --x-line: var(--gc-borda); --x-line-2: var(--gc-borda); --x-ink: var(--gc-texto); --x-txt: var(--gc-texto-2); --x-mut: var(--gc-sec);
  --x-sh: none; --x-glow-op: 0; --x-grid: transparent;
  background: var(--gc-fundo); color: var(--gc-texto-2); font-family: var(--gc-sans); letter-spacing: 0;
}
[data-bs-theme=dark] body.ps.gc {
  --gc-fundo: #0B1020; --gc-fundo-2: #0E1428; --gc-cartao: #121830; --gc-cel: #0B1020;
  --gc-borda: #2B3245; --gc-linha: #1E2436; --gc-texto: #F4F4F1; --gc-texto-2: #C3C8D4; --gc-sec: #A3A9B8;
  --gc-barra: #2B3245; --gc-borda-simb: #2B3245; --gc-txt-cor: var(--gc-link-esc);
  --lp-soft: color-mix(in srgb, var(--gc-cor) 18%, var(--gc-cartao)); --lp-sh-lg: 0 16px 40px -16px rgba(0, 0, 0, .8);
}

/* ---------- tipografia */
body.ps.gc h1, body.ps.gc h2, body.ps.gc h3, body.ps.gc h4 { color: var(--gc-texto); font-family: var(--gc-sans); }
body.ps.gc h1, body.ps.gc h2, body.ps.gc .x-display { font-weight: 800; letter-spacing: -.04em; }
body.ps.gc h3, body.ps.gc h4 { font-weight: 700; letter-spacing: -.02em; }
body.ps.gc .text-gray-900 { color: var(--gc-texto) !important; }
body.ps.gc .text-muted { color: var(--gc-sec) !important; }
body.ps.gc .lp-eyebrow { font: 400 13px/1.4 var(--gc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--gc-txt-cor); }
body.ps.gc .lp-eyebrow::before { display: none; }
body.ps.gc .x-grad, body.ps.gc .ps-hero h1 em { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--gc-txt-cor); animation: none; }
body.ps.gc .lp-cor { color: var(--gc-txt-cor) !important; }
body.ps.gc :focus-visible { outline: 2px solid var(--gc-texto); outline-offset: 2px; }

/* ---------- botões: canto de 12px, cor sólida, nada brilhando */
body.ps.gc .lp-b { border-radius: 12px; box-shadow: none; transform: none; filter: none; -webkit-backdrop-filter: none; backdrop-filter: none; font-family: var(--gc-sans); font-weight: 600; animation: none; }
body.ps.gc .lp-b::after { display: none; }
body.ps.gc .lp-b.pri, body.ps.gc .lp-b.light { background: var(--gc-cor); color: #fff; border: 0; }
body.ps.gc .lp-b.pri:hover, body.ps.gc .lp-b.light:hover { background: color-mix(in srgb, var(--gc-cor) 86%, #000); color: #fff; }
body.ps.gc .lp-b.line, body.ps.gc .lp-b.ghost, body.ps.gc .lp-b.soft { background: var(--gc-cartao); color: var(--gc-texto); border: 1px solid var(--gc-borda); }
body.ps.gc .lp-b.line:hover, body.ps.gc .lp-b.ghost:hover, body.ps.gc .lp-b.soft:hover { border-color: var(--gc-texto); color: var(--gc-texto); background: var(--gc-cartao); }

/* ---------- topo */
body.ps.gc .lp-nav.ps-nav { position: sticky; top: 0; padding: 0; background: var(--gc-fundo); border: 0; border-bottom: 1px solid var(--gc-linha); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
body.ps.gc .lp-nav.ps-nav > .lp-wrap, body.ps.gc.a-rolou .lp-nav.ps-nav > .lp-wrap { background: none; border: 0; box-shadow: none; border-radius: 0; -webkit-backdrop-filter: none; backdrop-filter: none; min-height: 76px; }
body.ps.gc .ps-links a { color: var(--gc-texto-2); font-weight: 500; background: none; }
body.ps.gc .ps-links a:hover { background: var(--gc-fundo-2); color: var(--gc-texto); }
body.ps.gc .ps-links a.on { color: var(--gc-texto); font-weight: 700; background: none; }
body.ps.gc .ps-burger { border-color: var(--gc-borda); background: var(--gc-cartao); color: var(--gc-texto); }
body.ps.gc .ps-menu-cel { background: var(--gc-fundo); border-color: var(--gc-linha); margin: 0; border-radius: 0; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
body.ps.gc .ps-menu-cel a:not(.lp-b) { color: var(--gc-texto); border-color: var(--gc-linha); }
body.ps.gc .ps-entrar { background: var(--gc-cartao); border-color: var(--gc-borda); }
body.ps.gc .ps-entrar .dropdown-item { color: var(--gc-texto); }
body.ps.gc .ps-entrar .dropdown-item i { background: var(--lp-soft); color: var(--gc-txt-cor); }
body.ps.gc .gc-tema { width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--gc-borda); background: var(--gc-cartao); color: var(--gc-texto); display: grid; place-items: center; font-size: 17px; padding: 0; }
body.ps.gc .gc-tema .tema-claro { display: none; }
[data-bs-theme=dark] body.ps.gc .gc-tema .tema-claro { display: inline; }
[data-bs-theme=dark] body.ps.gc .gc-tema .tema-escuro { display: none; }

/* símbolo (quatro módulos, o do sistema aceso) e nome "GoCode Sistema" */
body.ps.gc .gc-marca { display: inline-flex; align-items: center; gap: 12px; color: var(--gc-texto); text-decoration: none; }
.gc-simb { --t: 30px; width: var(--t); height: var(--t); display: inline-grid; grid-template-columns: 1fr 1fr; gap: calc(var(--t) * .1); flex: none; }
.gc-simb i { border: 1.5px solid var(--gc-borda-simb, #C9C9C2); border-radius: calc(var(--t) * .14); }
.gc-simb i:nth-child(2) { border-radius: calc(var(--t) * .14) calc(var(--t) * .14) calc(var(--t) * .14) calc(var(--t) * .45); }
.gc-simb i:nth-child(3) { border-radius: calc(var(--t) * .14) calc(var(--t) * .45) calc(var(--t) * .14) calc(var(--t) * .14); }
.gc-simb i.on { background: var(--gc-simb); border-color: transparent; }
body.ps.gc .gc-nome { font-size: 22px; font-weight: 800; letter-spacing: -.03em; color: var(--gc-texto); white-space: nowrap; }
body.ps.gc .gc-nome span { font-weight: 600; color: var(--gc-sec); }

/* ---------- capas (início, páginas internas e segmentos): fundo papel/marinho, sem auroras */
body.ps.gc .ps-hero, body.ps.gc .ps-pag, body.ps.gc .lp-hero:not(.capa), body.ps.gc .x-hero { background: var(--gc-fundo); color: var(--gc-texto-2); }
body.ps.gc .ps-hero::before, body.ps.gc .ps-hero::after, body.ps.gc .ps-pag::before, body.ps.gc .ps-pag::after, body.ps.gc .lp-hero:not(.capa)::after,
body.ps.gc .x-blob, body.ps.gc .x-floor, body.ps.gc .x-stars, body.ps.gc .x-stage::before { display: none !important; }
body.ps.gc .ps-pag { border-bottom: 1px solid var(--gc-linha); }
body.ps.gc .ps-hero h1, body.ps.gc .ps-pag h1, body.ps.gc .lp-hero:not(.capa) h1 { color: var(--gc-texto); }
body.ps.gc .ps-hero .lead, body.ps.gc .ps-pag p, body.ps.gc .lp-hero:not(.capa) .lead, body.ps.gc .x-lead { color: var(--gc-sec); }
body.ps.gc .ps-pag .lp-eyebrow { color: var(--gc-txt-cor); }
body.ps.gc .ps-selo, body.ps.gc .x-pill, body.ps.gc .lp-hero:not(.capa) .lp-pill { background: var(--gc-cartao); border: 1px solid var(--gc-borda); color: var(--gc-texto-2); border-radius: 10px; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ps.gc .ps-selo b, body.ps.gc .x-pill b { background: var(--gc-cor); color: #fff; border-radius: 6px; }
body.ps.gc .x-pill::after { display: none; }
body.ps.gc .ps-garantias, body.ps.gc .x-trust, body.ps.gc .lp-hero:not(.capa) .lp-garantias { color: var(--gc-sec); }
body.ps.gc .ps-garantias i, body.ps.gc .x-trust i, body.ps.gc .lp-hero:not(.capa) .lp-garantias i { color: var(--gc-txt-cor); }

/* "tela do sistema" desenhada em CSS: cartão liso, barras cinza e a última na cor do sistema */
body.ps.gc .ps-tela { background: var(--gc-cartao); border: 1px solid var(--gc-borda); border-radius: 20px; padding: 24px; box-shadow: none; transform: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ps.gc .ps-tela-barra { display: none; }
body.ps.gc .ps-tela-corpo { background: transparent; padding: 0; color: var(--gc-texto); }
body.ps.gc .ps-kpi, body.ps.gc .ps-grafico, body.ps.gc .ps-linha { background: var(--gc-cel); box-shadow: none; border-radius: 12px; }
body.ps.gc .ps-kpi small { font-size: 12px; color: var(--gc-sec); font-weight: 400; }
body.ps.gc .ps-kpi b { font: 500 18px var(--gc-mono); letter-spacing: -.02em; }
body.ps.gc .ps-grafico span { background: var(--gc-barra); animation: none; }
body.ps.gc .ps-grafico span:last-child { background: var(--gc-cor); }
body.ps.gc .ps-linha em { font-size: 12px; }
body.ps.gc .ps-flut { display: none; }
body.ps.gc .x-float { background: var(--gc-cartao); color: var(--gc-texto); border: 1px solid var(--gc-borda); box-shadow: var(--lp-sh-lg); animation: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ps.gc .x-float.b i, body.ps.gc .x-float.c i { background: var(--gc-cor); }
body.ps.gc .x-float.a i { background: #1E7A3C; }
/* sistema em "3D" do Projetos: plano, liso */
body.ps.gc .x-app { background: var(--gc-cartao); border: 1px solid var(--gc-borda); box-shadow: var(--lp-sh-lg); transform: none; }
body.ps.gc .x-side a.on { background: var(--gc-cor); color: #fff; box-shadow: none; }
body.ps.gc .x-video { background: var(--gc-borda); box-shadow: none; }
body.ps.gc .x-burn span { background: var(--gc-barra); box-shadow: none; animation: none; }
body.ps.gc .x-burn span:last-child { background: var(--gc-cor); }
body.ps.gc .x-gantt div { background: var(--gc-cor); box-shadow: none; opacity: 1; }
body.ps.gc .x-marquee p { font-family: var(--gc-mono); font-weight: 400; }

/* ---------- seções e cartões */
body.ps.gc .lp-sec.cinza { background: var(--gc-fundo-2); }
body.ps.gc .lp-card, body.ps.gc .ps-num, body.ps.gc .lp-plano, body.ps.gc .ps-mod, body.ps.gc .lp-faq details, body.ps.gc .x-tile, body.ps.gc .x-card {
  background: var(--gc-cartao); border: 1px solid var(--gc-borda); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ps.gc .lp-card:hover, body.ps.gc .ps-mod:hover, body.ps.gc .x-tile:hover, body.ps.gc .ps-tec:hover, body.ps.gc .st-item:hover { transform: none; box-shadow: none; border-color: var(--gc-texto); }
body.ps.gc .lp-card::before, body.ps.gc .x-tile::before, body.ps.gc .ps-tec::before, body.ps.gc .lp-card::after { display: none !important; }
body.ps.gc .ps-visual { background: var(--gc-fundo-2); border: 1px solid var(--gc-borda); box-shadow: none; }
body.ps.gc .ps-num b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--gc-texto); font: 500 clamp(28px, 4vw, 40px) var(--gc-mono); letter-spacing: -.03em; }
body.ps.gc .ps-check i { background: var(--lp-soft); color: var(--gc-txt-cor); }
body.ps.gc .ps-passo::before { background: var(--gc-cor); border-radius: 10px; font: 500 15px var(--gc-mono); }
body.ps.gc .ps-chips a, body.ps.gc .ps-chips span { border-radius: 10px; background: var(--gc-cartao); border-color: var(--gc-borda); transform: none; }
body.ps.gc .ps-chips i { color: var(--gc-txt-cor); }
body.ps.gc .ps-faixa { border-color: var(--gc-linha); }
body.ps.gc .ps-faixa p { font-family: var(--gc-mono); font-weight: 400; }
/* ícones: um tom só (a cor do sistema no fundo suave), também por cima dos ícones coloridos antigos do Adquirente */
body.ps.gc .lp-ico, body.ps.gc :nth-child(n) > .lp-ico, body.ps.gc :nth-child(n) > * > .lp-ico, body.ps.gc .x-tile .x-ico {
  background: var(--lp-soft) !important; color: var(--gc-txt-cor) !important; box-shadow: none !important; }
body.ps.gc .lp-ico .bi { color: var(--gc-txt-cor) !important; }

/* faixa de tecnologia: marinho nos dois modos */
body.ps.gc .ps-escuro { background: #0B1020; color: #C3C8D4; }
[data-bs-theme=dark] body.ps.gc .ps-escuro { border-top: 1px solid #1E2436; border-bottom: 1px solid #1E2436; }
body.ps.gc .ps-escuro::before { display: none; }
body.ps.gc .ps-escuro h2, body.ps.gc .ps-escuro h3 { color: #F4F4F1; }
body.ps.gc .ps-escuro .lp-eyebrow { color: var(--gc-link-esc); }
body.ps.gc .ps-escuro .lp-tit p { color: #A3A9B8; }
body.ps.gc .ps-tec { background: #121830; border: 1px solid #2B3245; box-shadow: none; }
body.ps.gc .ps-tec i { width: auto; height: auto; display: inline-block; background: none; box-shadow: none; color: var(--gc-link-esc) !important; font-size: 24px; margin-bottom: 4px; }
body.ps.gc .ps-tec p { color: #A3A9B8; }
body.ps.gc .ps-escuro .lp-b.ghost { background: transparent; color: #F4F4F1; border-color: #2B3245; }

/* planos e preços */
body.ps.gc .lp-plano.dest { border: 2px solid var(--gc-cor); transform: none; }
body.ps.gc .lp-plano .selo { background: var(--gc-cor); color: #fff; border-radius: 8px; font: 500 12px var(--gc-mono); }
body.ps.gc .lp-preco { font: 500 clamp(30px, 4.4vw, 38px) var(--gc-mono); color: var(--gc-texto); letter-spacing: -.02em; }
body.ps.gc .lp-preco small { font-family: var(--gc-sans); }
body.ps.gc .lp-lista i, body.ps.gc .ps-plano-mods i { color: var(--gc-txt-cor); }
body.ps.gc .lp-faq summary::after { background: var(--lp-soft); color: var(--gc-txt-cor); }
body.ps.gc .ps-nivel { border-top-color: var(--cor, var(--gc-cor)); }
body.ps.gc .ps-nivel b { font: 500 36px var(--gc-mono); color: var(--gc-texto); }

/* chamada final */
body.ps.gc .ps-final-box { background: #0B1020; border: 1px solid #1E2436; border-radius: 20px; color: #C3C8D4; box-shadow: none; }
body.ps.gc .ps-final-box::before, body.ps.gc .ps-final-box::after { display: none; }
body.ps.gc .ps-final-box h2 { color: #F4F4F1; }
body.ps.gc .ps-final-box .lp-b.ghost, body.ps.gc .ps-final-box .lp-b.line { background: transparent; color: #F4F4F1; border-color: #2B3245; }
[data-bs-theme=dark] body.ps.gc .ps-final-box { background: #121830; }

/* ---------- rodapé: tons do modo, faixa "um sistema GoCode Systems" com os três sistemas */
body.ps.gc .ps-rodape { background: var(--gc-fundo); color: var(--gc-sec); border-top: 1px solid var(--gc-linha); }
body.ps.gc .ps-rodape h4 { font: 400 12px var(--gc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--gc-sec); }
body.ps.gc .ps-rodape a, body.ps.gc .ps-rodape span { color: var(--gc-texto-2); }
body.ps.gc .ps-rodape a:hover { color: var(--gc-texto); }
body.ps.gc .ps-rodape .gc-marca { margin-bottom: 14px; }
body.ps.gc .ps-redes a { background: var(--gc-cartao); border: 1px solid var(--gc-borda); color: var(--gc-texto); }
body.ps.gc .ps-rodape-fim { border-color: var(--gc-linha); }
body.ps.gc .gc-familia { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; margin-top: 36px; padding: 22px 0; border-top: 1px solid var(--gc-linha); }
body.ps.gc .gc-familia > span { font: 400 12px var(--gc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--gc-sec); margin: 0; }
body.ps.gc .gc-familia div { display: flex; flex-wrap: wrap; gap: 10px; }
body.ps.gc .gc-familia a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; margin: 0; border: 1px solid var(--gc-borda); border-radius: 10px; color: var(--gc-texto); font-weight: 600; font-size: 14px; text-decoration: none; }
body.ps.gc .gc-familia a:hover { border-color: var(--gc-texto); }
body.ps.gc .gc-familia i { width: 12px; height: 12px; border-radius: 3px; background: var(--c); }
body.ps.gc .gc-familia i.q2 { border-radius: 3px 3px 3px 6px; } body.ps.gc .gc-familia i.q3 { border-radius: 3px 6px 3px 3px; }

/* ---------- celular e menos movimento */
@media (pointer: coarse) { body.ps.gc .lp-b, body.ps.gc .ps-links a, body.ps.gc .ps-menu-cel a { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { body.ps.gc *, body.ps.gc *::before, body.ps.gc *::after { animation: none !important; transition: none !important; } }

/* Quinta do Conhecimento: símbolo provisório (capelo na cor da plataforma) até a identidade própria */
.il-simb { width: 34px; height: 34px; border-radius: 10px; display: inline-grid; place-items: center; flex: none; background: var(--gc-simb, var(--gc-cor)); color: #fff; font-size: 18px; }