/* Refinamentos de cor e indicação de leitura. */
.blog {
  background: #3a3837;
}

.services .resource-card .card-read-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: 17px;
  color: #8f7138;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .04em;
}

.services .resource-card .card-read-more span {
  color: inherit;
  font-size: .98rem;
  line-height: 1;
  transition: transform .2s ease;
}

.services .resource-card:hover .card-read-more span,
.services .resource-card:focus-visible .card-read-more span {
  transform: translateX(3px);
}

.contact-form .button-light {
  background: #3a3837;
  color: #fff;
}

.contact-form .button-light:hover,
.contact-form .button-light:focus-visible {
  background: #564d47;
}

.contact-success {
  margin: 0;
  max-width: 680px;
  color: #fff;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  line-height: 1.5;
}

/* Hierarquia do título principal do hero. */
.hero .hero-seo-line,
.hero .hero-main-line {
  display: block;
}

.hero .hero-seo-line {
  margin-bottom: 20px;
  color: #dbc9a6;
  font-size: clamp(1.4rem, 2.05vw, 2rem);
  line-height: 1.2;
  letter-spacing: .005em;
}

/* Padrão tipográfico dos temas de Recursos — aplicado aos atuais e futuros. */
.blog .blog-card h3 {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: clamp(1.07rem, 1.48vw, 1.31rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .012em;
  text-transform: none;
}

@media (max-width: 620px) {
  .hero .hero-seo-line {
    margin-bottom: 16px;
    font-size: clamp(1.15rem, 5vw, 1.5rem);
    line-height: 1.25;
  }

  .blog .blog-card h3 {
    font-size: 1.05rem;
    line-height: 1.48;
    letter-spacing: .006em;
  }
}