/* =====================================================================================================
   Site da IL Pay (body.ps) com a identidade do grupo (guia v0.1). Vem depois do aurora-site.css e tira os efeitos
   (auroras, degradês, brilhos, chão em perspectiva): fundo névoa #F3F6F5 ou tinta #0A1A1F, cartões lisos, botão
   petróleo #13B5B1 com texto tinta (igual nos dois modos), link petróleo escuro #0A6E72 no claro e #4FD8D4 no escuro,
   Onest nos textos (títulos 800) e Geist Mono nos rótulos e valores. "Sóbria e confiável".
   ===================================================================================================== */
body.ps {
  --x-p: #13B5B1; --x-s: #13B5B1; --x-v: #13B5B1;
  --x-grad: var(--x-p);
  --x-lnk: #0A6E72;
  --x-on: #0A1A1F;
  --x-font: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --x-mono: 'Geist Mono', ui-monospace, Menlo, Consolas, monospace;
  --x-bg: #F3F6F5; --x-bg-2: #E8EEED; --x-surface: #FFFFFF; --x-solid: #FFFFFF;
  --x-line: #DCE4E2; --x-line-2: #C7D3D1;
  --x-ink: #0A1A1F; --x-txt: #50605F; --x-mut: #50605F;
  --x-sh: none; --x-glow-op: 0; --x-grid: transparent;
  --lp-sh-lg: 0 24px 60px -30px rgba(10, 26, 31, .35);
  letter-spacing: 0;
}
[data-bs-theme=dark] body.ps {
  --x-lnk: #4FD8D4;
  --x-bg: #0A1A1F; --x-bg-2: #0D2026; --x-surface: #10262C; --x-solid: #10262C;
  --x-line: #1B3237; --x-line-2: #23393E;
  --x-ink: #F3F6F5; --x-txt: #9DB0AE; --x-mut: #9DB0AE;
  --x-sh: none; --x-glow-op: 0;
  --lp-sh-lg: 0 30px 70px -30px rgba(0, 0, 0, .9);
}
body.ps h1, body.ps h2, body.ps h3, body.ps h4 { letter-spacing: -.03em; }
body.ps ::selection { background: #13B5B1; color: #0A1A1F; }

/* fundo liso: sem auroras, estrelas, chão e grade */
body.ps .x-hero-bg, body.ps .x-stage::before, body.ps .ps-pag::after, body.ps .ps-hero::after { display: none !important; }
body.ps .ps-pag::before, body.ps .ps-hero::before, body.ps .ps-escuro::before { opacity: 0 !important; }
body.ps .lp-sec.cinza, [data-bs-theme=dark] body.ps .lp-sec.cinza { background: transparent; }

/* topo: barra lisa de ponta a ponta com a linha embaixo (sem cápsula de vidro) */
body.ps .lp-nav.ps-nav { top: 0; padding: 0; background: var(--x-bg); }
body.ps .lp-nav.ps-nav > .lp-wrap, body.ps.a-rolou .lp-nav.ps-nav > .lp-wrap {
  max-width: 1240px; min-height: 76px; padding: 0 20px; border-radius: 0; border: 0; border-bottom: 1px solid var(--x-line);
  background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
[data-bs-theme=dark] body.ps .lp-nav { background: var(--x-bg); }
body.ps .ps-marca, body.ps .ps-marca .marca { font-weight: 800; font-size: 22px; letter-spacing: -.035em; color: var(--x-ink); display: inline-flex; align-items: center; gap: 10px; }
body.ps .ps-simbolo { width: 34px; height: 34px; flex: 0 0 34px; }
body.ps .ps-links a { color: var(--x-ink); font-weight: 500; font-size: 15px; border-radius: 10px; }
body.ps .ps-links a:hover, body.ps .ps-links a.on { color: var(--x-ink); background: var(--x-bg-2); }
body.ps .x-tema { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--x-line-2); background: var(--x-solid); }
body.ps .ps-menu-cel { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--x-solid); }

