/* =====================================================================================================
   Site do WorkSy RH (guia de identidade v0.1). Vem depois do gocode-site.css e troca as cores e as letras dele:
   dois públicos, dois modos. Site do candidato (body.ws-cand): coral #FF5A3C nos botões, link #C2361A no claro e
   #FF8A70 no escuro. Portal da empresa (body.ws-emp): lilás #C9B8FF, link #5B3FC4 / #C9B8FF. Botão sempre com
   texto ameixa #24163A, em pílula. Fundo creme #FFF7F0 / ameixa #1A1029; cartão #FFF / #24163A; borda #EADFD6 /
   #3A2C52; texto #24163A / #FFF7F0; secundário #6B5F78 / #B8ACC6. Bricolage Grotesque 800 nos títulos, DM Sans
   no texto, DM Mono nos rótulos.
   ===================================================================================================== */
body.ps.gc.ws {
  --gc-cor: #FF5A3C; --gc-simb: #FF5A3C; --gc-link: #C2361A; --gc-link-esc: #FF8A70;
  --gc-marinho: #24163A; --gc-papel: #FFF7F0;
  --gc-fundo: #FFF7F0; --gc-fundo-2: #F7ECE3; --gc-cartao: #FFFFFF; --gc-cel: #FFF7F0;
  --gc-borda: #EADFD6; --gc-linha: #EADFD6; --gc-texto: #24163A; --gc-texto-2: #3B2E50; --gc-sec: #6B5F78;
  --gc-barra: #EADFD6; --gc-borda-simb: #EADFD6;
  --gc-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gc-titulo: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
  --gc-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ws-on: #24163A; --ws-lilas: #C9B8FF; --ws-lilas-link: #5B3FC4; --ws-lilas-fundo: #EDE6FF;
  --ps-noite: #24163A; --ps-noite-2: #2E2047;
  --lp-sh-lg: 0 16px 40px -18px rgba(36, 22, 58, .28);
}
body.ps.gc.ws.ws-emp { --gc-cor: #C9B8FF; --gc-link: #5B3FC4; --gc-link-esc: #C9B8FF; }
[data-bs-theme=dark] body.ps.gc.ws {
  --gc-fundo: #1A1029; --gc-fundo-2: #1F1430; --gc-cartao: #24163A; --gc-cel: #1A1029;
  --gc-borda: #3A2C52; --gc-linha: #3A2C52; --gc-texto: #FFF7F0; --gc-texto-2: #E4DAEC; --gc-sec: #B8ACC6;
  --gc-barra: #3A2C52; --gc-borda-simb: #3A2C52;
  --ws-lilas-link: #C9B8FF; --ws-lilas-fundo: #2E2047;
  --lp-sh-lg: 0 16px 40px -16px rgba(0, 0, 0, .8);
}
body.ps.gc.ws ::selection { background: var(--gc-cor); color: var(--ws-on); }

/* títulos: Bricolage 800, bem fechados */
body.ps.gc.ws h1, body.ps.gc.ws h2, body.ps.gc.ws h3, body.ps.gc.ws h4, body.ps.gc.ws .x-display, body.ps.gc.ws .gc-nome { font-family: var(--gc-titulo); }
body.ps.gc.ws h1, body.ps.gc.ws h2, body.ps.gc.ws .x-display { letter-spacing: -.05em; line-height: 1.02; }
body.ps.gc.ws .ps-pag h1, body.ps.gc.ws .ps-hero h1 { letter-spacing: -.055em; }

/* botões em pílula, com texto ameixa nos dois modos */
body.ps.gc.ws .lp-b { border-radius: 999px; }
body.ps.gc.ws .lp-b.pri, body.ps.gc.ws .lp-b.light { color: var(--ws-on); }
body.ps.gc.ws .lp-b.pri:hover, body.ps.gc.ws .lp-b.light:hover { background: color-mix(in srgb, var(--gc-cor) 88%, #24163A); color: var(--ws-on); }
body.ps.gc.ws .lp-b.ws-lilas { background: var(--ws-lilas); color: var(--ws-on); border: 0; }
body.ps.gc.ws .lp-b.ws-lilas:hover { background: color-mix(in srgb, var(--ws-lilas) 88%, #24163A); color: var(--ws-on); }
body.ps.gc.ws .ps-selo b, body.ps.gc.ws .x-pill b, body.ps.gc.ws .lp-plano .selo { color: var(--ws-on); }
body.ps.gc.ws .x-side a.on, body.ps.gc.ws .ps-passo::before { color: var(--ws-on); }
body.ps.gc.ws .gc-tema { border-radius: 999px; }

/* marca: o símbolo e "worksy" em minúsculas com o selo RH lilás */
body.ps.gc.ws .gc-marca { gap: 10px; }
body.ps.gc.ws .ws-simb { width: 36px; height: 36px; flex: none; display: block; }
body.ps.gc.ws .gc-nome { font-size: 26px; font-weight: 800; letter-spacing: -.06em; text-transform: lowercase; }
body.ps.gc.ws .ws-rh { font: 600 11px/1 var(--gc-sans); letter-spacing: 0; text-transform: uppercase; padding: 4px 6px; border-radius: 6px; background: var(--ws-lilas); color: var(--ws-on); vertical-align: 12px; margin-left: 3px; }

/* rótulos e chips */
body.ps.gc.ws .lp-eyebrow { letter-spacing: .14em; }
body.ps.gc.ws .vg-chips a { border: 1px solid var(--gc-borda); background: transparent; color: var(--gc-texto); padding: 8px 16px; font-size: 14px; }
body.ps.gc.ws .vg-chips a:hover { background: var(--gc-cartao); border-color: var(--gc-texto); }

/* busca de vagas: cartão único com o botão dentro, como no guia */
body.ps.gc.ws .vg-busca { background: var(--gc-cartao); border: 1px solid var(--gc-borda); border-radius: 22px; padding: 8px; gap: 0; }
body.ps.gc.ws .vg-campo { background: transparent; border: 0; border-radius: 0; }
body.ps.gc.ws .vg-campo + .vg-campo { border-left: 1px solid var(--gc-borda); }
body.ps.gc.ws .vg-busca .lp-b { border-radius: 16px; }
body.ps.gc.ws .vg-busca .vg-filtros { padding: 8px 6px 2px; border-top: 1px solid var(--gc-borda); margin-top: 6px; }
@media (max-width: 720px) { body.ps.gc.ws .vg-campo + .vg-campo { border-left: 0; border-top: 1px solid var(--gc-borda); } }

/* vagas: cartões lisos, logo em quadradinho creme, tags em cápsula e faixa salarial em mono */
body.ps.gc.ws .vg-item { border-radius: 22px; }
body.ps.gc.ws .vg-item:hover { transform: none; box-shadow: none; }
body.ps.gc.ws .vg-logo { background: var(--gc-fundo-2); color: var(--gc-link); border: 1px solid var(--gc-borda); }
[data-bs-theme=dark] body.ps.gc.ws .vg-logo { color: var(--gc-link-esc); }
body.ps.gc.ws .vg-titulo { font-family: var(--gc-sans); font-weight: 600; color: var(--gc-texto); }
body.ps.gc.ws .vg-data { font-family: var(--gc-mono); }
body.ps.gc.ws .vg-item.vg-destaque { border-color: var(--gc-cor); background: color-mix(in srgb, var(--gc-cor) 7%, var(--gc-cartao)); }
body.ps.gc.ws .cd-abas a { border-radius: 999px; }
body.ps.gc.ws .cd-abas a.on, body.ps.gc.ws .cd-barra span { background: var(--gc-cor); color: var(--ws-on); }

/* bloco "para empresas" no site do candidato: fundo lilás claro */
body.ps.gc.ws .vg-empresas { background: var(--ws-lilas-fundo); border-color: transparent; border-radius: 28px; }
body.ps.gc.ws .vg-empresas .lp-eyebrow { color: var(--ws-lilas-link); }

/* faixas escuras: ameixa */
body.ps.gc.ws .ps-escuro, body.ps.gc.ws .ps-final-box { background: #24163A; color: #E4DAEC; border-color: #3A2C52; }
[data-bs-theme=dark] body.ps.gc.ws .ps-final-box { background: #2E2047; }
body.ps.gc.ws .ps-final-box h2, body.ps.gc.ws .ps-escuro h2, body.ps.gc.ws .ps-escuro h3 { color: #FFF7F0; }
body.ps.gc.ws .ps-tec { background: #2E2047; border-color: #3A2C52; }
body.ps.gc.ws .ps-tec p, body.ps.gc.ws .ps-escuro .lp-tit p { color: #B8ACC6; }
body.ps.gc.ws .ps-final-box .lp-b.ghost, body.ps.gc.ws .ps-final-box .lp-b.line, body.ps.gc.ws .ps-escuro .lp-b.ghost { color: #FFF7F0; border-color: #4A3B64; }

/* rodapé: "WorkSy RH · recrutamento e seleção" e a assinatura com a Quinta */
body.ps.gc.ws .ws-parceria { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; padding: 22px 0; border-top: 1px solid var(--gc-linha); margin-top: 30px; font-size: 14px; color: var(--gc-sec); }
body.ps.gc.ws .ws-parceria a { display: inline-flex; align-items: center; gap: 8px; color: var(--gc-texto); font-weight: 600; text-decoration: none; }
body.ps.gc.ws .ws-parceria img { width: 24px; height: 24px; }

/* links soltos no texto: a cor de link do público (sem pegar menu, rodapé e botões, que têm regra própria) */
body.ps.gc.ws :where(a) { color: var(--gc-txt-cor); }
body.ps.gc.ws .ps-rodape .gc-marca span { display: inline-block; margin: 0; }
body.ps.gc.ws .ps-rodape .ws-rh { color: var(--ws-on); }

/* topo do portal da empresa: sete itens e quatro botões; em telas médias some o "Procurando emprego?" (fica no rodapé e no menu) */
body.ps.gc.ws .ps-links a { padding-left: 10px; padding-right: 10px; }
@media (max-width: 1480px) { body.ps.gc.ws.ws-emp .lp-nav .lp-b.ghost.esconde-cel { display: none; } }