.md-page {
  padding-block: var(--space-lg) var(--space-xl);
  max-width: 900px;
  margin-inline: auto;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--fs-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-lg);
}

.breadcrumb a:hover {
  color: var(--color-accent);
}

.breadcrumb__sep {
  opacity: 0.5;
}

.breadcrumb__current {
  color: var(--color-text-body);
  font-weight: var(--fw-medium);
}

.md-page__title {
  font-size: 2rem;
  margin-bottom: var(--space-lg);
}

.md-page__content {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--color-text-body);
}

.md-page__content > * + * {
  margin-top: var(--space-md);
}

.md-page__content h2 {
  font-size: 1.4rem;
  margin-top: var(--space-xl);
}

.md-page__content h3 {
  font-size: 1.15rem;
  margin-top: var(--space-lg);
}

.md-page__content a {
  color: var(--color-accent);
  text-decoration: underline;
}

.md-page__content ul,
.md-page__content ol {
  padding-left: 1.4em;
}

.md-page__content ul {
  list-style: disc;
}

.md-page__content ol {
  list-style: decimal;
}

/* ===== Formulário de contato ===== */
.contact-form-wrap {
  margin-top: var(--space-lg);
}

.contact-form__message {
  padding: var(--space-md);
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  margin-bottom: var(--space-lg);
}

.contact-form__message--success {
  background: rgba(34, 197, 94, 0.1);
  color: #15803d;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.contact-form__message--error {
  background: rgba(239, 68, 68, 0.1);
  color: #b91c1c;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.contact-form__honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contact-form p {
  margin-bottom: var(--space-md);
}

.contact-form label {
  display: block;
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  margin-bottom: var(--space-xs);
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  font-family: var(--font-base);
}

.contact-form textarea {
  min-height: 160px;
  resize: vertical;
}

.contact-form .form-submit input[type="submit"] {
  background: var(--color-accent);
  color: var(--color-text-light);
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  border: none;
  transition: background var(--transition-fast);
}

.contact-form .form-submit input[type="submit"]:hover {
  background: var(--color-accent-hover);
}