/* botões: petróleo com texto tinta nos dois modos; os outros com contorno */
body.ps .lp-b { border-radius: 12px; font-weight: 600; letter-spacing: 0; transition: background .2s, border-color .2s; }
body.ps .lp-b:hover { transform: none; }
body.ps .lp-b.pri, body.ps .ps-final-box .lp-b.light { background: var(--x-p); color: var(--x-on); border: 0; box-shadow: none; }
body.ps .lp-b.pri:hover, body.ps .ps-final-box .lp-b.light:hover { background: #10A29E; color: var(--x-on); box-shadow: none; }
body.ps .lp-b.pri::after { display: none; }
body.ps .lp-b.line, body.ps .lp-b.ghost, body.ps .lp-b.soft,
[data-bs-theme=dark] body.ps .lp-b.line { background: transparent; color: var(--x-ink); border: 1px solid var(--x-line-2); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ps .lp-b.line:hover, body.ps .lp-b.ghost:hover, body.ps .lp-b.soft:hover { background: var(--x-bg-2); border-color: var(--x-line-2); }

/* textos de destaque: nada de letra em degradê; o destaque é a cor do link */
body.ps .x-grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--x-ink); animation: none; }
body.ps .x-display { font-weight: 800; letter-spacing: -.045em; line-height: 1; }
body.ps .x-cab h2, body.ps .lp-tit h2, body.ps .ps-bloco h2, body.ps .ps-pag h1, body.ps .ps-hero h1, body.ps .lp-hero h1 { font-weight: 800; letter-spacing: -.04em; }
body.ps .lp-eyebrow { color: var(--x-lnk); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
body.ps .lp-eyebrow::before { display: none; }
body.ps a:not(.lp-b):not(.x-tile):not(.ps-marca) { text-decoration-color: currentColor; }
body.ps .x-trust i, body.ps .ps-check i, body.ps .bi-check2, body.ps .bi-check-circle-fill, body.ps .x-fluxo span i { color: var(--x-lnk); }
body.ps .x-trust { font-family: var(--x-mono); font-size: 13px; }
body.ps .x-pill { -webkit-backdrop-filter: none; backdrop-filter: none; }
body.ps .x-pill::after { display: none; }
body.ps .x-pill b, body.ps .ps-selo b { background: var(--x-p); color: var(--x-on); }
body.ps .x-marquee-n, body.ps .x-marquee p .x-marquee-n { color: var(--x-lnk); }

/* cartões lisos, canto de 20px, sem luz do mouse e sem pular */
body.ps .lp-card, body.ps .ps-tec, body.ps .ps-num, body.ps .ps-visual, body.ps .lp-plano, body.ps .ps-mod, body.ps .lp-faq details, body.ps .x-tile, body.ps .x-stats {
  background: var(--x-solid); border: 1px solid var(--x-line); border-radius: 20px; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
body.ps .lp-card::before, body.ps .x-tile::before, body.ps .ps-tec::before { display: none; }
body.ps .lp-card:hover, body.ps .ps-tec:hover, body.ps .x-tile:hover { transform: none; border-color: var(--x-line-2); }
body.ps .ps-visual { background: var(--x-solid); }
body.ps .x-tile .x-ico, body.ps .ps-tec i, body.ps .lp-ico { background: var(--x-bg-2); color: var(--x-lnk); box-shadow: none; }
body.ps .lp-ico .bi { color: var(--x-lnk); }
body.ps .ps-num b, body.ps .x-stats b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--x-ink); font-family: var(--x-mono); font-weight: 500; letter-spacing: -.03em; }
body.ps .x-chip { background: var(--x-bg-2); color: var(--x-lnk); font-family: var(--x-mono); }

/* o painel ilustrado: liso, de frente, valores em Geist Mono */
body.ps .x-app { transform: none; background: var(--x-solid); border-color: var(--x-line); box-shadow: var(--lp-sh-lg); }
body.ps .x-side a.on { background: var(--x-ink); color: var(--x-bg); box-shadow: none; }
body.ps .x-float { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--x-solid); border-color: var(--x-line-2); animation: none; }
body.ps .x-float i, body.ps .x-float.a i, body.ps .x-float.b i, body.ps .x-float.c i { background: var(--x-p); color: var(--x-on); }
body.ps .x-burn span { background: var(--x-p); }
body.ps .x-gantt div { background: var(--x-p); box-shadow: none; }
body.ps .x-col h5 i { box-shadow: none; }
body.ps .x-card.move { box-shadow: var(--lp-sh-lg); border-color: var(--x-line-2); }
body.ps .x-video { background: var(--x-line); }
body.ps .x-fluxo .seta { background: var(--x-line-2); }
body.ps .x-fluxo .seta::after { display: none; }
body.ps .x-passos::before { background: var(--x-line-2); box-shadow: none; }
body.ps .x-passo::before { background: var(--x-p); color: var(--x-on); box-shadow: 0 0 0 6px var(--x-bg); font-family: var(--x-mono); }
body.ps .x-anel { background: conic-gradient(var(--x-p) calc(var(--v) * 1%), var(--x-bg-2) 0); }

/* formulários */
body.ps .form-control, body.ps .form-select { background: var(--x-solid); border-color: var(--x-line-2); border-radius: 10px; }
body.ps .form-control:focus, body.ps .form-select:focus { border-color: var(--x-ink); box-shadow: 0 0 0 1px var(--x-ink); }
body.ps :focus-visible { outline: 2px solid var(--x-ink); outline-offset: 2px; }

/* fechamento e rodapé */
body.ps .ps-final-box { background: var(--x-solid); border: 1px solid var(--x-line); border-radius: 24px; }
body.ps .ps-final-box::before, body.ps .ps-final-box::after { display: none; }
body.ps .ps-rodape .ps-simbolo { width: 30px; height: 30px; flex-basis: 30px; }
body.ps .ps-grupo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 28px 0; border-top: 1px solid var(--x-line); }
body.ps .ps-grupo-rot { font: 500 13px var(--x-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--x-txt); }
body.ps .ps-grupo-marcas { display: flex; flex-wrap: wrap; gap: 12px; }
body.ps .ps-grupo-marcas a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid var(--x-line-2); border-radius: 12px; color: var(--x-ink); font-weight: 600; text-decoration: none; }
body.ps .ps-grupo-marcas a:hover { background: var(--x-bg-2); color: var(--x-ink); }
body.ps .ps-grupo-marcas i { width: 14px; height: 14px; border-radius: 4px; display: inline-block; }

/* as páginas da rede dentro do site (maquininhas, parceiro, franquia): o botão é petróleo com texto tinta */
body.ps .sc.sc-na-plataforma { --sc: var(--x-p); --sc-txt: var(--x-on); --sc-forte: var(--x-lnk); --sc-esc: #10A29E; --sc-cla: var(--x-bg-2); font-family: var(--x-font); }