/* --- Foto da equipe no fundo do topo ----------------------------------- */
/* A faixa continua azul; a foto entra por cima dela, esmaecida, e o
   conteúdo fica acima das duas. `z-index` explícito nos filhos porque o
   pseudo-elemento, sendo posicionado, passaria à frente do texto. */
.framer-onhovo { position: relative; isolation: isolate; }

.framer-onhovo::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/static/5JADvJSWqPdHYwxLAyaFhsQlfjM.sq59c173fe.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.15;
  pointer-events: none;
  z-index: -1;
}

@media (max-width: 809px) {
  /* no celular a faixa é mais alta e estreita: a foto se apoia no topo,
     onde estão as pessoas, em vez de cortar pelo meio */
  .framer-onhovo::before { background-position: center 20%; }
}

/* --- O ícone azul acima do título ------------------------------------- */
/* O cliente pediu para tirar: o título fica sozinho, e a foto atrás já dá
   o peso visual que a bolinha tentava dar. */
.framer-q50vcw { display: none !important; }

/* --- "cuidando", no verde do logotipo ---------------------------------- */
/* A palavra vinha no azul-bebê do tema. Aqui ela é pintada pela posição
   (o <span> dentro do h1 do topo), e não pelo token -- o mesmo token
   pinta outras coisas do site que continuam azuis. */
.framer-1qy73p0 h1 span.framer-text {
  --framer-text-color: #97C93D !important;
  color: #97C93D !important;
}