/* ==========================================================================
   pages.css
   - Ajustes específicos por seção/página (home)
   - Polimento visual sem misturar com grid/layout
   ========================================================================== */

/* ==========================================================================
   Header refinements
   ========================================================================== */

.site-header .btn-primary {
  padding: 11px 14px;
  font-size: 13px;
}

/* No mobile, o CTA do header pode ficar escondido pra não poluir (fica no menu) */
@media (max-width: 1023px) {
  .site-header .btn-primary {
    display: none;
  }
}

/* ==========================================================================
   Hero refinements
   ========================================================================== */

.hero-content {
  max-width: 620px;
}

.hero-bullets {
  list-style: "✓  ";
}

.hero-bullets li {
  padding-left: 6px;
}

/* ==========================================================================
   Highlights
   ========================================================================== */

.highlights {
  background: var(--bg);
}

.highlights .card {
  border-color: rgba(11, 31, 24, 0.10);
}

/* ==========================================================================
   About refinements
   ========================================================================== */

.about .prose p {
  color: var(--text);
}

/* ==========================================================================
   Services refinements
   ========================================================================== */

.services .card-service .card-title {
  font-size: 16px;
}

.services .card-service .card-text {
  margin-bottom: 8px;
}

/* ==========================================================================
   Steps refinements (fundo escuro)
   ========================================================================== */

.steps .card {
  border-radius: calc(var(--radius) + 6px);
}

.steps .card-title {
  font-size: 16px;
}

/* ==========================================================================
   Portfolio refinements
   ========================================================================== */

.portfolio .section-subtitle {
  max-width: 70ch;
}

/* ==========================================================================
   Testimonials refinements
   ========================================================================== */

.testimonials .section-subtitle {
  max-width: 70ch;
}

.testimonials-actions {
  margin-top: 16px;
}

/* ==========================================================================
   Contact refinements
   ========================================================================== */

.contact .contact-card .card-text {
  color: rgba(255, 255, 255, 0.86);
}

.contact .contact-card .card-text + .card-text {
  margin-top: 6px;
}

/* ==========================================================================
   Footer refinements
   ========================================================================== */

.footer-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 767px) {
  .footer-right {
    align-items: flex-start;
  }
}

/* ==========================================================================
   Minor spacing polish
   ========================================================================== */

.section-head {
  max-width: 760px;
}

.section-head .section-title {
  text-wrap: balance;
}

.section-head .section-subtitle {
  text-wrap: pretty;
}