/* ==========================================================================
   Componentes: bloco "título | linha | texto" e cartões de objetivos
   ========================================================================== */

.section--about {
  isolation: isolate;
}

/* Título e texto separados por uma linha azul vertical. As colunas seguem
   as proporções do original: título (27%), vão com a linha (17%) e texto (56%).
   --reverse inverte a ordem (texto à esquerda, título à direita). */
.split {
  display: grid;
  grid-template-columns: 27.2% 16.8% 56%;
  align-items: center;
}

.split + .split {
  margin-top: var(--gap-rows);
}

.split::before {
  content: "";
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  width: 1px;
  height: var(--divider);
  background: var(--color-line);
}

.split__title {
  grid-column: 1;
  grid-row: 1;
  font-size: var(--fs-title);
  line-height: 1;
  text-align: center;
}

.split__text {
  grid-column: 3;
  grid-row: 1;
}

.split__text p {
  font-size: var(--fs-text);
  line-height: 1.6;
  text-align: justify;
}

.split--reverse {
  grid-template-columns: 56% 16.8% 27.2%;
}

.split--reverse .split__title {
  grid-column: 3;
  text-align: right;
}

.split--reverse .split__text {
  grid-column: 1;
}

.split--narrow .split__title {
  text-align: right;
}

/* Cartões de Missão, Visão e Valores (medidas em proporção da largura da tela) */
.goals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.55%;
  width: 91.3%;
  margin-inline: auto;
}

.goal {
  padding: 2.66vw 4.65vw 2.66vw 4.86vw;
  background: var(--color-white);
}

.goal__icon {
  width: 6.15vw;
  height: 6.15vw;
  margin-bottom: 1.6vw;
}

.goal__title {
  margin-bottom: 1.2vw;
  font-size: var(--fs-title);
  line-height: 1.4;
}

.goal__text {
  font-size: var(--fs-text);
  line-height: 1.4;
  text-align: justify;
}