/* =================================================================
   FINETIPS SERVIÇOS — Estilos da página Serviços
   Arquivo: servicos.css
   Descrição: Seções específicas de servicos.html. Reutiliza
              header, hero, cards (site-cards.css), CTA e footer.
              Suporta light e dark mode.
   ================================================================= */

/* =================================================================
   HERO
   ================================================================= */

.servicos-page .home-hero-visual img {
  border-radius: 12px !important;
}

/* Light mode: textos escuros na hero */
body:not(.dark-mode) .servicos-page .home-hero-title {
  color: #0F172A;
}

/* =================================================================
   CARDS DE SERVIÇOS — 3 colunas
   ================================================================= */

.servicos-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.servico-card {
  background: linear-gradient(135deg, #0A1628 0%, #102363 55%, #31175D 100%);
}

.servico-card .btn {
  width: 100%;
  text-align: center;
}

/* =================================================================
   CTA — TÍTULO EM DESTAQUE
   ================================================================= */

.servicos-cta .cta-title {
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  line-height: 1.3;
}

.servicos-cta .cta-description {
  margin-left: 0;
  margin-right: 0;
}

/* =================================================================
   RESPONSIVO
   ================================================================= */

@media (max-width: 900px) {
  .servicos-cards {
    grid-template-columns: 1fr;
  }
}