/* rodapé · rp */
.rp {
  position: relative;
  background: var(--noite);
  color: var(--papel-noite);
  padding: clamp(3.5rem, 7vw, 6rem) var(--margem) 2rem;
  overflow: clip;
}
.rp::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(closest-side in oklab, color-mix(in oklab, var(--outono) 55%, transparent), transparent) 85% 0% / 70vmax 50vmax no-repeat,
    radial-gradient(closest-side in oklab, color-mix(in oklab, var(--verao) 14%, transparent), transparent) 5% 100% / 50vmax 40vmax no-repeat;
}
.rp > * { position: relative; max-width: 78rem; margin-inline: auto; }
.rp-estacoes { display: flex; gap: .55rem; margin-bottom: 2.4rem; }
.rp-estacoes i { width: .7rem; height: .7rem; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in oklab, var(--c) 22%, transparent); }
.rp-grade { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 2.5rem; }
.rp-nome { margin: 0; font-family: var(--f-titulo); font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.8rem); line-height: 1; }
.rp-assina { margin: .7rem 0 0; font-size: .875rem; letter-spacing: .16em; text-transform: uppercase; color: var(--apoio-noite); }
.rp-reg { margin: 1.4rem 0 0; font-size: .875rem; letter-spacing: .06em; line-height: 1.7; color: var(--papel-noite); }
.rp-reg span { color: var(--apoio-noite); letter-spacing: .02em; }
.rp-nav, .rp-contato { display: flex; flex-direction: column; gap: .2rem; }
.rp-nav a, .rp-contato a { color: var(--papel-noite); text-decoration: none; font-size: .98rem; padding: .55rem 0; min-height: 44px; display: inline-flex; align-items: center; }
.rp-nav a:hover, .rp-contato a:hover { color: var(--primavera); }
.rp-base {
  margin-top: 3rem; padding-top: 1.4rem;
  border-top: 1px solid color-mix(in oklab, white 14%, transparent);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem 2rem;
  font-size: .875rem; color: var(--apoio-noite);
}
.rp-base p { margin: 0; }
.rp-selo a { color: var(--papel-noite); font-weight: 600; text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--primavera) 70%, transparent); text-underline-offset: .2em; }
.rp-selo a:hover { color: var(--primavera); }
@media (max-width: 899px) {
  .rp-grade { grid-template-columns: 1fr; gap: 1.6rem; }
  .rp-base { flex-direction: column; padding-bottom: 4.5rem; }
}