/* ============================================
   ESTÚDIO LEPE — Página Serviços
   ============================================ */

/* === HERO INTERNO === */
.page-hero {
  background: var(--gradient-dark);
  padding: calc(var(--section-padding) + 2rem) 0 var(--section-padding);
  text-align: center;
}

.page-hero-title {
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  font-weight: var(--fw-extrabold);
  color: var(--color-text-light);
  line-height: var(--lh-tight);
  margin-bottom: var(--space-lg);
}

.page-hero-subtitle {
  font-size: var(--fs-body-lg);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: var(--lh-relaxed);
}

/* === GRID DE SERVIÇOS === */
.services-full {
  background: var(--color-bg-light);
}

/* Cards com scroll offset para âncoras */
.services-full .card {
  scroll-margin-top: 120px;
}

/* Garante que o CTA dentro dos cards seja sempre no rodapé */
.services-full .card {
  display: flex;
  flex-direction: column;
}

.services-full .card .btn {
  margin-top: auto;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .page-hero-title {
    font-size: var(--fs-h2);
  }

  .page-hero-subtitle {
    font-size: var(--fs-body);
  }
}