.sobre-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 820px;
  padding: 3rem 0 4rem;
}

.sobre-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sobre-p {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.75;
  color: var(--on-surface-var);
}

.sobre-p strong {
  color: var(--on-surface);
  font-weight: 600;
}

.sobre-p a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 0.15s;
}

.sobre-p a:hover { opacity: 0.75; }

@media (max-width: 1100px) {
  .sobre-section { padding: 2rem 16px 3rem; }
}