/*
  Estilos personalizados que NO deben ir en ethopay.webflow.css,
  css/webflow.css ni normalize.css: esos tres se regeneran cada vez
  que se vuelve a exportar el sitio desde Webflow y perderían estos cambios.
  Este archivo se enlaza a mano en cada página, después de esos tres.
*/

/* Formulario de contacto (envío AJAX vía php/send-form.php) */
.form-message {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 15px;
}

.form-message--success {
  background-color: #e3f8ec;
  color: #14532d;
}

.form-message--error {
  background-color: #fdecec;
  color: #7a1212;
}

.contact-form .cta-button.is-loading,
.contact-form button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.contact-form button.cta-button {
  border: none;
  cursor: pointer;
  font-family: inherit;
}