/* Section routes reuse the home components and shared navigation. */
.section-page main > section:first-child {
  padding-top: clamp(48px, 5vw, 80px);
}
.section-page .section-page__head h1 {
  max-width: 850px;
  font-size: clamp(36px, 3.8vw, 52px);
  line-height: 1.15;
  letter-spacing: -.045em;
}
.section-page .capabilities h1 em,
.section-page .statement h1 em {
  color: #3d7147;
}
.section-page--metodo main > .statement {
  padding-bottom: var(--space-5);
}
.section-page--metodo main > .method {
  padding-top: var(--space-5);
}
.section-page .capability-list h2,
.section-page .project-card h2,
.section-page .plan-card h2,
.section-page .contact-draft h2 {
  letter-spacing: -.025em;
}
.section-page .capability-list h2 {
  grid-column: 1 / -1;
  margin: 26px 0 12px;
  max-width: 270px;
  font-size: 20px;
  line-height: 1.35;
}
.section-page .project-card h2 {
  margin: 18px 0 10px;
  font-size: 25px;
  line-height: 1.25;
}
.section-page .plan-card h2 {
  margin: 24px 0 10px;
  font-size: 28px;
  line-height: 1.65;
}
.section-page .contact-draft h2 {
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 1.65;
}
@media (max-width: 960px) {
  .section-page .plan-card h2 {
    font-size: 24px;
  }
}
@media (min-width: 621px) and (max-width: 960px) {
  .section-page--planes .plan-card__select {
    min-height: 66px;
  }
}
@media (max-width: 620px) {
  .section-page main > section:first-child {
    padding-top: var(--space-5);
  }
  .section-page .section-page__head h1 {
    font-size: clamp(32px, 8.7vw, 40px);
    line-height: 1.2;
  }
  .section-page .capability-list h2 {
    margin-top: 18px;
    max-width: none;
  }
  .section-page .project-card h2 {
    font-size: 24px;
  }
}