/* North Card Show — Contacto */

.contact-form {
  max-width: 640px;
  margin-inline: auto;
  padding: var(--space-7);
}
/* Única pieza de la página (sin correo destacado ni FAQ al lado): un poco
   más grande y respirada para que no se quede corta y suelta en la página. */
.contact-form--solo {
  max-width: 720px;
  padding: var(--space-8);
}
.contact-form .field { margin-bottom: var(--space-5); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
@media (max-width: 559px) { .form-row { grid-template-columns: 1fr; } }

@media (max-width: 480px) {
  .contact-form,
  .contact-form--solo {
    padding: var(--space-5) var(--space-4);
  }
}

.form-success {
  display: none;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-card);
  background: rgba(34, 166, 164, 0.12);
  border: 1px solid rgba(111, 207, 205, 0.4);
  color: var(--turquesa-100);
  margin-bottom: var(--space-5);
}
.form-success.is-visible { display: flex; }