/* Ajustes da área de trabalho após a escolha da proposta Aterna. */
.site-development.aterna .site-header {
  top: 24px;
}

/* Melhora a leitura dos textos auxiliares sem alterar os títulos. */
.site-development {
  font-size: 16px;
}

.site-development .eyebrow,
.site-development .navigation a,
.site-development .hero-secondary,
.site-development .hero-detail,
.site-development .demo-line,
.site-development .service-index,
.site-development .text-link,
.site-development .compare-tools,
.site-development .compare-toggle {
  font-size: 12px;
}

.site-development.aterna .navigation a {
  font-size: 14px;
}

.site-development .button,
.site-development .service-body p,
.site-development .project-caption p,
.site-development .process-grid p,
.site-development details p {
  font-size: 13px;
}

.site-development .brand small,
.site-development .hero-caption,
.site-development .project-caption > span,
.site-development .compare-tag,
.site-development .swatches small,
.site-development .compare-figure figcaption,
.site-development .craft-photo figcaption {
  font-size: 10px;
}

.site-development .header-button {
  font-size: 11px;
}

@media (max-width: 850px) {
  .site-development.aterna .site-header {
    top: 20px;
  }
}

@media (max-width: 600px) {
  .site-development.aterna .site-header {
    top: 14px;
  }

  .site-development.aterna .hero .eyebrow {
    font-size: 10px;
  }

.site-development.aterna .hero-intro {
    font-size: 14px;
  }
}

/* Escala tipográfica solicitada para os textos menores: 8→12, 11→14, 13→16 e 10→13. */
.site-development.aterna .brand small,
.site-development.aterna .hero-caption,
.site-development.aterna .project-caption > span,
.site-development.aterna .compare-tag,
.site-development.aterna .swatches small,
.site-development.aterna .compare-figure figcaption,
.site-development.aterna .craft-photo figcaption {
  font-size: 12px;
}

.site-development.aterna .navigation a,
.site-development.aterna .hero-secondary {
  font-size: 14px;
}

.site-development.aterna .section-heading > p,
.site-development.aterna .faq-layout > div > p:not(.eyebrow),
.site-development.aterna .contact p:not(.eyebrow),
.site-development.aterna .step-number,
.site-development.aterna summary {
  font-size: 16px;
}

.site-development.aterna .eyebrow,
.site-development.aterna .hero-detail,
.site-development.aterna .demo-line,
.site-development.aterna .service-index,
.site-development.aterna .text-link,
.site-development.aterna .compare-tools,
.site-development.aterna .compare-toggle,
.site-development.aterna .header-button {
  font-size: 13px;
}

@media (max-width: 600px) {
.site-development.aterna .hero .eyebrow {
    font-size: 12px;
  }
}

.site-development.aterna .footer-note {
  font-size: 12px;
}

.site-development .section-more {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  padding-bottom: 7px;
  border-bottom: 1px solid currentColor;
  color: var(--accent);
  font-size: 14px;
  font-weight: 800;
}

.site-development .section-more span {
  font-size: 20px;
  line-height: 1;
}

.site-development .brand-logo {
  width: 150px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 600px) {
  .site-development .brand-logo {
    width: 126px;
  }
}