/* General */
.mcf-form {
  max-width: 500px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

/* Inputs y textarea */
.mcf-form input,
.mcf-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 8px; /* menos espacio entre campos */
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}

/* Placeholder estilo */
.mcf-form input::placeholder,
.mcf-form textarea::placeholder {
  color: #888;
  font-style: italic;
}

/* Botón */
.mcf-form button {
  background: #fff;
  color: #000;
  border: 2px solid #000;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s ease;
}
.mcf-form button:hover {
  background: #000;
  color: #fff;
}

/* Mensajes */
#mcf-response p {
  margin-top: 10px;
  padding: 10px;
  border-radius: 6px;
  font-weight: bold;
}

/* Éxito */
#mcf-response p[style*="green"] {
  background: #28a745;
  color: #fff !important; /* texto blanco en vez de azul/verde por defecto */
}

/* Error */
#mcf-response p[style*="red"] {
  background: #dc3545;
  color: #fff;
}