/* Rede credenciada (página pública). O cabeçalho e o rodapé vêm do home.css;
   as cores do banner são os tokens do tema da empresa (--bg/--bg-deep/--sky,
   injetados pelo Worker), com o azul-marinho da marca como padrão. */

.rp-hero {
  position: relative;
  overflow: hidden;
  padding: 7.2rem 0 11.2rem;
  text-align: center;
  color: #fff;
  background:
    radial-gradient(60rem 36rem at 85% -10%, rgba(96, 165, 250, 0.28), transparent 60%),
    radial-gradient(50rem 30rem at 0% 120%, rgba(37, 99, 235, 0.30), transparent 60%),
    linear-gradient(135deg, var(--bg, #0D1B2A) 0%, var(--bg-deep, #11253D) 55%, var(--blue, #2563eb) 140%);
}
.rp-hero__inner { position: relative; }
.rp-hero__eyebrow {
  display: inline-block;
  margin-bottom: 1.2rem;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sky, #93c5fd);
}
.rp-hero__titulo {
  margin: 0;
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #fff;
}
.rp-hero__texto {
  max-width: 60rem;
  margin: 1.6rem auto 0;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.86);
}

/* O cartão de filtros sobe sobre o banner, como na busca do app */
.rp-busca {
  position: relative;
  margin-top: -7.2rem;
  padding-bottom: 8rem;
}

@media (max-width: 600px) {
  .rp-hero { padding: 4.8rem 0 9.6rem; }
  .rp-busca { margin-top: -6.4rem; padding-bottom: 5.6rem; }
}