:root {
  --pjp-azul-escuro: #020617;
  --pjp-azul: #1d4ed8;
  --pjp-azul-claro: #eff6ff;
  --pjp-dourado: #f4b000;
  --pjp-cinza: #6b7280;
  --pjp-fundo: #f3f4f6;
  --pjp-radius: 18px;
  --pjp-shadow: 0 14px 45px rgba(15,23,42,0.18);
}
* { margin:0; padding:0; box-sizing:border-box;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body { background: var(--pjp-fundo); color:#0f172a; }
.navbar { position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid #e5e7eb; }
.nav-inner { max-width:1160px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nav-brand { display:flex; align-items:center; gap:10px; }
.nav-brand img { height:40px; width:auto; border-radius:999px; }
.nav-brand-title { display:flex; flex-direction:column; font-size:13px; line-height:1.1; }
.nav-brand-title span:first-child { font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:11px; color:#0f172a; }
.nav-brand-title span:last-child { font-size:11px; color:#6b7280; }
.nav-links a { font-size:13px; text-decoration:none; color:#4b5563; padding:6px 12px; border-radius:999px; }
.nav-links a.ativo { background:#e0ebff; color:#1d4ed8; font-weight:600; }
.nav-links a:hover { background:#f3f4ff; }
.main-container { max-width:1160px; margin:16px auto 32px; padding:0 16px 24px; }
.hero { background:linear-gradient(135deg,#0b1f4a,#2563eb); border-radius:28px; padding:26px; color:white; display:flex; gap:24px; box-shadow:var(--pjp-shadow); }
.hero-col { flex:1; }
.hero-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.tag { font-size:11px; padding:3px 10px; border-radius:999px; background:rgba(15,23,42,0.25); border:1px solid rgba(148,163,184,0.6); }
.hero h1 { font-size:22px; margin-bottom:8px; }
.hero p { font-size:13px; max-width:520px; }
.hero-buttons { margin-top:16px; display:flex; flex-wrap:wrap; gap:10px; }
.btn { border-radius:999px; padding:9px 18px; font-size:13px; font-weight:600; border:none; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.btn-primary { background:var(--pjp-dourado); color:#111827; }
.btn-secondary { background:#0f172a; color:white; }
.hero-side { flex:0.95; background:rgba(15,23,42,0.7); border-radius:20px; padding:16px; border:1px solid rgba(209,213,219,0.25); }
.hero-side h3 { font-size:14px; margin-bottom:6px; }
.hero-side ul { list-style:none; font-size:12px; padding-left:0; }
.hero-side li { margin-bottom:4px; }
.section-title { margin-top:26px; margin-bottom:10px; font-size:17px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:14px; }
.card-item { background:#fff; border-radius:var(--pjp-radius); padding:14px 16px; box-shadow:0 8px 24px rgba(15,23,42,0.05); border:1px solid #e5e7eb; }
.card-item h3 { font-size:15px; margin-bottom:2px; }
.card-item small { font-size:11px; color:#6b7280; }
.card-item p { font-size:13px; margin-top:6px; margin-bottom:8px; }
.tags { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
.tag-mini { font-size:10px; padding:3px 8px; border-radius:999px; background:#eff6ff; color:#1d4ed8; }
.card-footer { display:flex; flex-wrap:wrap; gap:8px; }
.btn-card { text-decoration:none; font-size:12px; padding:7px 14px; border-radius:999px; }
.btn-card-primario { background:#1d4ed8; color:white; }
.btn-card-secundario { background:#e5e7eb; color:#111827; }
.footer { margin-top:26px; font-size:11px; color:#6b7280; text-align:center; padding-bottom:8px; }
@media (max-width:900px){ .hero{flex-direction:column;} .nav-inner{flex-direction:column; align-items:flex-start;} }