/* =========================================================
   PAGE — Hub Top Executive (azul escuro)
   ========================================================= */

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

/* Título do card "O QUE É HUB TOP EXECUTIVE?" em azul escuro */
body[data-page="hub-top-executive"] .brand-intro__title {
  color: var(--color-top-executive);
}

/* "O que fazemos?" + ícones das vantagens em azul escuro */
body[data-page="hub-top-executive"] .services-vantagens__title,
body[data-page="hub-top-executive"] .advantage__icon {
  color: var(--color-top-executive);
}

/* =========================================================
   4 PILARES — wrapper + título azul
   (cards usam o componente compartilhado .step-card)
   ========================================================= */
.pillars {
  padding-block: var(--space-12);
}

.pillars__title {
  color: var(--color-top-executive);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 var(--space-10);
}
@media (min-width: 768px)  { .pillars__title { font-size: 36px; } }
@media (min-width: 1024px) { .pillars__title { font-size: 40px; } }

/* CTA "Fale agora com nosso time" — navy (mesma cor dos cards de pilares) */
body[data-page="hub-top-executive"] .cta-pink__row {
  background: #2B317F;
  box-shadow: 0 16px 40px rgba(43, 49, 127, 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-top/acreditamos.webp');
}