/* ════════════════════════════════════════════════════════════
   REPESCAGEM — página de conteúdo/SEO. Reusa paleta + passe.css.
   Estética de artigo: leitura confortável, autoridade sóbria.
═════════════════════════════════════════════════════════════ */
.rp-article { padding: 120px 0 80px; }
.rp-article .pz-container { max-width: 760px; }

.rp-h1 {
  font-size: clamp(1.9rem, 4.4vw, 3rem); font-weight: 800; letter-spacing: -0.02em;
  line-height: 1.12; margin: 18px 0 20px; color: var(--preto);
}
.rp-lead { font-size: 1.2rem; line-height: 1.65; color: #4a4a4a; margin-bottom: 32px; }
.rp-lead b { color: var(--preto); }

.rp-article h2 {
  font-size: clamp(1.35rem, 3vw, 1.75rem); font-weight: 800; letter-spacing: -0.01em;
  color: var(--preto); margin: 46px 0 16px; scroll-margin-top: 100px;
}
.rp-article p { font-size: 1.06rem; line-height: 1.75; color: #454545; margin-bottom: 16px; }
.rp-article p b { color: var(--preto); }

.rp-list, .rp-tldr ul { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 8px 0 20px; }
.rp-list li, .rp-tldr li { position: relative; padding-left: 30px; line-height: 1.6; color: #454545; }
.rp-list li::before, .rp-tldr li::before {
  content: "✓"; position: absolute; left: 0; top: 2px; color: #fff; background: var(--azul-destaque);
  width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: .66rem; font-weight: 900;
}
.rp-list b, .rp-tldr b { color: var(--preto); }

.rp-tldr {
  background: var(--bg2); border: 1px solid var(--borda); border-left: 4px solid var(--azul-destaque);
  border-radius: 16px; padding: 26px 28px; margin: 8px 0 30px;
}
.rp-tldr h2 { margin: 0 0 14px; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .08em; color: var(--azul-destaque); }

.rp-note {
  font-size: .95rem !important; color: var(--cinza-texto) !important; font-style: italic;
  border-left: 3px solid var(--borda); padding-left: 14px; margin: 8px 0 20px;
}

/* CTA inline no corpo */
.rp-cta-inline {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
  background: var(--lilas-fundo); border-radius: 18px; padding: 24px 28px; margin: 34px 0;
}
.rp-cta-inline p { margin: 0 !important; font-size: 1.05rem !important; color: var(--preto) !important; max-width: 42ch; }
.rp-cta-inline b { color: var(--azul-destaque); }

/* Timeline */
.rp-timeline { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 20px; }
.rp-tl-item { display: grid; grid-template-columns: 130px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px dashed var(--borda); }
.rp-tl-date { font-weight: 800; color: var(--azul-destaque); font-variant-numeric: tabular-nums; }
.rp-tl-desc { color: #454545; line-height: 1.5; }

.rp-oab-link { color: var(--azul-destaque) !important; font-weight: 700; text-decoration: underline; }

/* Bloco CTA final escuro */
.rp-cta-block {
  background: var(--preto); border-radius: 24px; padding: 44px 40px; margin: 50px 0 0; text-align: center;
}
.rp-cta-block p { color: #cfd4e0 !important; max-width: 54ch; margin: 0 auto 24px !important; }
.rp-cta-block a { color: #a9c0f2; }
.rp-cta-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.rp-cta-block .pz-btn-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.3); }
.rp-cta-block .pz-btn-ghost:hover { border-color: #fff; }

@media (max-width: 560px) {
  .rp-article { padding: 100px 0 60px; }
  .rp-cta-inline { flex-direction: column; align-items: flex-start; }
  .rp-tl-item { grid-template-columns: 90px 1fr; gap: 12px; }
  .rp-cta-block { padding: 34px 24px; }
}