/* =========================================================
   PAGE — Hub Labs (azul-roxo #4453b8)
   ========================================================= */

/* Foto de fundo do hero + overlay azul */
.brand-hero--photo {
  background-image:
    linear-gradient(135deg, rgba(31, 78, 150, 0.5), rgba(31, 78, 150, 0.2)),
    url('../../../images/hubble/title.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Título do card "O QUE É HUB LABS?" em azul-roxo */
body[data-page="hub-labs"] .brand-intro__title {
  color: #4453b8;
}

/* =========================================================
   Bloco de texto solto — "O que fazemos?"
   Título grande em azul-roxo + parágrafos em preto.
   ========================================================= */
.text-block {
  padding-block: var(--space-12);
  text-align: center;
}

.text-block__title {
  color: #4453b8;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 var(--space-8);
}
@media (min-width: 768px)  { .text-block__title { font-size: 40px; } }
@media (min-width: 1024px) { .text-block__title { font-size: 48px; } }

.text-block__paragraph {
  color: #000;
  font-size: 18px;
  line-height: 1.65;
  margin: 0 auto var(--space-5);
  max-width: 900px;
}
.text-block__paragraph:last-child { margin-bottom: 0; }

/* CTA "Fale agora com nosso time" — azul-roxo #4453b8 */
body[data-page="hub-labs"] .cta-pink__row {
  background: #4453b8;
  box-shadow: 0 16px 40px rgba(68, 83, 184, 0.28);
}

/* Bloco "Acreditamos..." — foto de fundo + overlay azul */
.purpose {
  background-image:
    linear-gradient(90deg, rgba(31, 78, 150, 0.78), rgba(31, 78, 150, 0.55)),
    url('../../../images/hub-labs/acreditamos.webp');
}