/* ================================
   FORM SECTION – páginas com formulário único
   Denúncia, Comunicação Titular
   ================================ */

.page-form-section {
  margin: var(--space-section) var(--space-container-x-lg) var(--space-section-sm) var(--space-container-x-lg);
}
@media (min-width: 992px) {
  .page-form-section {
    margin-top: clamp(5rem, 12vh, 8rem);
    margin-left: clamp(3rem, 12vw, 12rem);
    margin-right: clamp(3rem, 12vw, 12rem);
    margin-bottom: var(--space-section-sm);
  }
}

.page-form-section h1 {
  font-size: 35px;
  font-weight: 800;
  color: var(--brand-purple);
  margin: var(--space-5) 0;
}

.page-form-section p {
  font-size: 15px;
  line-height: 1.6;
}

/* Formulário - estilos base via .vexilom-form (components.min.css) */
.page-form-section .vexilom-form,
.page-form-section form.vexilom-form {
  margin-top: var(--space-6);
  width: 100%;
}

/* Responsividade – Tablet (768–991) */
@media (max-width: 991.98px) {
  .page-form-section {
    margin-top: clamp(4rem, 10vh, 5.5rem);
    margin-bottom: var(--space-section-sm);
    margin-left: var(--space-container-x-md);
    margin-right: var(--space-container-x-md);
  }

  .page-form-section h1 {
    font-size: 28px;
  }

  .page-form-section form input[type=file] {
    font-size: 13px;
  }
}

/* Mobile (≤767) */
@media (max-width: 767.98px) {
  .page-form-section {
    margin-top: clamp(4.5rem, 12vh, 6rem);
    margin-bottom: var(--space-section-sm);
    margin-left: var(--space-container-x);
    margin-right: var(--space-container-x);
  }
}