/* Auto-separado desde style-pi-4pe.css — sección: form */

/* =========================================================
   7) FORMULARIO
   ========================================================= */
.contact-form {
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 16px;
  padding: 1rem;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
}

.form-grid label {
  display: grid;
  gap: 0.35rem;
  color: #374151;
  font-weight: 600;
}

.form-grid input,
.form-grid select,
.form-grid textarea {
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  padding: 0.6rem 0.7rem;
  font: inherit;
}

.form-grid .full {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
.form-grid {
    grid-template-columns: 1fr;
  }

.form-grid .full {
    grid-column: auto;
  }
}