/* Logotipo oficial: a imagem é exibida integralmente, sem moldura adicional. */
.brand {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.brand-logo {
  display: block;
  width: 152px;
  height: auto;
}

/* Remove os adornos residuais do cabeçalho; a imagem da marca permanece intacta. */
.brand {
  min-width: 0;
  padding: 0;
  gap: 0;
  background: transparent;
  border: 0;
}
.brand::after { display: none; }

/* O segundo cartão de serviços não recebe destaque visual próprio. */
.service-card.featured {
  background: #fff !important;
  border-color: var(--line) !important;
}
.service-card.featured h3,
.service-card.featured p,
.service-card.featured a { color: var(--blue) !important; }
.service-card.featured .number { color: #d9dfe2 !important; }
.service-card.featured > svg { color: var(--amber) !important; }

/* Ícones sociais no rodapé. */
.footer-socials {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--blue);
}

.social-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-size: 13px;
}

.social-icon i { line-height: 1; }

a.social-icon:hover,
a.social-icon:focus-visible {
  color: var(--amber);
  border-color: var(--amber);
}

/* CTA de simulação: texto completo, sem quebra de linha. */
.nav-cta,
.nav-mobile-cta,
.header-mobile-cta { white-space: nowrap; }

.header-mobile-cta { display: none; }

@media (max-width: 730px) {
  .footer-socials { order: -1; }
  .header-mobile-cta { display: inline-flex; }
}

@media (max-width: 730px) {
  .brand-logo { width: 120px; }
}