.servicos__grupo {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.servicos__nome-do-grupo {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cor-texto-suave);
}

.servico {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(24px, 3vw, 32px);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-medio);
  background: var(--cor-superficie);
}

.servico__icone {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: var(--cor-destaque);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.servico__titulo {
  font-family: var(--fonte-titulos);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 1.75rem);
  font-weight: 600;
  line-height: 1.15;
}

.servico__resumo {
  font-size: 1.0625rem;
  color: var(--cor-texto-suave);
}

.servico__exemplos {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 20px;
  font-size: 0.9375rem;
}

.servico--em-destaque {
  border-color: var(--magma);
  background: var(--magma);
  color: var(--obsidiana);
}

.servico--em-destaque .servico__icone {
  stroke: var(--obsidiana);
}

.servico--em-destaque .servico__resumo {
  color: var(--obsidiana);
  font-weight: 500;
}