:root{
  --button-border-radius: var(--border-radius-pill);
}

.section-layout:not(.hero) {
  --section-header-align: center;
}

.vantagens-card{
  background: var(--color-container);
  padding: var(--space-2x) var(--space-3x);
  border-radius: var(--border-radius-md);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--space-2x);
  --paragraph-font-weight: bold;
}

.section-vantagens{
  grid-column: var(--width-full);
  display: grid;
  grid-template-columns: subgrid;
  background: var(--color-container);
  padding-block: var(--space-5x);
  margin-block: calc(var(--space-5x) * (-1));

  .vantagens-card{
    border: 1px solid var(--color-complementary);
    color: var(--color-complementary);
    --paragraph-color: var(--color-accent);
  }
}

.numeros-definition {
  --title-font-size: var(--font-size-lg);
  --paragraph-font-size: var(--font-size-sm);
  span{
    color: var(--color-accent);
  }
}