/* Breadcrumb */
.breadcrumb {
  margin: 16px auto 0;
  max-width: 1200px;
  padding: 0 20px 12px;
  font-size: .9rem;
  color: var(--fz-text-dim);
}
.breadcrumb a { color: var(--fz-link); text-decoration: none; }
.breadcrumb a:hover { color: var(--fz-link-hover); text-decoration: underline; }

/* Card com respiro amplo (como a referência do print) */
.card.legal {
  border-radius: 12px;
  box-shadow: 0 6px 24px rgb(0 0 0 / 12%);
  padding: 36px 42px 44px;
}

/* Hierarquia de títulos */
.legal h1 { margin: 0 0 22px; line-height: 1.28; }
.legal h2 { margin: 30px 0 14px; line-height: 1.35; }

/* Texto e espaçamento vertical */
.legal p { line-height: 1.95; margin: 14px 0 24px; }

/* Listas com alinhamento e respiro */
.legal ul { list-style: disc; padding-left: 1.9rem; margin: 14px 0 26px; }
.legal li + li { margin-top: 10px; }

/* Separador */
.divider { height: 1px; background: var(--fz-border); margin: 12px 0 22px; opacity: .75; }

/* Afinando distância entre blocos de seção */
.legal section + section { margin-top: 46px; }

/* Links acessíveis */
.legal a { text-decoration: none; }
.legal a:hover { text-decoration: underline; }

.legal h2 {
  margin: 30px 0 18px; /* top e bottom maiores */
}
@media (max-width: 480px){
  body[data-page="sobre"] .card.legal{ padding: 24px; }
  body[data-page="sobre"] .legal h1{ font-size: 1.5rem; margin-bottom: 14px; }
  body[data-page="sobre"] .legal h2{ margin: 18px 0 10px; }
}