/* Página de solução — o problema (mesmo layout de seo-02-problema.css: título 672 | texto 672, strokes em cima e embaixo) */

.sol-problema {
  padding-block: var(--section-py);
  background: var(--black-200);
  box-shadow: inset 0 1px 0 var(--gray-900), inset 0 -1px 0 var(--gray-900);
}
.sol-problema__inner { display: flex; justify-content: space-between; gap: 32px; }
.sol-problema__head,
.sol-problema__text { flex: 0 1 672px; min-width: 0; }
.sol-problema__text { display: flex; flex-direction: column; gap: 16px; }
.sol-problema__text p { font-size: 18px; line-height: 1.5; color: var(--gray-300); }

@media (max-width: 1023px) {
  .sol-problema__inner { flex-direction: column; gap: 24px; }
  .sol-problema__head,
  .sol-problema__text { flex: none; }
}

@media (max-width: 767px) {
  .sol-problema .section-title { font-size: 28px; line-height: 34px; }
}