/* =========================================================
   PAGE — Hub Advisory (azul-roxo)
   ========================================================= */

/* Foto de fundo do hero + overlay azul.
   Reutiliza a mesma foto do hub-talent enquanto não há foto própria. */
.brand-hero--photo {
  background-image:
    linear-gradient(135deg, rgba(31, 78, 150, 0.5), rgba(31, 78, 150, 0.2)),
    url('../../../images/hub-talent/title.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

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

/* =========================================================
   VANTAGENS — variante full-width (sem "O que fazemos?")
   Ocupa todo o container (até 1800px no ultra-wide),
   header "VANTAGENS" com linhas estendidas, 3 cards na mesma linha.
   ========================================================= */
.services-vantagens--full .services-vantagens__advantages {
  width: 100%;
}

/* Ícones em azul-roxo (advisory) */
body[data-page="hub-advisory"] .advantage__icon {
  color: var(--color-advisory);
}

/* =========================================================
   O QUE FAZEMOS? — título centralizado + grid de cards sem borda
   ========================================================= */
.services-grid {
  padding-block: var(--space-12);
}

.services-grid__title {
  color: var(--color-advisory);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 var(--space-10);
}
@media (min-width: 768px)  { .services-grid__title { font-size: 40px; } }
@media (min-width: 1024px) { .services-grid__title { font-size: 48px; } }

.services-grid__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-10) var(--space-8);
}
@media (min-width: 640px)  { .services-grid__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .services-grid__list { grid-template-columns: repeat(3, 1fr); } }

.services-grid__item {
  text-align: center;
  padding: 0 var(--space-3);
}

.services-grid__item-title {
  color: var(--color-advisory);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 var(--space-4);
}

.services-grid__item-desc {
  color: #000;
  font-size: 1.125rem; /* 18px */
  line-height: 1.6;
  margin: 0;
}

/* CTA "Fale agora com nosso time" — azul do logo */
body[data-page="hub-advisory"] .cta-pink__row {
  background: var(--color-advisory);
  box-shadow: 0 16px 40px rgba(40, 113, 182, 0.28);
}

/* Bloco "Acreditamos..." — foto de fundo + overlay azul leve.
   Reutiliza temporariamente a foto do hub-talent enquanto não há foto própria. */
.purpose {
  background-image:
    linear-gradient(90deg, rgba(31, 78, 150, 0.55), rgba(31, 78, 150, 0.35)),
    url('../../../images/hub-talent/acreditamos.webp');
}

/* "Entenda o nosso propósito" alinhado à esquerda só na advisory */
body[data-page="hub-advisory"] .purpose__link {
  align-self: flex-start;
}