.secao {
  padding-block: var(--espaco-20);
}

.secao--clara {
  background: var(--branco);
  color: var(--texto-corpo);
}

.secao--escura {
  background: var(--roxo-profundo);
  color: var(--texto-claro-corpo);
}

.secao--escura h2,
.secao--escura h3,
.secao--escura .secao-label {
  color: var(--texto-claro-titulo);
}

.secao--escura .secao-label {
  color: var(--lime);
}

.secao--profunda {
  background: var(--creme-suave);
}

.secao__intro {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--espaco-12);
  align-items: end;
  margin-bottom: var(--espaco-12);
}

.secao__intro-titulo {
  font-family: var(--fonte-display);
  font-size: var(--texto-2xl);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--texto-titulo);
  font-weight: 400;
  font-variation-settings: 'SOFT' 30;
}

.secao--escura .secao__intro-titulo {
  color: var(--texto-claro-titulo);
}

.secao__intro-titulo em {
  color: var(--lime);
  font-weight: 300;
  font-variation-settings: 'SOFT' 100, 'WONK' 1;
}

.secao__intro {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--espaco-12);
  align-items: center;
  margin-bottom: var(--espaco-12);
}

.secao--escura .secao__descricao {
  color: var(--texto-claro-corpo);
  font-size: 1.2em;
}

@media (max-width: 991px) {
  .secao {
    padding-block: var(--espaco-16);
  }

  .secao__intro {
    grid-template-columns: 1fr;
    gap: var(--espaco-6);
    align-items: start;
    margin-bottom: var(--espaco-10);
  }

  .secao__descricao {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .secao {
    padding-block: var(--espaco-12);
  }
}