/* (CSS resumido do usuário) — ver original no prompt; caminhos ajustados para /assets/jpi */
:root {
  --brand:#082836; --brand-dark:#0d3444; --brand-dark2:#001e2a; --brand-dark3:#143340;
  --brand-oppacity: rgba(8,40,54,.65); --gold:#bc955c; --accent:#61b400;
  --neutral-1:#0f172a; --neutral-2:#f4f1f1; --neutral-3:#b1b1b1; --neutral-4:#c8c8c8;
  --tint-100:#f1f4ff; --surface:#ffffff; --faint:#f7f9ff; --text-inverse:#ffffff;
  --warning:#ffc800; --alert:#ff0000; --color-negative:var(--text-inverse); --color-negative2:var(--warning); --color-negative3:var(--alert);
  --border-subtle: rgba(0,0,0,.06); --border-subtle-strong: rgba(0,0,0,.08); --border-dot: rgba(0,0,0,.15);
  --shadow-soft: 0 10px 30px rgba(0,0,0,.06);
  --size:22px; --radius-sm:.5rem; --radius-md:.75rem; --radius-lg:1rem;
  --banner-img:url("../jpi/banner-full.jpg");
}
body{font-family:"Outfit",sans-serif;}
/* ... (mantive as principais regras; pode colar o CSS completo se quiser) ... */
.full-banner{background-image:var(--banner-img);background-size:contain;background-repeat:no-repeat;background-position:center center;width:100%;min-height:650px;background-color:var(--brand-dark2)}
.full-banner>.container{display:flex;min-height:650px;color:var(--color-negative)}